* {padding:0; margin:0; position:relative; outline: none; list-style: none; outline:none;}

BODY, HTML {
	padding: 0;
	margin:0;
	background:#050505 url(images/background.jpg) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	color:#838383;
	}

.realmst_head2 .online{background-image:url(images/misc/g-coin.png);background-repeat:no-repeat;background-color:transparent;}
.realm_s92{width:299px;height:68px;background:url(images/misc/realm-s6.jpg) no-repeat;box-shadow:0 1px 0 rgba(0,0,0,.6), 0 2px 0 rgba(255,255,255,.07);overflow:hidden;}
.realm_s92 a{display:block;border-radius:5px 5px 0 0;top:1px;left:1px;width:297px;height:66px;transition:all 400ms;-moz-transition:all 400ms;-webkit-transition:all 400ms;-o-transition:all 400ms;}
.realm_s92 a:hover{box-shadow:inset 0 0 7px rgba(0,0,0,.6), inset 0 0 32px rgba(0,204,255,.05);background:rgba(0,0,0,.1);}
.realmst_head2{height:49px;padding:18px 0 0 5px;}
.realmst_head2 .realm_name{font-size:15px;color:#b19e7a;font-weight:bold;padding:0 0 0 37px;text-shadow:0 0 4px rgba(0,0,0,.8), 1px 2px 0 rgba(0,0,0,.5);}
.realmst_head2 p{padding:2px 0 0 17px;letter-spacing:normal;}
.realmst_head2 .online{width:29px;height:28px;display:inline-block;position:absolute;line-height:0%;top:-4px;left:9px;}




.realmst_head3 .online{background-image:url(images/misc/25.png);background-repeat:no-repeat;background-color:transparent;}
.realm_s93{width:299px;height:68px;background:url(images/misc/realm-s7.jpg) no-repeat;box-shadow:0 1px 0 rgba(0,0,0,.6), 0 2px 0 rgba(255,255,255,.07);overflow:hidden;}
.realm_s93 a{display:block;border-radius:5px 5px 0 0;top:1px;left:1px;width:297px;height:66px;transition:all 400ms;-moz-transition:all 400ms;-webkit-transition:all 400ms;-o-transition:all 400ms;}
.realm_s93 a:hover{box-shadow:inset 0 0 7px rgba(0,0,0,.6), inset 0 0 32px rgba(0,204,255,.05);background:rgba(0,0,0,.1);}
.realmst_head3{height:49px;padding:18px 0 0 5px;}
.realmst_head3 .realm_name{font-size:15px;color:#b19e7a;font-weight:bold;padding:0 0 0 37px;text-shadow:0 0 4px rgba(0,0,0,.8), 1px 2px 0 rgba(0,0,0,.5);}
.realmst_head3 p{padding:2px 0 0 17px;letter-spacing:normal;}
.realmst_head3 .online{width:29px;height:28px;display:inline-block;position:absolute;line-height:0%;top:-4px;left:9px;}


.modaldonation {    background: url(images/texture_light_2.gif) repeat;
    width: auto;
	position: fixed;
	top:10%;
	left:15%;
    height:auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0;
    box-shadow: inset 0 0 0 2px #4f4940, 0 0 10px #000, 0 0 10px #000, inset 0 0 15px rgba(0,0,0,.6), 0 0 85px #000;}

.modaldonation .modal-tittle {
	text-align:center; padding-top:20px; padding-bottom:20px;
	
	}
	
.modaldonation .modalbody{ padding:20px;}


.countdown {

	background: url(images/seperator.png) no-repeat right top;
	width: auto;
	height: 176px;
	padding: 0 100px 0 0;
	margin: 200px 0 0 0;
}

.countdown h5 {
	text-align:center;
	font-family: calibri;
	text-transform: uppercase;
	color:#c59e4b;
	font-size: 24px;
	margin: 0 9px 0 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5), 0 0 6px rgba(0, 0, 0, .4);
}

 #countdown {
	margin: 30px 0 0 20px;
}

 #countdown li {
	display: inline-block;
	width: 95px;
	height: 95px;
	background: url(images/countdown_box_bg.png) no-repeat;
	overflow: hidden;
	margin: 0 12px 0 0;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(255, 255, 255, .03), 0 1px 0 rgba(255, 255, 255, .02), 0 0 0 1px rgba(255, 255, 255, .01);
}

 #countdown li div.text_overlay {
	position: absolute;
	top: 3px;
	left: 0;
	width: 95px;
	height: 95px;
	background: url(images/text_overlay.png) no-repeat;
	z-index: 3;
}

 #countdown li div.overlay_shadow {
	position: absolute;
	width: 95px;
	height: 95px;
	z-index: 4;
	border-radius: 4px;
	box-shadow: inset 0 0 10px rgba(7, 6, 6, 1);
}

 #countdown li span {
	font-family: impact;
	color: #FFF;
	font-size: 60px;
	text-align: center;
	display: block;
	width: 100%;
	z-index: 1;
}

 #countdown li p {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	margin: -12px 0 0 0;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bolder;
	z-index: 2;
}



	
	center { height:100%;}
	
	img { border: none; background-color:transparent;}
	
	/* CSS Psuedo-classes have to come one after the other in order to work: */
	a {color:#3a3a39;text-decoration:none;}
	a:hover {color:#b07e39; text-decoration:none !important;}
	
	/* FORM */
	form .row {width:490px; height:34px; margin: 0 0 12px 0;}
	form .textarea-row { height:auto;}

	form .nowidth { width: 95% !important; }
	
	.row-fix { width:550px !important; }

	.row-inline { width: 450px !important; }
		
	/* SHIT FIX */
	/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border : 0px;} 
	/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus {outline : none; }
	
	form .seperator {
		width:75%; height:1px; left:3px;
		margin: 18px auto;
		background:rgba(0,0,0,.3);
		box-shadow:0 0 1px rgba(255,255,255,.05);
		clear:both;
		}
	
	/* sprites */
	.membership-bar .search input[type='submit'],
	.title_latest_news,
	.realmst_head .online, 
	.realmst_head .offline, 
	.realmst_head .more_rinfo, 
	#footer .left-side a.evil-logo,
	#footer .left-side a.dmca,
	#footer td a.dmca, a.back-to-top, 
	.logged_in_bar .acc-menu li a span, .logged_in_bar .acc-menu li a p, 
	.logged_in_bar .avatar span,
	.logged_in_bar .info .coints span#gold_c div, 
	.logged_in_bar .info .coints span#silver_c div,
	.logged_in_bar .info .messages a span.icon,
	.g-coin, .s-coin, .z-coin,
	.store-complete .items-list li p.success-i em,
	.store-complete .items-list li p.fail-i em,
	li.login-home a span, li.login-home a p, li.register-home a span, li.register-home a p,
	.new-design-left-part p.icon, .new-design-count-cont p.arrow,
	.logged_in_bar .info .won-a-charcater-ico a span#icon, .logged_in_bar .info .won-a-charcater-ico a p#icon, .recruit-link a, 
	.tele-back-btn a, #TpTooltip .tp-tooltip-inner #arrow, .vote-now-ico a span#icon, .vote-now-ico a p#icon
	{background-image:url(images/misc/misc_main.png); background-repeat:no-repeat; background-color:transparent;}
	
	#header .holder, #header .top-navigation li a p, #header a.logo p, .top-navigation li#support p
	{ background-image:url(images/misc/header.png); background-color:transparent;}
	
	.clear { clear:both;}
	
	/* HEADER */
	#header {
		width:100%; height:121px; 
		position:absolute;
		z-index:9999;
		}	
   		#header .holder {width:1040px; height:121px;}
		
		#header a.logo {
		display:block;
		float:left;
		width:287px; height:75px;
		margin: 23px 0 0 10px;
		z-index:30;
		}
		#header a.logo p {
		display:block;
		width:287px; height:75px;
		visibility:hidden;
  		opacity:0;
		transition:visibility 0s linear 0.4s,opacity 0.4s linear;
		-moz-transition:visibility 0s linear 0.4s,opacity 0.4s linear;
		-webkit-transition:visibility 0s linear 0.4s,opacity 0.4s linear;
		-o-transition:visibility 0s linear 0.4s,opacity 0.4s linear;
		background-position: 0 -121px;
		position:absolute;
		top:0; left:0;
		}
		
		#header a.logo:hover p {
			opacity:1; visibility:visible; transition-delay:0s; -moz-transition-delay:0s; -webkit-transition-delay:0s;
			}
		
		/* TOP NAVIGATION */
		#header .top-navigation {
		width:730px; height:76px;
		float:right;
		margin:23px 10px 0 0;
		right:10px;
		z-index:10;
		}
		#header .top-navigation li { display:block; float:left; margin:0 !important; left:0 !important; padding:0 !important;}
		
		#header .top-navigation li a { display:block; height:76px; margin:0 !important; left:0 !important;}
		
			.top-navigation li #home p { width:117px; background-position: -290px -121px;}
			.top-navigation li #forums p { width:122px; background-position: -407px -121px;}
			.top-navigation li#support p { width:125px; background-position: -529px -121px; cursor: pointer; }
			.top-navigation li #features p { width:146px; background-position: -654px -121px;}
			.top-navigation li #media p { width:119px; background-position: -800px -121px;}
			.top-navigation li #goal p { width:101px; background-position: -919px -121px;}
			
			#header .top-navigation li a p, #header .top-navigation li p {
			display:block; height:76px;
			visibility:hidden;
  			opacity:0;
			transition:visibility 0s linear 0.8s,opacity 0.8s linear;
			-moz-transition:visibility 0s linear 0.8s,opacity 0.8s linear;
			-webkit-transition:visibility 0s linear 0.8s,opacity 0.8s linear;
			-o-transition:visibility 0s linear 0.8s,opacity 0.8s linear;
			}
			
			#header .top-navigation li a:hover p, #header .top-navigation li:hover p {
				opacity:1; visibility:visible; transition-delay:0s; -moz-transition-delay:0s; -webkit-transition-delay:0s;}
			
			/* Navigation Dropdown */
			.top-navigation li div.nddm-holder {
			position:absolute;
			width:260px; height:0;
			left:-53%; top:57px;
			overflow: hidden;
			transition: all ease-in-out 900ms;
			-webkit-transition: all ease-in-out 900ms;
			-moz-transition: all ease-in-out 900ms;
			-o-transition: all ease-in-out 900ms;
			opacity:0;
			}
			
			/* Fix the positins for dropdown under FEATURES */
			.top-navigation li .features div.navi-dropdown {left:8%;}
			.top-navigation li .media div.navi-dropdown {left:-2%;}
			
			.top-navigation li:hover div.nddm-holder {
				height:280px;
				opacity:1;
				}
			
				
			.top-navigation li div.navi-dropdown {
				width:193px; height:auto;
				border-radius:5px;
				background:#2b2a28 url(images/misc/drop-down-grad.png) repeat-x bottom;
				box-shadow:inset 0 2px 0 #373532,inset 0 0 0 1px #2b2a28, 0 0 27px rgba(0,0,0,.4), 0 0 15px 5px rgba(0,0,0,.4), 0 14px 25px rgba(0,0,0,.5);
				top:20px;
				}	
				.top-navigation li div.navi-dropdown span {
				display:block;
				text-align:left;
				margin: 0 0 2px 0;
				}
				.top-navigation li div.navi-dropdown p#arrow {
					position:absolute;
					padding:0;
					top:-30px; left:65px;
					width:60px; height:41px;
					background:url(images/misc/drop-down-arrow.png) no-repeat;
					}
				.top-navigation li div.navi-dropdown span a {
					width:auto; height:auto !important;
					padding:6px 0 18px 15px; margin:0;
					color:#5a574f;
					text-transform:uppercase;
					font-weight: bold;
					text-shadow:0 1px 1px rgba(0,0,0,.4), 0 0 6px rgba(0,0,0,.4);
					background:url(images/misc/drop-down-sep.png) no-repeat bottom center;
					}
					.top-navigation li div.navi-dropdown span:first-of-type a {padding:14px 0 18px 15px;}
					.top-navigation li div.navi-dropdown span:last-of-type a { background: none; padding:6px 0 13px 15px;}
					
					.top-navigation li div.navi-dropdown span a:hover {
					color:#eaaf46;
					}
	
	/* BODY */
	.main_b_holder { width:100%; height:auto; min-height:100px; background:url(images/body_top.png) no-repeat top; top:-39px; font-size:12px;}
	.sec_b_holder {width:100%; height:auto; background:url(images/footer.png) no-repeat bottom; padding:0 0 49px 0; margin:-14px 0 0 0;}
	#body { width:996px; height:auto; padding:0 0 0 0;}
	
	.space-fix { width:px; height:66px;}
	
    .content_holder {width:685px; height:auto; padding:0 0 0 0;}
	
	.main_side {width:685px; max-width:685px; float:left;}
	.sidebar {width:299px; max-width:299px; padding:0 0 0 12px; float:left;}
	
	
	.container {
	width:auto; height:auto;
	background:url(images/texture_one.gif) repeat;
	box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#3a3a39;
	text-shadow: 0 1px 0 #000, 0 0 6px #000;
	overflow:hidden;
	}
	.light_normal {
	width:auto; height:auto;
	background:url(images/misc/light_2_r.png) repeat-x;
	}
	
	.container_frame {
	background:#000;
	box-shadow:inset 0 0 0 1px #392f21, 0 0 6px #000;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	transition: all 600ms;
	-webkit-transition: all 600ms;
	-moz-transition: all 600ms;
	-o-transition: all 600ms;
	}
	.container_frame:hover {box-shadow:inset 0 0 0 1px #b07e39, 0 0 6px #000;}
	
	.cframe_inner {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
	display:block;
	background-size:105%;
	} 
	
	.container_2 {
	width:685px; height:auto; min-height:auto;
	background:url(images/texture_light_1.gif) repeat;
	box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 0 10px 0;
	}
	
	.container_3 {
	width:auto; height:auto; min-height:40px;
	background:url(images/texture_light_2.gif) repeat;
	box-shadow: 0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 10px 0 10px;
	padding:35px 0 25px 0;
	z-index:1;
	}
	
	div.gradient {
	z-index:1;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.04)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33d5c194', endColorstr='#00d5c194',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 -36px 0 rgba(0,0,0,.2);
	}
	
	.d-cont {
	width:auto; height:auto;
	background:rgba(0,0,0,.35);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 0 10px 15px;
	box-shadow:inset 0 0 7px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.01);
	text-shadow: 0 0 5px #000;
	}
	
	/* SUB PAGE TITLE */
	.sub-page-title {
	width:685px; height:85px;
	background:url(images/misc/sub_page_light.png) no-repeat left;
	}
	.sub-page-title #title {display:block;	float:left;	height:39px; margin: 21px 0 0 20px;}
	
		.sub-page-title #title h1 {
			font-family:guatami;
			font-weight:normal;
			text-transform:uppercase;
			font-size:32px;
			color:#8e6b3e;
			text-shadow:0 0 8px rgba(0,0,0,1), 0 1px 2px rgba(0,0,0,1);
			margin:5px 0 0 0;
			height:22px;
			padding:0;
			line-height:125%;
			}
			.sub-page-title #title h1 p {
				width:100%; height:22px; 
				background:url(images/misc/page-title-gradient.png) no-repeat;
				position:absolute;
				top:11px; right:0;
				}
			.sub-page-title #title h1 span {
				width:100%; height:22px;
				background:url(images/misc/page-title-effect.png) no-repeat;
				position:absolute;
				top:0; right:0;
				}
		
	/* FOOTER */
	.footer-holder {
		width:100%; height:110px;
		margin:-39px 0 0 0;
		}
		.bot-foot-border {
			width:100%; height:8px;
			position:absolute;
			top:102px;
			background:#000;
			box-shadow:0 0 12px rgba(255,200,127,.04), 0 0 0 1px rgba(255,190,34,.04);
			z-index:1;
			}
		.bot-foot-glow {
			width:100%; height:92px;
			background:url(images/misc/footer-light.png) no-repeat center;
			margin:0 auto;
			opacity:.9;
			position:absolute;
			top:10px;
			z-index:2;
			pointer-events: none;
			}
		#footer {width:996px; padding:20px 0 0 0; color:#313130; z-index:90; }
		
			#footer .left-side {float:left; padding:10px 0 0 0;}
				#footer .left-side a.evil-logo {
					display:block;
					width:27px; height:42px;
					float:left;
					text-indent:-999999px;
					background-position:-0px -146px;
					}
					#footer .left-side a.evil-logo:hover {background-position:-28px -146px;}
				
				#footer .left-side a.dmca {
					display:block;
					width:40px; height:42px;
					float:left;
					text-indent:-999999px;
					background-position:-0px -189px;
					}
					#footer .left-side a.dmca:hover {background-position:-41px -189px;}
				
				#footer .left-side p {
					float:left;
					text-align:left;
					padding:3px 0 0 5px;
					color:#3b3832;
					line-height:150%;
					}
					#footer .left-side p b { color:#656056;}
			
			#footer .right-side { float:right;}
				
				#footer .right-side ul {
					float:right;
					text-align:left;
					padding:0 0 0 40px;
					}
					#footer .right-side ul li { display:block; margin:0 0 2px 0;}
					#footer .right-side ul li a { font-size:11px; text-transform:uppercase;}
				
				
		
		a.back-to-top {
			display:block;
			position:absolute;
			width:53px; height:54px;
			background-position:-208px -401px;
			top:-29px; left:480px;
			z-index:100;
			}
			a.back-to-top:hover {background-position:-261px -401px;}
		
	
	/* IMAGE HEADER */
	#image_header {width:100%; height:600px; background:#060504; top:0px; overflow:hidden;	background:#050505 url(images/bg_home.jpg) no-repeat top;}
	
	
	/* SLIDER */
	#bg_video {width:100%; height:600px;
			align-self: flex-start;
			display: -webkit-flex;
  			display: flex;
 		    -webkit-align-items: flex-start;
  			align-items: flex-start;
  			-webkit-justify-content: center;
  			justify-content: center;}
	
	/* Sub Page Images */
	.sub_head_image { width:100%; height:300px;}
	  .sub_head_image div {
		  width:100%; height:300px;
		  background-position:bottom;
		  background-repeat: no-repeat;
		  }
	/*.sub_head_image img { width:1300px; border: none; outline: none;}	*/
	
	
	/* INDEX SOCIAL MEDIA */
	.social-media {
		width:685px; height:45px;
		margin:0 0 12px 0;
		overflow:hidden;
		box-shadow: 0 0 6px rgba(0,0,0,.8), inset 0 0 0 1px #513f22, inset 0 0 0 2px #000, inset 0 0 0 3px rgba(255,255,255,.05);
		overflow:hidden;
		}
		.social-media div.gradient {width:700px; height:70px; position:absolute; top:-10px; z-index:1;}
		.media-buttons-holder { z-index:2;}
		
		/* HOLDERS */
		.media-wrapp {
			float:left;
			height:34px;
			padding:8px 11px 0 11px;
			box-shadow:inset -1px 0 0 rgba(0,0,0,.4), 1px 0 0 rgba(255,255,255,.02);
			top:1px;
			}
		.media-button-holder {
			display:inline-block;
			height:18px; width:auto;
			margin:5px;
			}
		
		.media-new-design {
			height:18px; width:auto;
			}
			.new-design-left-part {
				display:inline-block;
				height:18px;
				background:rgba(0,0,0,.8);
				border-radius:2px;
				line-height:100%;
				vertical-align:top;
				box-shadow:0 1px 0 rgba(255,255,255,.04), inset 0 0 4px #000;
				z-index:1;
				}
				.new-design-left-part p.icon { width:16px; height:16px; display:inline-block; vertical-align:top; margin:1px 0 0 1px;}
				.new-design-left-part span { 
				display:inline-block; 
				padding:3px 4px 0 4px; 
				vertical-align:top;
				font-size:11px;
				font-weight:bold;
				color:#494949;
				text-shadow:0 0 4px #000, 0 1px 0 #000;
				}

			.button-container {
				display:inline-block;
				height:18px;
				overflow:hidden;
			}
				
			.new-design-count-cont {
				display:inline-block;
				height:18px; width:auto;
				border-radius:2px;
				background:rgba(0,0,0,.8);
				padding: 0 4px 0 4px;
				line-height:100%;
				vertical-align:top;
				margin: 0 0 0 2px;
				box-shadow:0 1px 0 rgba(255,255,255,.04), inset 0 0 4px #000;
				}
				.new-design-count-cont p.arrow { width:3px; height:7px; background-position:-70px -1px; position:absolute; top:5px; left:-3px;}
				.new-design-count-cont span {
					display:block;
					padding:3px 0 0 0;
					font-size:11px;
					font-weight:bold;
					color:#494949;
					text-shadow:0 0 4px #000, 0 1px 0 #000;
					}
						
			/* FACEBOOK */
			.facebook .button-container {
				width:49px;
			}
			.facebook .fb-like {
				position: absolute;
				top:-3px;
				left:0px;
				z-index:10;
				opacity:0;
				}
				.facebook .fb-active-hotfix {
					margin: 4px 0 0 0;
					width: 48px;
				}
			.facebook p.icon { background-position:-1px -1px;}
			.facebook p.icon.active { background-position:-1px -19px;}
		
			/* TWITTER */
			.twitter .button-container {
				width:61px;
			}
			.twitter .twitter-follow-button {
				position: absolute;
				top:-3px;
				left:0px;
				z-index:10;
				opacity:0;
				}
				.twitter .twitter-active-hotfix {
					margin: 4px 0 0 0;
					width: 60px;
				}
			.twitter p.icon { background-position:-18px -1px;}
			.twitter p.icon.active { background-position:-18px -18px;}
			
			/* GOOGLE */
			.google-plus p.icon { background-position:-35px -1px;}
			
			/* YOUTUBE */
			.youtube p.icon { background-position:-52px -1px;}
					
		
	/* REALMS Status */
	.realmlist { /* Realmlist */
		font-size:13px;
		text-align:center;
		margin:0 0 12px 0;
		}
		.realmlist .light_normal {padding:4px 0 6px 0;}
	
	.realm_s6 {
		width:299px; height:68px;
		background:url(images/misc/realm-s6.jpg) no-repeat;
		box-shadow:0 1px 0 rgba(0,0,0,.6), 0 2px 0 rgba(255,255,255,.07);
		overflow: hidden;
		}
		.realm_s6 a {
			display:block;
			border-radius:5px 5px 0 0;
			top:1px; left:1px;
			width:297px; height:66px;
			transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;
			}
			.realm_s6 a:hover { box-shadow:inset 0 0 7px rgba(0,0,0,.6), inset 0 0 32px rgba(0,204,255,.05); background:rgba(0,0,0,.1)}

	.realm_s9 {
		width:299px; height:68px;
		background:url(images/misc/realm-s9.jpg) no-repeat;
		box-shadow:0 1px 0 rgba(0,0,0,.6), 0 2px 0 rgba(255,255,255,.07);
		overflow: hidden;
		}
		.realm_s9 a {
			display:block;
			border-radius:5px 5px 0 0;
			top:1px; left:1px;
			width:297px; height:66px;
			transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;
			}
			.realm_s9 a:hover { box-shadow:inset 0 0 7px rgba(0,0,0,.6), inset 0 0 32px rgba(0,204,255,.05); background:rgba(0,0,0,.1);}
			
		.realmst_head { 
			height:49px; 
			padding:18px 0 0 5px;
			}
			.realmst_head .realm_name {
			font-size:15px;
			color:#b19e7a;
			font-weight:bold;
			padding: 0 0 0 37px;
			text-shadow:0 0 4px rgba(0,0,0,.8), 1px 2px 0 rgba(0,0,0,.5);
			}
			.realmst_head p {
			padding: 2px 0 0 17px;
			letter-spacing:normal;
			}
			
			.realmst_head .online, .realmst_head .offline {
			width:29px; height:28px; 
			display:inline-block;
			position:absolute;
			line-height:0%;
			top:-4px; left:9px;
			}
			
			.realmst_head .online {background-position: -761px -0px; top:-6px;}
			.realmst_head .offline {background-position: -732px -0px; top:-6px;}
			
			.realm_st p {
			padding:6px 0 0 8px;
			font-size:11px;
			font-style:italic;
			color:#746c5b;
			text-shadow:0 0 4px rgba(0,0,0,.8), 1px 1px 0 rgba(0,0,0,.8);
			}
			.realm_st p.realm-desc { padding:3px 0 0 14px;}
			
				
	/* TEAMSPEAK */
	.ts-status {
		width:288px; height:38px;
		background:url(images/misc/status-grad.png) repeat-x top rgba(255,255,255,.008);
		padding:9px 0 0 11px;
		box-shadow:inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.07);
		text-shadow:0 1px 1px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.8);
		}
		
		.ts-status h3 { font-family:calibrib; font-size:13px; color:#534e3d;}
		.ts-status h3 p.status { display:inline-block;}
			
			.ts-status h3 p.status.online { color:#313f09;}
			.ts-status h3 p.status.offline { color:#620c08;}
		
		.ts-status a#download-ts, .ts-status a#download-htc {
			font-size:11px;
			color:#35322d;
			display:inline-block;
			padding:1px 0 2px 9px;
			margin:0 8px 0 0;
			font-weight: bold;
			background:url(images/misc/link-arrow.png) no-repeat left;
			transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;
			}
			.ts-status a#download-ts:hover, .ts-status a#download-htc:hover {
			color:#b68c24;
			background:url(images/misc/link-arrow-hover.png) no-repeat left;
			}
			
	/* LOGON STATUS */
	.logon-status {
		width:299px; height:46px;
		background:url(images/misc/status-grad.png) repeat-x top rgba(255,255,255,.008);
		}
		
		.logon-status #logon-status {
			height: 30px;
			margin: 5px 0 0 10px;
			vertical-align: top;
			display: inline-block;
		}

		.logon-status #logon-status img {
			height: 25px;
			opacity: 0.8;
			transition:visibility 0s linear 0.2s, opacity 0.2s linear;
		}

		.logon-status #logon-status:hover img {
			opacity: 1;
		}

		.logon-status #logon-status h3 {
			font-family:calibrib;
			font-size:13px;
			color:#534e3d;
			display: block;
			margin-top: -5px;
		}

		#logon-status p {font-size:11px; font-style:italic; color:#302d27;}

		.logon-status #server-time {
			float:right;
			width:60px; height:30px;
			text-align:right;
			margin:6px 10px 0 0;
			}
			#server-time p {
				font-family: calibrib;
				font-weight: bold;
				font-size:15px;
				color:#696250;
				}
			#server-time span {
				font-family:calibrib;
				font-size:11px;
				top:2px; left:-1px;
				color:#454034;
				}
	
	/* Media */
	.media {
	width:685px;
	}
	
	/* Trailers */
	.trailer { width:396px !important; height:223px !important; }
	.trailer .image-thumb-preview { width:396px !important; height:223px !important; }
	.trailer.media-video-thumb a { width:396px !important; height:223px !important; }
			
	.quck_nav {
	float:right;
	margin: 0px 22px 0 12px ;
	height:25px; width:273px;
	padding:0px 0 0 0;
	text-align: right;
	background:rgba(0,0,0,.6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgba(255,255,255,.02),inset 0 0 5px #000, 0 1px 0 rgba(255,255,255,.02);
	}
	.quck_nav a {
		font-size:11px; 
		text-shadow: 0 1px 0 #000, 0 0 5px #000; 
		padding:5px 10px 3px 10px;
		display:inline-block;
		}			
				
	/* MEMBERSHIP Bar 
	---------------------------------------------------------*/
	.membership-holder {
		width:100%; height:66px;
		background:url(images/membership_bar.png) no-repeat center;
		z-index:999;
		top:-27px;
		overflow:hidden;
		}
		.membership-bar {width:1010px; height:57px; top:7px;}
			
		.member-side-left {
			width:100%; height:57px;
			float:left;
			}
			
			ul.not-logged-menu {height:54px; float:left; margin:4px 0 0 4px;}
				ul.not-logged-menu li { display:block; float:left;}
				ul.not-logged-menu li a {display:block; height:54px;}
				ul.not-logged-menu li a span {display:block; height:54px; z-index:1;}
				ul.not-logged-menu li a p {
					display:block; height:54px;
					position:absolute;
					top:0; left:0;
					visibility:hidden;
		  			opacity:0;
					transition:visibility 0s linear 0.5s,opacity 0.5s linear;
					pointer-events:none;
					z-index:2;
				}
				
				ul.not-logged-menu li.login-home a { width:214px;}
				ul.not-logged-menu li.register-home a {width:241px;}
				
				ul.not-logged-menu li.login-home a span { width:214px; background-position:-2px -279px;}
				ul.not-logged-menu li.register-home a span {width:241px; background-position:-215px -279px;}
				
				ul.not-logged-menu li.login-home a p { width:214px; background-position:-2px -331px;}
				ul.not-logged-menu li.register-home a p {width:241px; background-position:-215px -331px;}
							
				ul.not-logged-menu li a:hover p {
					opacity:1; 
					visibility:visible; 
					transition-delay:0s; 
					-moz-transition-delay:0s; 
					-webkit-transition-delay:0s;
				}
			
			.bonus-m-links {
				width:213px; height:48px;
				float:left;
				text-align:left;
				padding:9px 0 0 5px;
				}
				.bonus-m-links a {
				display:block;
				font-size:13px;
				color:#e4d19f;
				text-shadow: 0 0 4px #000, 0 0 6px #000, 0 1px 0 #000, 0 1px 1px #000;
				line-height:165%;
				}
				div.bonus-m-links a:hover { 
				color:#fbc88b;
				text-shadow: 0 0 4px #000, 0 0 6px #000, 0 1px 0 #000, 0 1px 1px #000, 0 0 1px #dfcc9b;
				}
				
		.logged_in_bar .avatar {
		width:48px; height:48px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		overflow:hidden;
		float:left;
		margin: 5px 5px 0 14px;
		}
	    	.logged_in_bar .avatar span {
			width:48px;
			height:48px;
			display:block;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			position:absolute;
			pointer-events: none;
			}
		.logged_in_bar .info {
		width:273px; height:58px;
		float:left;
		padding:7px 0 0 5px;
		}
	    .logged_in_bar .info p {
			float:left;
			color:#c1b38e;
			font-size:13px;
			text-shadow:0 1px 1px #130d0a, 0 0 5px #130d0a;
			margin: 0 0 3px 2px;
			text-align:left;
			width:250px;
			overflow:hidden;
			}
	    .logged_in_bar .info .coints {
			width:auto; height:26px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background:rgba(0,0,0,.35);
			box-shadow:inset 0 0 4px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.04);
			color:#8b877a;
			text-shadow:0 1px 1px rgba(0,0,0,1);
			float:left;
			padding:0 8px 0 0;
			}
	    	.logged_in_bar .info .coints span {
			display:block;
			float:left;
			}
	    	.logged_in_bar .info .coints span#gold_c {
			top:-1px;
			padding: 0 0 0 3px;
			}
	    	.logged_in_bar .info .coints span#gold_c div {
			width:20px; height:19px;
			background-position: -814px -0px;
			border: none;
			display:inline-block;
			top:4px;
			}
	
	    	.logged_in_bar .info .coints span#silver_c {
			top:-1px;
			padding: 0 0 0 4px;
			}
	    	.logged_in_bar .info .coints span#silver_c div {
			width:20px; height:19px;
			background-position: -834px -0px;
			border: none;
			display:inline-block;
			top:4px;
			}
			
.logged_in_bar .acc-menu {
	list-style: none;
	width: auto;
	height: 42px;
	float: right;
	margin: 9px 6px 0 0;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.800), inset  0 0 4px #b19144;
	margin-right: 14px;
	display: table;
	background-image: url(images/misc/acc-menu-bg.png);
}
.logged_in_bar .acc-menu li {
	width: auto;
	height: 42px;
	line-height: 42px;
	display: table-cell;
	vertical-align: middle;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	border-width: 0px 3px 0px 0px;
	border-style: solid;
	border-image: 
	  linear-gradient(
		to right,
		#9c6b2f8a,
		#7b56269a,
		#9c6b2f8a
	  ) 0 100%;
	transition: box-shadow 0.3s ease-in-out;
}
.logged_in_bar .acc-menu li:last-child {
	border: none;
}
.logged_in_bar .acc-menu li a {
	color: #dfcd9e;
}
.logged_in_bar .acc-menu li:hover {
	color: #fff7c7;
	border-radius: 4px;
	box-shadow: inset 0 0 15px #b19144;
}
.logged_in_bar .acc-menu li:hover .logout-btn {
	color: #9b8e6d !important;
}

			
	/* Account sub pages 
	---------------------------------------------------------*/
	
	.account_sub_header {
	height:57px;
	padding:0;
	overflow:hidden;
	}
	.account_sub_header .grad {
		width:100%; height:57px;
		background: -moz-linear-gradient(top,  rgba(255,255,255,.0090) 52%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 80%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(255,255,255,.01)), color-stop(30%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,.01) 52%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,.01) 52%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,.01) 52%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(255,255,255,.01) 52%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
		}
		.account_sub_header .page-title {
		float:left;
		font-family: 'Ropa Sans', sans-serif;
		color:#918979;
		font-size:22px;
		letter-spacing:1px;
		text-transform:uppercase;
		margin: 16px 0 0 20px;
		text-shadow: 0 3px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.2);
		}
		
		/* ACTIVE TITLE */
		div.sub-active-page {
			float:left;
			font-family: 'Ropa Sans', sans-serif;
			color:#918979;
			font-size:22px;
			letter-spacing:1px;
			text-transform:uppercase;
			text-shadow: 0 3px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.2);
			height:41px;
			padding:16px 0 0 32px;
			margin:0 0 0 7px;
			background:url(images/misc/sub-page-title-bg.png) no-repeat left;
			}
		
		.account_sub_header a {
		display:block;
		float:right;
		padding:9px 18px;
		background:rgba(0,0,0,.2);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 12px 13px 0 0;
		box-shadow:inset 0 0 0 1px #0e0e0d, inset 0 0 8px rgba(255,255,255,.04), inset 0 0 3px rgba(255,255,255,.02), inset 0 2px 0 rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.02), 0 0 5px rgba(0,0,0,.3);
		text-shadow:0 0 4px #000;
		}
		.account_sub_header a:hover {background:rgba(0,0,0,.3);}
		
	.page-desc-holder {
		width:843px;
		padding:25px 0 25px 0;
		font-size:14px;
		color:#616159;
		line-height:150%;
		text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.5);
		}

/* GENERAL GAME STUFF */
	.poor {color:#2a2a2a;}			/* Poor */
	.common {color:#8d8d8d;} 		/* Common */
	.uncommon {color:#2f8d00;} 		/* Uncommon */
	.rare {color:#366281;} 			/* Rare */
	.epic {color:#643681;} 			/* Epic */
	.legendary {color:#ba6c2d;} 	/* Legendary */
	.artifact {color:#6b6139;} 		/* Artifact */
	.heirloom {color:#6b6139;} 		/* Heirloom */

	/* CLASS ICONS COLORS */
		
	.class-DW, .class-SM, .class-GM 		{border-color:rgba(62, 171, 243, 0.7) !important;}
	.class-DK, .class-BK, .class-BM 		{border-color:rgba(245, 180, 132, 0.7) !important;}
	.class-ELF, .class-MELF, .class-HELF 	{border-color:rgba(87, 211, 132, 0.7) !important;}
	.class-MG, .class-DM 					{border-color:rgba(147, 110, 253, 0.7) !important;}
	.class-DL, .class-LE 					{border-color:rgba(196, 196, 196, 0.7) !important;}
	.class-SUM, .class-BSUM, .class-DSUM 	{border-color:rgba(255, 84, 217, 0.7) !important;}
	.class-RF, .class-FM 					{border-color:rgba(255, 245, 104, 0.7) !important;}
	.class-GL, .class-ML 					{border-color:rgba(228, 35, 212, 0.7) !important;}

	/* ITEMS QUALITY */
		
	.items_results ul li div.poor .item-ico {border-color:#2a2a2a;}		/* Poor */
	.items_results ul li div.common .item-ico {border-color:#8d8d8d;} 	/* Common */
	.items_results ul li div.uncommon .item-ico {border-color:#2f8d00;} 	/* Uncommon */
	.items_results ul li div.rare .item-ico {border-color:#366281;} 		/* Rare */
	.items_results ul li div.epic .item-ico {border-color:#643681;} 		/* Epic */
	.items_results ul li div.legendary .item-ico {border-color:#ba6c2d;} 	/* Legendary */
	.items_results ul li div.artifact .item-ico {border-color:#6b6139;} 	/* Artifact */
	.items_results ul li div.heirloom .item-ico {border-color:#6b6139;} 	/* Heirloom */

	#poor span, .poor  {border-color:#2a2a2a !important;}				/* Poor */
	#common span, .common {border-color:#8d8d8d !important;} 			/* Common */
	#uncommon span, .uncommon {border-color:#2f8d00 !important;} 		/* Uncommon */
	#rare span, .rare {border-color:#366281 !important;} 				/* Rare */
	#epic span, .epic {border-color:#643681 !important;} 				/* Epic */
	#legendary span, .legendary {border-color:#ba6c2d !important;} 		/* Legendary */
	#artifact span, .artifact {border-color:#6b6139 !important;} 		/* Artifact */
	#heirloom span, .heirloom {border-color:#6b6139 !important;} 		/* Heirloom */	
			
	/* Select currency */
	.select-currency {
		text-shadow:0 0 3px #000; 
		left:120px;
		width:300px;
		padding:11px 0 15px 10px;
		background:rgba(0,0,0,.2);
		border-radius:4px;
		}
		
		.select-currency span {color:#616059; margin:0 7px 0 0;}
		.select-currency label { margin:0 7px 0 0;}
		.select-currency label p#sc {color:#656563;}
		.select-currency label p#gc {color:#a7863e;}
	
	/* Description */
	
	.description-small {
		font-size:12px;
		color:#6b6761;
		text-shadow:0 0 5px #000;
		padding:15px 0 20px 0;
		}

	.description-small strong {
		color: #c59e4b;
	}
		
	/* ERROR PAGES */
	
	.under-construction {
		text-align:center;
		text-shadow:0 0 25px rgba(0,0,0,.9), 3px 4px 0 rgba(0,0,0,.5);
		}
		
		.under-construction span {  /* FONT OVERLAY */
			background:url(images/misc/font-overlay-grunge-1.png) no-repeat;
			display:block;
			width:100%; min-width:121; height:100%;
			position:absolute;
			top:-10px; left:0;
			}
		
		.under-construction .holder {
			padding:100px;
			}
			.under-construction h5 {
				font-family: guatami;
				font-size:90px;
				line-height:80%;
				margin:0 0 10px 0;
				color:#bf8839;
				}
			.under-construction h4 {
				font-family: guatami;
				font-size:27px;
				line-height:110%;
				text-transform:uppercase;
				color:#645c53;
				font-weight: bolder;
				}
	
	
	/* HOW TO EARN COINS */
	
	.how-coins {}
	
		.how-coins h2 {
			font-family: guatami;
			font-size:21px;
			text-transform:uppercase;
			font-weight:normal;
			text-shadow:0 0 8px rgba(0,0,0,.5), 2px 2px 0 rgba(0,0,0,.3);
			margin:0 0 10px 0;
			}
			.how-coins h2 span {  /* FONT OVERLAY */
			background:url(images/misc/font-overlay-grunge-1.png) no-repeat;
			display:block;
			width:100%; min-width:121; height:100%;
			position:absolute;
			top:-10px; left:0;
			}
			
			.how-coins h2#gold {color:#cb983f;}
			.how-coins h2#silver {color:#b7ae8e;}
			
			.how-coins h2#gold p {
				display:inline-block;
				background:url(images/misc/g-coin.png) no-repeat;
				width:21px; height:21px;
				top:11px; margin:0 10px 0 0;
				}
			.how-coins h2#silver p {
				display:inline-block;
				background:url(images/misc/s-coin.png) no-repeat;
				width:21px; height:21px;
				top:11px; margin:0 10px 0 0;
				}
			
			.how-coins ul {
				padding:0 0 20px 30px ;
				}
				.how-coins ul li {
					margin:0 0 20px 0;
					color:#554f48;
					text-shadow:0 0 4px rgba(0,0,0,.6);
					}
					.how-coins ul li a {
					font-family: 'Ropa Sans', sans-serif;
					font-size:14px;
					font-weight:bold;
					color:#766f66;
					}
					.how-coins ul li a:hover {color:#ebb533;}
				
				
	/* FEATURES Page */

	.features-bg-dark {
		width:685px; height:840px;
		background:url(images/page-backgrounds/hellscape.png) no-repeat top right, url(images/page-backgrounds/shadow-bot.png) no-repeat bottom left;
		background-color:rgba(0,0,0,.2);
		position:absolute;
		z-index:0;
		top:390px; left:0;
		box-shadow:inset 0 2px 1px rgba(0,0,0,.3), inset 0 -2px 1px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.03);
		border-radius:6px;
		overflow:hidden;
		}
		
	.features {}
	
	h1.features-row-title {
		color: #ca9916;
		display: block;
		font-family: guatami;
		font-size: 22px;
		font-weight: normal;
		text-shadow: 0 0 8px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,.3);
		text-transform: uppercase;
		z-index:1;
		text-align:left;
		padding:0 0 0 80px;
		}
			
			/* ADDON Row */
			.features ul {}
			
			.features ul li.w-addons {
			box-shadow: 0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 12px rgba(255,202,77,.05), inset 0 1px 0 rgba(255,202,77,.05), inset 0 0 0 1px rgba(255,202,77,.05);
			margin:5px 0 20px 0;
			text-align:left;
			}
			
			.features ul li.w-addons:first-child {margin:20px 0 50px 0;}
			
			.w-addon-row { margin:0;}
				.w-addon-row img { border-radius:4px; box-shadow:0 0 15px rgba(0,0,0,1); float:left; width:268px;}
				.addon-info {
					width:337px; 
					float:left; 
					margin:0 0 0 30px;
					text-shadow:0 0 14px rgba(0,0,0,.4), 2px 3px 0 rgba(0,0,0,.4);
					}
					.addon-info h1 {
						margin:0 0 18px 0;
						color:#afa288;
						font-size:21px;
						text-transform:uppercase;
						}
					.addon-info p {
						font-size:13px;
						height:78px;
						text-shadow:0 0 14px rgba(0,0,0,.4), 1px 1px 0 rgba(0,0,0,.4);
						color:#867f72;
						}
					.addon-info .war-links {
						margin:13px 0 0 0;
						}
						.addon-info .war-links a.download {
							display:inline-block;
							padding:7px 15px;
							border-radius:3px;
							background:#2c4e2c;
							box-shadow:inset 0 0 0 1px rgba(0,255,0,.05),inset 0 1px 0 rgba(0,255,0,.1), 0 0 6px rgba(0,0,0,.4);
							color:#1f1f17;
							text-shadow:1px 1px 0 rgba(0,255,0,.1);
							font-weight:bold;
							text-transform:uppercase;
							}
							.addon-info .war-links a.download:hover {
							color:#e0bb28;
							text-shadow:0 0 4px rgba(0,0,0,.5), 0 1px 1px rgba(0,0,0,.5);
							background:#355c35;
							}
				
				.feature-row {
					width:723px;
					margin:15px 0 0 0;
					z-index:2;
					}
					.feature-row img {border-radius:4px; box-shadow:0 0 15px rgba(0,0,0,1), 0 2px 3px rgba(0,0,0,1); float:left; width:90px;}
					
					.feature-row .info {
						text-shadow:0 0 14px rgba(0,0,0,.4), 1px 1px 0 rgba(0,0,0,.4);
						text-align:left;
						margin:0 0 0 20px;
						float:left;
						width:570px;
						}
						.feature-row .info h1 {margin:0 0 5px 0; color:#897f6b; font-size:16px; font-weight:bold; text-transform:uppercase; }
						.feature-row .info h2 {font-size:13px; height:78px; color:#6a6458; font-weight:normal; }
						
				
				
				/* WOTLK REALM */
				
				.wotlk-realm-banner {
					margin:60px 0 0 0;
					}
					.wotlk-realm-banner a {
						display:block;
						width:843px; height:92px;
						border-radius:4px;
						box-shadow:0 0 32px rgba(0,0,0,.8), 0 2px 3px rgba(0,0,0,.8);
						background:url(images/media/wotlk-banner.jpg) no-repeat;
						text-align:left;
						overflow: hidden;
						text-shadow:0 0 9px rgba(0,0,0,.6), 2px 2px 0 rgba(0,0,0,.2);
						transition:all 600ms;
						-moz-transition:all 600ms;
						-webkit-transition:all 600ms;
						-o-transition:all 600ms;
						}
						
						.wotlk-realm-banner a h1 , .wotlk-realm-banner a h2, .wotlk-realm-banner a p {margin:0; line-height:100%;}
						
						.wotlk-realm-banner a h1 {
						font-family: guatami;
						font-weight:normal;
						text-transform:uppercase;
						color:#d3a426;
						margin: 28px 0 0 330px;
						font-size:29px;
						}
						.wotlk-realm-banner a h2 {
						font-family: guatami;
						color:#b6b09f;
						font-size:18px;
						font-weight:normal;
						display:block;
						margin: 0 0 0 340px;
						}
						
					.wotlk-realm-banner a:hover { opacity:.8;}
	
	
	/* Gold Coins */
	
	.g-coin, .s-coin, .z-coin {
		width:21px; height:20px;
		display:inline-block;
		margin:0 0 0 0;
		top:5px;
		}
		.g-coin {background-position:-814px 0;}
		.s-coin {background-position:-835px 0;}
		.z-coin {background-position:-814px -24px;}
		
	/* Store Pagination */
	
	.pagination { list-style: none; float:right;}
		.pagination li {
		display:inline-block;
		color:#888172;
		text-shadow:0 1px 0 #000, 0 0 3px #000;
		}
		.pagination li a {
		color:#a47927;
		display:inline-block;
		padding:0 4px;
		}
		.pagination li p {
		display:inline-block;
		padding: 0px 2px;
		color:#2d2a25;
		text-shadow: 0 0 3px #000, 0 0 2px #000;
		top:-1px
		}
		.pagination li a:hover {color:#eeb041;}

		#Login-box_container {
			position: fixed; 
			z-index: 999;
			opacity: 0;
			display: block;
			top: 0px;
			left: 0px;
			background: rgba(0,0,0,0.5);
		}
		
		#Alert-box_container {
			position: fixed; 
			z-index: 9999;
			opacity: 0;
			display: block;
			top: 0px;
			left: 0px;
			background: rgba(0,0,0,0.5);
			}
			.alert-box-holder {
				padding: 20px;
				top:30%;
				-webkit-border-radius: 16px;
				-moz-border-radius: 16px;
				border-radius: 16px;
				overflow:hidden;
				box-shadow:inset 0 0 0 1px #775b2e, 0 0 28px #000, 0 0 10px #000,inset 0 0 15px rgba(0,0,0,.6), 0 0 45px #000;
				max-width: 400px;
				background:url(images/texture_light_2.gif) repeat;
			}
			.alert-box-holder p {
				color:#9D9687; text-shadow: 0 0 3px #000; font-size: 14px;
			}
			.alert-box-buttons {
				}
				.alert-box-buttons a {
					display: inline-block;
					padding: 5px;
				}
		
		
		.loading-bar { 
			width: 400px; /* Full Width */
			height:5px; 
			margin:50px auto; 
			background:#000;
			margin: 50px 0 30px 0;
		}
		
		.loading-bar #bar { 
			width:0%;
			height:1px; 
			margin:2px 0; 
			background:#ac7123; 
			position:absolute;
			box-shadow:0px 0px 10px 1px rgba(172,113,35,0.7);
		}
		
		.js-select {
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
			cursor: pointer;
		}
		
		.js-select-selected {
			pointer-events: none;
		}
		
		.js-select-arrow {
			pointer-events: none;
		}
		
				/*CUSTOM FILE INPUT 
				----------------------------------------------------*/
				.customfile-input {
					position: absolute; 
					height: 100px; 
					cursor: pointer; 
					background: transparent; 
					border: 0; 
					opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
					z-index: 999; 
					}
					.customfile { 
					font-family:Arial, Helvetica, sans-serif;
					background:#0e0e0c;
					border-radius: 5px;
					width:290px; height:34px;
					padding:0 10px 0 10px;
					box-shadow:inset 0 0 5px #000, 0 0 5px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.08);
					overflow:hidden;
					cursor:pointer;
					text-align:left;
					}
					.customfile-disabled {opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
					.customfile-feedback { 
					display: block; 
					font-size:12px; 
					color:#6c6c6c; 
					font-style: italic;
					margin:9px 0 0 0;
					}
					.customfile-feedback-populated {
					display: block; 
					font-size:12px; 
					color:#6c6c6c; 
					font-style: italic;
					margin:9px 0 0 0;
					}
					.customfile-button {
					background:url(images/misc/submit.gif) 0 15px;
					font-family: 'Ropa Sans', sans-serif;
					color: #9a6725; 
					font-size:14px;
					float: right; 
					width: 50px; 
					padding: 5px 10px;  
					text-align: center; 
					text-decoration: none;  
					border-radius:4px;
					margin:4px -6px 0 0;
					box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 0 5px #000;
					text-shadow:0 1px 1px #000;
					}
					.customfile-hover .customfile-button, .customfile-focus .customfile-button  {
					color:#cb8832;
					box-shadow:inset 0 0 0 1px rgba(255,255,255,.01), 0 0 5px #000,inset 0 0 6px rgba(255,255,255,.04);
					}
					.customfile-focus .customfile-button {}
		
		@-webkit-keyframes fades {
			0%, 100% { 
			   opacity: 1;
			}
			50% {
			   opacity: 0;
			}
		}
		
		.circle-loading span  {
		  display: inline-block;
		  width: 15px;
		  height: 15px;
		  background: #dbdbdb;
		  -webkit-border-radius: 50px;
		  -moz-border-radius: 50px;
		  -ms-border-radius: 50px;
		  -o-border-radius: 50px;
		  border-radius: 50px;
		  -webkit-animation-duration: 1.5s;
		  -webkit-animation-name: fades;
		  -webkit-animation-iteration-count: infinite;
		}
		
		.circle-loading span:nth-child(2) {
			-webkit-animation-delay: 0.2s;
		}
		
		.circle-loading span:nth-child(3) {
			-webkit-animation-delay: 0.4s;
		}
		
		.circle-loading span:nth-child(4) {
			-webkit-animation-delay: 0.6s;
		}

		/* Select Style SHIT! */

	.js-select {
		display:block;
		width:310px; height: 32px;
		text-align: left;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin:0;
		color:#6c6c6c;
		padding:2px 0 0 0;
		background:rgba(0,0,0,.35);
		box-shadow:inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 1px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.02);
		transition: all 300ms;-moz-transition: all 300ms;-webkit-transition: all 300ms;-o-transition: all 300ms;
		}
		.js-select .js-select-selected {
			width: 85%;
			padding: 8px 0px 0px 8px;
			display: inline-block;
		}
		.js-select .js-select-arrow {
			display:block;
			width: 23px;height: 16px;
			background-image: url(images/misc/select-gold-arrow.png);
			background-color:transparent;
			background-position: 0 0;
			position:absolute;
			right:5px; top:10px;
			vertical-align:top;
			}
			.js-select .js-select-arrow-active {
			background-position: 0 -16px;
			}
		/* this is the dropdown list */
		.js-select .js-select-list-container {
			position: absolute;
			top: 37px; left: 0px;
			width: 100%;
			z-index: 190;
			background: #262524;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			overflow:hidden;
			box-shadow:0 0 15px rgba(0,0,0,.6), 0 2px 2px #000, inset 0 0 0 1px rgba(255,255,255,.05);
		}
		/* If there is more than 5 options this element will take place as child of the list-container and it's child will be the list */
		.js-select .js-select-list-scroller {
			position: relative;
			width: 100%;
			height: 135px;
			overflow: hidden;
		}
		.js-select .js-select-list-container-scrollable .js-select-list-scroller {
			height: 151px;
		}
		.js-select .js-select-list-scrollable {
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		.js-select .js-select-list {
			}
			
		/* Select list Cntroller */	
		.js-select .js-select-list-top-controller {
			width: 99%;
			height: 16px;
			top:1px; left:2px;
			overflow: hidden;
			background: -moz-linear-gradient(left,  rgba(38,37,36,0) 10%, rgba(30,30,29,1) 50%, rgba(38,37,36,0) 90%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(38,37,36,0)), color-stop(50%,rgba(30,30,29,1)), color-stop(90%,rgba(38,37,36,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* IE10+ */
			background: linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00262524', endColorstr='#00262524',GradientType=1 ); /* IE6-9 */
			}
			.js-select .js-select-list-bottom-controller {
			width: 99%;
			height: 16px;
			bottom:1px; left:2px;
			overflow: hidden;
			background: -moz-linear-gradient(left,  rgba(38,37,36,0) 10%, rgba(30,30,29,1) 50%, rgba(38,37,36,0) 90%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(38,37,36,0)), color-stop(50%,rgba(30,30,29,1)), color-stop(90%,rgba(38,37,36,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* IE10+ */
			background: linear-gradient(left,  rgba(38,37,36,0) 10%,rgba(30,30,29,1) 50%,rgba(38,37,36,0) 90%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00262524', endColorstr='#00262524',GradientType=1 ); /* IE6-9 */
			}
			.js-select .js-select-list-top-controller p, .js-select .js-select-list-bottom-controller p {
				display:block;
				width:15px; height:10px;
				background-image:url(images/misc/select-controll-banners.png);
				}
				.js-select .js-select-list-top-controller p { background-position:0 -10px; top:2px;}
				.js-select .js-select-list-bottom-controller p { background-position:0 0; margin:2px 0 0 0; top:2px;}
			
			.js-select-list-option {
				padding: 0px 8px 0px 8px;
				text-align: left;
				line-height: 27px;
				height:27px;
				}
				.js-select-list-option-selected {
				background: rgba(255,255,255,0.02);
				}
				.js-select-list-option:hover {
				background: rgba(255,255,255,0.03);
				box-shadow: 0 0 8px rgba(0,0,0,.1);
				}
				/* this is for disabled option */
				.js-select-list-option-disabled {
				cursor: default;
				font-style: italic;
				color:#9a9a9a;
				font-weight:bold;
				padding:5px 0 5px 9px;
				}
				.js-select-list-option-disabled:hover {
				background: none;
				}
				
		form .row select, form .row .js-select {float:right;}
	
	
	   /* SELECT CHARACTER */
	   
	   
		 
	   /* just shit */
		.buy-coins .payment-method #payment-method-select {
			display:block;
			width:243px; height:67px;
			text-indent:20px;
			background: rgb(40,40,38); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(40,40,38,1) 0%, rgba(29,29,27,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,40,38,1)), color-stop(100%,rgba(29,29,27,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%); /* IE10+ */
			background: linear-gradient(top,  rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282826', endColorstr='#1d1d1b',GradientType=0 ); /* IE6-9 */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin:0;
			box-shadow:inset 0 0 1px rgba(255,255,255,.1), 0 0 1px 1px #121211;
			color:#6c6c6c;
			border: none;
			}
			
			#payment-method-select .js-select-list-container {
				top:70px !important;
				}
			#payment-method-select .js-select-arrow {
				top:28px; right:20px;
				}
				#payment-method-select .js-select-list-option {
				height:35px;
				padding: 3px 0 0 7px;
				}
			
		/* Buy Coins Text Input */
		
		.buy-coins .coins-number ul li input[type='text'] {
				width:75px; height:81px;
				padding:0 6px 0 0; margin:0;
				text-align:center;
				font-size:50px;
				font-family: 'Ropa Sans', sans-serif;
				color:#ffda2c;
				letter-spacing:-7px;
				background:url(images/misc/coins-ico.jpg) no-repeat;
				border: solid 1px #2e2d29;
				-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
				box-shadow: 0 0 9px #000;
				text-shadow:0 -1px 0 #fff369, 0 1px 0 #9f6c2b, 0 2px 0 #7b5321, 0 3px 0 #5b3d18, 0 4px 2px #000,0 0 6px #000, 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
				}
	
	   
		  
		/* Select Charcater and Levels select */
		
		#character-select, #levels-select {
			width:280px; height:38px;
			background: -moz-linear-gradient(top,  rgba(41,40,38,0.6) 0%, rgba(29,28,26,0.6) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,40,38,0.6)), color-stop(100%,rgba(29,28,26,0.6))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(41,40,38,0.6) 0%,rgba(29,28,26,0.6) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(41,40,38,0.6) 0%,rgba(29,28,26,0.6) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(41,40,38,0.6) 0%,rgba(29,28,26,0.6) 100%); /* IE10+ */
			background: linear-gradient(top,  rgba(41,40,38,0.6) 0%,rgba(29,28,26,0.6) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc292826', endColorstr='#cc1d1c1a',GradientType=0 ); /* IE6-9 */
			box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(0,0,0,.3), 0 0 7px rgba(0,0,0,.5);
			padding:0;
			}
			
			#levels-select {
				width:240px;
				}
			
			#character-select .js-select-arrow, #levels-select .js-select-arrow {
			background-image:url(images/misc/select-char-arrows.png);
			width:25px; height:17px;
			top:11px; right:8px;
			}
			#character-select .js-select-arrow-active, #levels-select .js-select-arrow-active { background-position: 0 -17px; top:11px;}
			
			.charcater-option {}
				.character-holder {
				width: auto; height:23px;
				top:1px;
				vertical-align:middle;
				}
				.character-holder .s-class-icon {
				width:19px; height:19px;
				background-size:100%;
				border: solid 1px #774b84;
				border-radius:3px;
				box-shadow:inset 0 0 3px 1px #000, 0 0 3px #000,inset 0 0 0 1px rgba(0,0,0,.3);
				float:left;
				}
				.character-holder p {
				font-weight: bold;
				font-size:12px;
				color:#837e70;
				margin:0;
				top:-2px;
				margin:0 0 0 4px;
				top:-1px; left:6px;
				text-shadow: 0 0 3px #000, 0 1px 0 #000;
				line-height:100%;
				}
				.character-holder span {
				font-size:11px;
				color:rgba(140, 110, 50, 0.8);
				display:block;
				margin:0 0 0 4px;
				left:6px;
				font-weight: bold;
				text-shadow:0 0 3px rgba(255,255,255,.05), 1px 1px 0 rgba(255,255,255,.03);
				line-height:100%;
				}
			#character-select .js-select-list-container, #levels-select .js-select-list-container {
				top: 39px; left: 0px;
				}
				#character-select .js-select-list-option {
				height:23px; width:265px !important;
				margin:4px 0 4px 4px;
				padding:5px 0 5px 7px;
				border-radius:4px;
				}
				
				#levels-select .js-select-list-option {
				height:35px; width:232px !important;
				margin:4px 0 4px 4px;
				padding:0 !important;
				border-radius:4px;
				}
				
				#character-select .js-select-list-option-selected, #levels-select .js-select-list-option-selected {
				background:rgba(0,0,0,.2);
				}
				   
				   p.select-charcater-selected, p.choose-level {
					font-weight: bold !important;
					padding:3px 0 0 5px;
					margin:0;
					text-shadow:0 0 3px #000;
					color:#7a7364;
					}
					.js-select-list-option p.select-charcater-selected {
					top:-5px;
					font-size:11px;
					color:#7a7875 !important;
					}
					.js-select-list-option-selected p.select-charcater-selected {
					padding:0;
					top:-3px;
					}
					
				/* LEVELS Option */
				
				#levels-select p.choose-level {
					padding:3px 0 0 2px;
					text-shadow:0 0 2px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.6);
					}
				
				.choose-level { padding:0; margin:0;}
				
				div.level-option {
					line-height:24px;
					text-shadow:0 0 3px #000;
					color:#867d6e;
					}
					div.level-option i {
					font-size:11px;
					color:#946f34;
					top:-1px; left:5px;
					font-family:Verdana, Geneva, sans-serif;
					}
					.level-option span {
					padding:0; margin:0;
					display:block;
					height:0px;
					font-size:10px !important;
					font-family:Arial, Helvetica, sans-serif;
					color:#000000;
					font-weight:bold;
					text-shadow:0 1px 0 rgba(255,255,255,.05), 0 0 3px rgba(255,255,255,.1);
					}
					
					
				   .js-select-list-container ul div.level-option {
					padding:6px 0 0 6px;
					}
				.js-select-list-container ul p.choose-level {
					padding:3px 0 0 0;
					margin: 0 0 0 9px;
					font-size:11px;
					color:#565452;
					text-shadow:0 0 4px rgba(0,0,0,.5);
					}
	   
	   
	   #armors-filter-select {
		   width:200px;
		   }
	   
	   
	   
	   
	   
	   
	   
	   
	   
	/* FORMS Fixes */
	
	
		/* REGISTER */
		form .row input[name='birthday[year]'] {
			display: inline-block; 
			min-width: 68px !important; 
			width: 68px; 
			float: right;
			margin: 0 0 0 12px;
			}
		form .row input[name='birthday[day]'] {
			display: inline-block; 
			min-width: 38px !important; 
			width: 38px; 
			float: right;
			margin: 0 0 0 12px;
			}
		#register-select-birthday-month {
			display:inline-block; float:right; width: 140px;
			}

		form .row .register_tos {
			margin-top: -15px;
			margin-bottom: 10px;
			display: block;
			color: #ff000096;
		}

		form .row .register_tos a {
			color: #ff0000a6;
		}

		form .row .register_tos a:hover {
			color: #ff0000db;
		}
		
		/* STORE */
		
		#store-quality-select {
			float:left;
			width:221px;
			margin: 26px 0 0 24px;
			}
			
		#store-characters {
			float:left !important;
			margin: 19px 0 0 18px;
			}
			
		.items-currency-list input[type='submit'] {
			float:right;
			margin: 16px 18px 0 18px;
			}
	
		/* STORE */
			
		#search-bar input[type='text'] {
			width:360px;
			margin:26px 0 0 25px;
			float:left;
			color:#6b675f;
			}
			#search-bar select {
			float:left;
			margin:26px 0 0 25px;
			color:#3b3736;
			}
			#search-bar input[type='submit'] {
			float:right;
			margin:26px 25px 0 0 ;
			padding:0 26px 0 26px;
			}
		
		/* UNSTUCK */
		
		.select-charcater-s #character-select {
			margin:26px 24px 0 0;
			}
		
		.ust-submit input[type='submit'] {
			margin: 26px 0 0 24px;
			float:left;
			}
			
		/* Select payment method */
			
		p.option-paypal {
			display:block;
			background:url(images/misc/paypal.png) no-repeat;
			width:148px;height:52px;
			margin:0;
			top:1px; left:-15px;
			}
			.js-select-list-option p.option-paypal {
			width:100px; height:32px;
			background-size:100%;
			top:0; left:0;
			}
		
		p.option-moneybooks {
			display:block;
			background:url(images/misc/moneybookers.png) no-repeat;
			width:148px;height:52px;
			margin:0;
			top:-2px; left:-15px;
			}
			.js-select-list-option p.option-moneybooks {
			width:100px; height:32px;
			background-size:100%;
			top:0; left:0;
			}
		p.option-onebip {
			display:block;
			background:url(images/misc/onebip.png) no-repeat;
			width:148px;height:52px;
			margin:0;
			top:-2px; left:-15px;
			}
			.js-select-list-option p.option-onebip {
			width:100px; height:32px;
			background-size:100%;
			top:0; left:0;
			}
		
		
		
		

.castle_siege_banner {
	background:url(images/misc/castle_siege_bg.jpg) no-repeat;
	box-shadow: 0 0 6px #000, inset 0 1px 0 rgba(255,255,255,.015);
	border-radius:5px;
	width:685px;
	height:137px;
	margin:0 0 12px 0;
	text-shadow:0 1px 1px rgba(0,0,0,.8), 0 0 6px rgba(0,0,0,.8);
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.castle_siege_banner img {
	border-radius: 5px;
	box-shadow: 0 0 10px #000;
	margin: 5px;
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.castle_siege_banner .csinfo {
	padding: 13px;
	height: 110px;
	text-shadow:0 2px 3px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
}

.castle_siege_banner .csinfo .frame {
	background:url(images/misc/avatar_frame.png) no-repeat top left;
	background-size: 80px 80px;
	display: inline-block;
	z-index:2;
	pointer-events:none;
}

.castle_siege_banner p {
	display: inline-block;
    vertical-align: middle;
    float: none;
    width: 40%;
    font-family: calibri;
    font-size: 22px;
    color: #b9ae8f;
    margin-left: 20px;
    text-align: center;
}

.castle_siege_banner .cstimer {
	width: 100%;
	text-align: center;
	font-size: 19px;
	line-height: 40px;
	font-family: guatami;
	color: #b9ae8f;
}

.castle_siege_banner .castle_owner {
	font-family: calibrib;
	color: #c59e4b;
	text-shadow:0 2px 3px rgba(0,0,0,1), 0 0 2px #b3904c;
}

.castle_siege_banner .guild_master {
	font-family: calibrib;
	color: #c59e4b !important;
	text-shadow:0 2px 3px rgba(0,0,0,1), 0 0 2px #b3904c;
}


.castle_siege_banner a{
	font-family: calibrib;
	color: #c59e4b !important;
	text-shadow:0 2px 3px rgba(0,0,0,1), 0 0 2px #b3904c;
}

.castle_siege_banner .time_left {
	font-family: calibrib;
	color: #c59e4b;
}

.castle_siege_info {
	padding: 40px 50px 40px 50px;
    border-radius: 5px;
    overflow: hidden;
    background: url(images/misc/castle_siege_info_bg.png) no-repeat bottom right;
}

.castle_siege_info .page-title {
	font-family: calibrib;
	font-size: 24px;
	color: #b07e39;
	font-weight: bold;
	line-height: 40px;
}
.castle_siege_info a {
	color: #b49660;
	font-weight: 600;
	text-shadow: 0px 0px 4px black;
}
.castle_siege_info a:hover {
	color:#ffe672;
}
.castle_siege_info table {
	table-layout: fixed;
	color: #6d675c;
	font-family: calibri;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-shadow: 1px 1px 3px black;
}

.castle_siege_info table td:nth-child(2) {
	color: #bda971;
}

.castle_siege_info .csinfo_container {
	text-align: center;
}

.castle_siege_info .csinfo_glist {
	font-family: calibrib;
	font-size: 20px;
	color: #b07e39;
	font-weight: bold;
	text-align: center;
}

.castle_siege_info .csinfo_glist li {
	padding-right: 20px;
    display: inline-block;
}

.castle_siege_info hr {
	background: linear-gradient(to right, transparent, #b07e39, transparent);
	height: 3px;
	border: none;
	margin: 10px 0 10px 0;
}

/* INDEX News */
.index_news {
	width:685px;
	margin: 0 0 11px 0;
	}
	
.news_container {
	background:url(images/index_news_container.png) no-repeat top, url(images/texture_light_1.gif) repeat;
	box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015);
	border-radius: 5px;
	}
	
	.news_container ul.header {display:block; height:40px; float:right; margin:9px 14px 0 0;}
		.news_container ul.header li {display:inline-block; margin:0 0 0 10px;}
		.news_container ul.header li a {
			display:block;
			font-family:calibrib;
			font-size:11px;
			text-transform: uppercase;
			color:#444239;
			padding:5px 0 3px 3px;
			text-shadow:0 1px 1px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,.6);
			}
			.news_container ul.header li a:hover { color:#ccc4ad;}


	.active_latest_news { min-height: 200px; }
	
		.active_latest_news .news_thumb_image {
			width:229px; height:149px;
			float:left;
			margin:12px 0 0 20px;
			}
		
		.active_latest_news .news_content {float:left; margin:12px 0 0 20px; text-shadow:0 1px 1px rgba(0,0,0,.3), 0 0 3px rgba(0,0,0,.2);}
		
			.active_latest_news .news_content h1 {font-family:calibrib; color:#d9b162; font-size:18px; margin:-2px 0 0 0; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
				.active_latest_news .news_content h1 a { color: #b3904c; }
			.active_latest_news .news_content h4 {font-family:calibrib; color:#635549; font-size:12px; margin:0 0 3px 0;}
				.active_latest_news .news_content h4 a {color:#70655b;}
				.active_latest_news .news_content h4 a:hover { color:#9d9084;}
			.active_latest_news .news_content p {
				font-family:calibri;
				color:#7a7160;
				width:403px; max-height:75px;
				font-size:14px;
				margin:0 0 10px 0;
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				}
			.active_latest_news a.readn_ln {
				font-family:calibrib;
				display:inline-block;
				background:rgba(0,0,0,.35) url(images/misc/link_arrow_1.png) no-repeat right;
				padding:4px 18px 4px 7px;
				border-radius:3px;
				font-size:11px;
				color:#dab161;
				margin:4px 0 0 0;
				transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms;
				}
				.active_latest_news a.readn_ln:hover {
				background:rgba(0,0,0,.35) url(images/misc/link_arrow_1.png) no-repeat left;
				box-shadow:inset 0 1px 3px rgba(0,0,0,.2), inset 0 0 3px rgba(255,255,255,.05);
				padding:4px 7px 4px 18px;
				}
ul.older_news {
    display: block;
    width: 100%;
	margin: 3px 0 0 4px;
	background: url(images/misc/news_active_background.png) no-repeat bottom;
}
ul.older_news li {
    display: block;
    width: 100%;
    height: 40px;
    
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6), 0 0 4px rgba(0, 0, 0, .5)
}
ul.older_news:last-child {
    background: none
}
ul.older_news li .news_left_column {
    float: left;
    padding: 0px 0 0 5px
}
ul.older_news li .news_right_column {
    float: right;
    padding: 0px 23px 0 0
}
ul.older_news li h2 {
    line-height: 80%;
    margin: 4px 0 0 12px;
    z-index: 2
}
ul.older_news li h2 a {
    font-family: 'Ebrima';
    font-weight: 300;
    font-size: 17px;
    color: #988469;
    padding: 0;
    margin: 0;
    line-height: 1px !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .45)
}
ul.older_news li h2 a:hover {
    color: #dfb768
}
ul.older_news li h4 {
    font-family: 'Ebrima';
    font-size: 11px;
    color: #4c4235;
    margin: 5px 0 0 12px;
    font-weight: 300;
    z-index: 2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .45)
}
ul.older_news li h4 a {
    color: #695e4e
}
ul.older_news li h4 a:hover {
    color: #afa891
}
ul.older_news a.readn_ln {
font-family:calibrib;
display:inline-block;
background:rgba(0,0,0,.35) url(images/misc/link_arrow_1.png) no-repeat right;
padding:4px 18px 4px 7px;
border-radius:3px;
font-size:11px;
color:#dab161;
margin:4px 0 0 0;
transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms;
}
ul.older_news a.readn_ln:hover {
background:rgba(0,0,0,.35) url(images/misc/link_arrow_1.png) no-repeat left;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2), inset 0 0 3px rgba(255,255,255,.05);
padding:4px 7px 4px 18px;
}


/* Media */
.home_media {
	background:url(images/home_media_container_bg.png) no-repeat top, url(images/texture_light_1.gif) repeat;
	box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
	border-radius: 5px;
	width:388px; min-height:350px;
	overflow:hidden;
	float:left;
	}
	
	.new_trailer {width:100%;}
	
		.sub_header {height:40px;}
		
		.new_trailer .sub_header h1 {
			font-family:calibrib;
			float:left;
			font-size:15px;
			color:#9a7427;
			text-transform: uppercase;
			text-shadow:0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
			margin:10px 0 0 12px;
			}
		.new_trailer .sub_header a {
			float:right;
			font-family:calibrib;
			color:#444239;
			text-shadow:0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.6);
			text-transform: uppercase;
			font-size:11px;
			background:url(images/misc/small_link_arrow_2.png) no-repeat right;
			padding:0 12px 0 0;
			margin:13px 10px 0 0;
			transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms;
			}
			.new_trailer .sub_header a:hover {
			padding:0 0 0 8px;
			margin:13px 13px 0 0;
			background:url(images/misc/small_link_arrow_2.png) no-repeat left;
			}
			
	.new_video_thumb {
		width:368px; height:197px;
		margin:0 0 0 10px;
		}
		.new_video_thumb a {
			display:block;
			width:368px; height:198px;
			padding:0;
			margin:0 0 0 0;
			border-radius:3px;
			}
			.new_video_thumb a div.image-thumb-preview {
			width:368px; height:198px;
			background-size:100%;
			top:0;
			border-radius:3px;
			box-shadow:inset 0 0 0 1px #382d19, inset 0 0 0 2px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,.8);
			z-index:1;
			transition:all 600ms;-webkit-transition:all 600ms;-moz-transition:all 600ms;-o-transition:all 600ms;
			}
			.play-button-small
            {background-image:url(images/misc/media-controls.png); background-repeat:no-repeat;}
			
			.new_video_thumb a .play-button-small {
				position:absolute;
				z-index:999;
				width:65px; height:65px;
				top:50%; left:50%;
				margin:-32px 0 0 -32px;
				background-position:-230px -81px;
				opacity:.5;
				background-color:rgba(0,0,0,.7);
				border-radius:50px;
				box-shadow:inset 0 0 0 4px rgba(0,0,0,1);
				transition:all 1200ms;-webkit-transition:all 1200ms;-moz-transition:all 1200ms;-o-transition:all 1200ms;
				}
			.new_video_thumb a:hover .play-button-small {
				opacity:1;
				background-color:rgba(0,0,0,.3);
				box-shadow:0 0 0 3px rgba(218,167,44,.7), inset 0 0 10px 2px rgba(0,0,0,1);
				}
			.new_video_thumb a:hover div.image-thumb-preview {box-shadow:inset 0 0 0 1px #b07e39, inset 0 0 0 2px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,.8);}
		
	/* screenshots */
	.screenshots { padding:0 0 0 0px; width:385px; left:-1px;}
	
		.screenshots li {
		width:113px; height:68px; 
		float:left;
		display:block;
		margin: 0 0 14px 12px;
		}
		
		.screenshots .container_frame {
		width:113px; height:68px; 
		display:block;
		border-radius:3px;
		}
		.screenshots .container_frame:hover {box-shadow:inset 0 0 0 1px #b07e39, 0 0 6px #000;}
			
		.screenshots .cframe_inner {width:113px; height:68px;}


/* Top Voters */

	.event_timers {
		width:299px; height:auto; min-height:300px;
		background:url(images/event_timers_bg.png) no-repeat top, url(images/texture_light_1.gif) repeat;
		box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
		border-radius: 5px;
		float:left;
		overflow:hidden;
		cursor: default;
		}
		
		.event_timers .sub_header {
			width:100%; height:40px;
			}
			.event_timers .sub_header h1 {
				width: auto;
				font-family:calibrib;
				float:left;
				font-size:15px;
				color:#9a7427;
				text-transform: uppercase;
				text-shadow:0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
				margin:11px 0 0 12px;
				}
			.event_timers .sub_header h2 {
				float:right;
				font-family:calibrib;
				color:#444239;
				text-shadow:0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.6);
				text-transform: uppercase;
				font-size:11px;
				margin:14px 13px 0 0;
				}
		
		.cont_container {
			width:274px;
			margin:0 auto;
			}

			ul.server_info_list {display:block; margin:0px 0 0 0;}
				ul.server_info_list li {
					display:block;
					width:274px; height:30px; line-height:25px;
					background:url(images/misc/event_timers_line.png) no-repeat bottom;
					text-align:left;
					font-family:calibri;
					text-shadow:0 1px 1px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.6);
					padding-bottom: 5px;
					}
				ul.server_info_list li:last-child { background: none;}
				ul.server_info_list li p {
					display:inline-block;
					color:#3f3d36;
					font-size:14px;
					margin:2px 10px 0 10px;
					}
				ul.server_info_list li a {
					display:inline-block;
					font-family:calibrib;
					color:#5e594f;
					font-size:15px;
					margin:2px 0 0 0;
					cursor: default;
					}
					ul.server_info_list li a:hover { color:#c2aa7a; }
					ul.server_info_list li span {
						font-family:calibrib;
						color:#696250;
						font-size:15px;
						float:right;
						margin:2px 0px 0 0;
					}
			
			ul.event_times_list {display:block; margin:5px 0 0 0;}
				ul.event_times_list li {
					display:block;
					width:274px; 
					background:url(images/misc/event_timers_line.png) no-repeat bottom;
					text-align:left;
					font-family:calibri;
					text-shadow:0 1px 1px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.6);
					}
				ul.event_times_list li:last-child { background: none;} 
					ul.event_times_list li p {
						display:inline-block;
						color:#3f3d36;
						font-size:14px;
						margin:10px 10px 0 10px;
						}
					ul.event_times_list li a {
						display:inline-block;
						font-family:calibrib;
						color:#5e594f;
						font-size:15px;
						margin:10px 0 0 0;
						cursor: default;
						}
						ul.event_times_list li a:hover { color:#c2aa7a;}
					ul.event_times_list li span {
						font-family:calibrib;
						color:#696250;
						font-size:15px;
						float:right;
						margin:10px 0px 0 0;
						}
						ul.event_times_list li span i {
							font-style:normal;
							font-weight:normal;
							font-family:calibri;
							font-size:13px;
							color:#5c584e;
							}
				.gift_box {
					width:262px; height:63px;
					background:rgba(255,247,219,.02);
					border-radius:3px;
					box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 0 7px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04), 0 0 30px rgba(0,0,0,.6);
					margin:21px 0 10px 6px;
					}
					.gift_box .gift_image {
						width:78px; height:82px;
						background:url(images/misc/gift_box.png) no-repeat;
						float:left;
						margin:-13px 0 0 -11px;
						}
					
					.gift_box h2 {
						float:left;
						display:block;
						width:195px;
						color:#625c4f;
						font-size:11px;
						font-family: Tahoma, Geneva, sans-serif;
						font-weight: normal;
						margin:8px -10px 0 4px;
						left:-7px;
						line-height:140%;
						text-shadow:0 1px 1px rgba(0,0,0,.5), 0 0 4px rgba(0,0,0,.8);
						}

	
	.index-status-container {
		width:auto; height:auto;
		background:url(images/realm_status_box_bg.png) no-repeat bottom, url(images/texture_one.gif) repeat;
		box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow:hidden;
		}
	
	/* Spotlight */
	
	.spotlight {
		width:299px; height:auto;
		background:url(images/spotlight_sidebar_bg.png) no-repeat top, url(images/texture_light_1.gif) repeat;
		box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
		border-radius: 5px;
		margin:12px 0 0 0;
		}
		
		.spotlight .sub_header {
			width:100%; height:40px;
			text-align:left;
			}
			.spotlight .sub_header h1 {
			display:block;
			float:left;
			width: auto;
			font-family:calibrib;
			font-size:15px;
			color:#9a7427;
			text-transform: uppercase;
			text-shadow:0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
			margin:11px 0 0 12px;
			}
			
			
	.blueberry { margin: 0 auto; }
	.blueberry .slides {
		display: block;
		position: relative;
		overflow: hidden;
	}
	.blueberry .slides li {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		text-shadow:0 1px 1px rgba(0,0,0,.5), 0 0 4px rgba(0,0,0,.5);
		}
		.blueberry .slides li img {
			display: block;
			width: 286px; height:180px;
			margin:8px 0 0 4px;
			}
		.blueberry .slides li h1 {
			font-family:calibrib;
			font-size:16px;
			text-transform:uppercase;
			color:#a58749;
			margin:13px 0 0 17px;
			}
			.blueberry .slides li h1 a {color:#a58749;}
			.blueberry .slides li h1 a:hover {color:#eac26f;}
			
		.blueberry .slides li h4 {
			font-family:calibrib;
			font-size:11px;
			color:#676154;
			margin:2px 0 0 17px;
			}
		.blueberry .slides li p {
			font-family:calibri;
			font-size:14px;
			color:#504b40;
			padding:10px 14px 14px 17px;
			}
		
	.blueberry .slides li.active { display: block; position: relative; }
	.blueberry .crop li img { width: auto; }
	
	.blueberry .pager {
		height: 35px;
		text-align: right;
		background:rgba(0,0,0,.3);
		border-radius:5px;
		box-shadow:0 -1px 0 rgba(255,255,255,.02), inset 0 1px 1px rgba(0,0,0,.5), inset 0 -1px 1px rgba(255,255,255,.03);
		padding:0 10px;
		}
		.blueberry .pager li { display: inline-block; }
		.blueberry .pager li a,
		.blueberry .pager li a span {
			display: block;
			height:7px; width:7px;
			}
			.blueberry .pager li a {
				padding: 14px 8px;
				-webkit-border-radius: 6px;
			    -moz-border-radius: 6px;
				border-radius: 6px;
				}
				.blueberry .pager li a span {
				overflow: hidden;
				background: #2f2d29;
				text-indent: -9999px;
				-webkit-border-radius: 2px;
			    -moz-border-radius: 2px;
				border-radius: 2px;
				box-shadow:inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.5);
				transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms;
				}
				.blueberry .pager li.active a span {background: #756754;}
				.blueberry .pager li a:hover span {background: #d0af51;}


	div.message {
		display:block;
		width: 100%; height:49px;
		color:#988b6e;
		font-family:calibrib;
		font-size:15px;
		text-shadow:0 1px 1px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.3);
		border-radius:5px;
		box-shadow:0 0 6px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.5);
		transition: all 400ms;
		text-align: left;
		margin-bottom: 10px;
	}
	
	div.message.alert-danger {
		background:url(images/misc/bar_error.jpg) no-repeat;
	}

	div.message.alert-success {
		background:url(images/misc/bar_success.jpg) no-repeat;
	}

	div.message.alert-warning {
		background:url(images/misc/bar_warning.png) no-repeat;
	}

	div.message.alert-info {
		background:url(images/misc/bar_info.png) no-repeat;
	}

	div.message div {
		display:block;
		padding:16px 0 0 53px;
		transition: all 400ms;
	}
	div.message div span {
		margin-top: -15px;
		display: inline-block;
		font-size: 20px;
		color: #d8cc9c;
	}
			
	div.message:hover {
		opacity:.9;
		cursor: default;
		box-shadow:0 0 6px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.5), inset 0 0 15px rgba(255,204,102,.06), inset 0 0 3px rgba(255,255,255,.02);
	}
	div.message:hover div { color:#d7af54;}
	
	.banners {
		width:299px; height:57px; margin:0 0 12px 0;
		border-radius:4px;
		overflow: hidden;
		box-shadow:0 0 6px rgba(0,0,0,.7);
		}
		
		.banners #support p, .banners #launcher_dw p, .banners #support, .banners #launcher_dw {
			background-image: url(images/misc/sidebar_banner.jpg);
			background-repeat: no-repeat;
			display:block;
			}
			
			.banners #support p, .banners #launcher_dw p {
				position:absolute; 
				top:0; left:0;
				opacity:0;
				transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;
				}
		
			.banners #support {width:100%; height:80px;background-position: 0 0;}
			.banners #launcher_dw {width:100%; height:57px;background-position: 0 -80px;}
			
			.banners #support p {width:100%; height:80px;background-position: 0 -138px;}
			.banners #launcher_dw p {width:100%; height:57px;background-position: 0 -217px;}
			
			.banners #support:hover p, .banners #launcher_dw:hover p { opacity:.8; background-color:rgba(255,255,255,.05);
			}

	.usercp {
		width:309px; height:54px; margin:4px 0 0 4px;
		float: right;
		overflow: hidden;
		}
		
		.usercp #controlpanel p, .usercp #controlpanel {
			background-image: url(images/misc/userpanel_nav.png);
			background-repeat: no-repeat;
			display:block;
			}
			
			.usercp #controlpanel p {
				position:absolute; 
				top:0; left:0;
				opacity:0;
				transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;
				}
		
			.usercp #controlpanel {width:100%; height:54px;background-position: 0 0;}
			
			.usercp #controlpanel p {width:100%; height:54px;background-position: 0 -52px;}
			
			.usercp #controlpanel:hover p { opacity:.8; background-color:rgba(255,255,255,.05);
			}
/*
VideoJS Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
	background-color: #000; position: relative; padding: 0;
  
	/* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
	font-size: 10px;
  
	/* Allow poster to be vertially aligned. */
	vertical-align: middle;
	/* display: table-cell; */ /*This works in Safari but not Firefox.*/
  }
  
  /* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
  .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  
  /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
  .video-js:-moz-full-screen { position: absolute; }
  
  /* Fullscreen Styles */
  body.vjs-full-window {
	padding: 0; margin: 0;
	height: 100%; overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  }
  .video-js.vjs-fullscreen {
	position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important;
	_position: absolute; /* IE6 Full-window (underscore hack) */
  }
  .video-js:-webkit-full-screen {
	width: 100% !important; height: 100% !important;
  }
  
  /* Poster Styles */
  .vjs-poster {
	margin: 0 auto; padding: 0; cursor: pointer;
	/* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
	position: relative; width: 100%; max-height: 100%;
	z-index:999;
  }
  
  /* Text Track Styles */
  /* Overall track holder for both captions and subtitles */
  .video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  /* Individual tracks */
  .video-js .vjs-text-track {
	display: none; color: #fff; font-size: 1.4em; text-align: center; margin-bottom: 0.1em;
	/* Transparent black background, or fallback to all black (IE6) */
	background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
  }
  .video-js .vjs-subtitles { color: #fff; }
  .video-js .vjs-captions { color: #fc6; }
  .vjs-tt-cue { display: block; }
  
  /* Fading sytles, used to fade control bar. */
  .vjs-fade-in {
	visibility: visible !important; /* Needed to make sure things hide in older browsers too. */
	opacity: 1 !important;
	-webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-o-transition: visibility 0s linear 0s, opacity 0.3s linear;
	transition: visibility 0s linear 0s, opacity 0.3s linear;
  }
  .vjs-fade-out {
	visibility: hidden !important;
	opacity: 0 !important;
	-webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
	-moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
	-ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
	-o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
	transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  }
  
  /* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
  .vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display:none; }
  .vjs-time-divider { display:none; }
  
  
	  /* Spriters */
	  .warcry-skin .vjs-paused div, .warcry-skin .vjs-playing div, .warcry-skin .vjs-play-control div, .warcry-skin .vjs-mute-control div,
	  .vjs-default-skin .vjs-mute-control.vjs-vol-0 div, .vjs-default-skin .vjs-mute-control.vjs-vol-1 div, .vjs-default-skin .vjs-mute-control.vjs-vol-2 div,
	  .warcry-skin .vjs-fullscreen-control div, .warcry-skin .vjs-controls, .warcry-skin div.vjs-big-play-button span, .warcry-skin div.vjs-big-play-button 
	  {background-image:url(images/misc/media-controls.png); background-repeat:no-repeat;}
  
  .video-js {
	  box-shadow: 0 0 40px #000, 0 0 10px rgba(0,0,0,.6), 0 0 0 5px rgba(0,0,0,.2);
	  }	
	  .warcry-skin .vjs-controls {
	  width:802px; height:48px;
	  background-position:-0px -229px;
	  border-radius:6px;
	  border:none;
	  position: absolute;
		bottom: 20px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
		left: 50%;
	  margin:0 0 0 -401px;
	  box-shadow:inset 0 1px 0 rgba(255,227,36,.2), 0 0 35px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1), 0 0 20px rgba(0,0,0,.7);
	  }
  
	  /* Play/Pause */
	  .warcry-skin .vjs-play-control {
		  cursor: pointer !important;
		  width:48px; height:36px;
		  display:block;
		  float:left;
		  background:rgba(0,0,0,.62);
		  border-radius:5px;
		  margin:6px 0 0 7px;
		  transition:box-shadow 500ms;
		  -moz-transition:box-shadow 500ms;
		  -webkit-transition:box-shadow 500ms;
		  -o-transition:box-shadow 500ms;
		  box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		  }
		  .warcry-skin .vjs-play-control:hover {
		  box-shadow:inset 0 0 9px rgba(255,255,255,.06), 0 -1px 0 rgba(255,255,255,.05), 0 0 5px rgba(0,0,0,.5);
		  }
		  .warcry-skin .vjs-play-control div {
			  width: 14px; height: 23px; 
			  background-position:-64px -0px;
			  margin:7px 0 0 2px;
			  }
			  .warcry-skin .vjs-play-control:hover div {background-position:-78px -0px;}
			  
		  /* Play Icon */
		  .warcry-skin .vjs-paused div { 
			  width: 14px; height: 23px; 
			  background-position:-64px -0px;
			  margin:7px 0 0 2px;
			  }
			  .warcry-skin .vjs-paused:hover div {background-position:-78px -0px;}
		  .warcry-skin .vjs-playing div {
			  width: 18px; height: 21px;
			  background-position: -168px -0px;
			  margin:7px 0 0 -1px;
			  }
			  .warcry-skin .vjs-playing:hover div {background-position:-186px -0px;}
	  
	  
	  /* TIMERS */
	  .warcry-skin .vjs-current-time { left: 0; display:none;}
	  .warcry-skin .vjs-duration { right: 0; display: none; }
	  .warcry-skin .vjs-remaining-time { right: 0; display:none;}
	  
	  /* Progress */
		  .warcry-skin div.vjs-progress-control {
		  width:564px; height:36px;
		  background:rgba(0,0,0,.62);
		  border:none;
		  border-radius:5px;
		  display:block;
		  float:left;
		  margin:6px 0 0 7px;
		  box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		  }		
		  .warcry-skin .vjs-progress-holder {
			  width:535px; height:10px;
			  background:rgba(0,0,0,.7);
			  border-radius:4px;
			  box-shadow:inset 0 1px 1px #000, 0 1px 0 rgba(255,255,255,.03);
			  margin:13px 0 0 0;
			  padding:0 2px;
			  }	
			  .warcry-skin .vjs-load-progress {
			  position:absolute;
			  left:0; top:0;
			  width:auto; height:6px;
			  z-index:1;
			  opacity:0;
			  }
			  .warcry-skin .vjs-play-progress {
			  position:absolute;
			  left:2px; top:2px;
			  width:auto; height:6px;
			  z-index:2;
			  background:url(images/misc/player-timeline-end.gif) no-repeat right, url(images/misc/player-timeline.gif) repeat-x;
			  border-radius:3px;
			  /* transition:all 500ms;
				 -moz-transition:all 500ms;
				 -webkit-transition:all 500ms;
				 -o-transition:all 500ms;  */
			  }
			  .warcry-skin .vjs-seek-handle {
				  position: absolute;
				  top:1px;
				  width:15px; height:8px;
				  border-radius:6px;
				  background:#a73305;
				  z-index:3;
				  cursor: pointer;
				  box-shadow:0 0 4px #000, -1px 0 1px #000, inset 0 0 4px rgba(0,0,0,.8), inset 0 0 0 1px #ffd15e,inset 0 0 0 2px #602108;
				  transition:background 500ms;
				  -moz-transition:background 500ms;
				  -webkit-transition:background 500ms;
				  -o-transition:background 500ms;
				  }
				  .warcry-skin .vjs-seek-handle:hover {background:#ff4f09;}
				  
				  
	  /* Volume Control */
	  .warcry-skin .vjs-mute-control {
		  width:38px; height:36px;
		  float:left;
		  background:rgba(0,0,0,.62);
		  border-bottom-left-radius:5px; border-top-left-radius:5px;
		  margin:6px 0 0 7px;
		  box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		  }
		  .warcry-skin .vjs-mute-control div {
		  width:24px; height:21px;
		  background-position: -0px -153px;
		  margin:7px 0 0 4px;
		  cursor:pointer;
		  }
		  .warcry-skin .vjs-mute-control div:hover {background-position: -24px -153px;}
			  
		  .vjs-default-skin .vjs-mute-control.vjs-vol-0 div { background-position: -0px -174px;}
		  .vjs-default-skin .vjs-mute-control.vjs-vol-0 div:hover { background-position: -24px -174px;}
			  
		  .vjs-default-skin .vjs-mute-control.vjs-vol-1 div { background-position: -48px -195px; }
		  .vjs-default-skin .vjs-mute-control.vjs-vol-1 div:hover { background-position: -72px -195px; }
			  
		  .vjs-default-skin .vjs-mute-control.vjs-vol-2 div { background-position: -0px -195px; }
		  .vjs-default-skin .vjs-mute-control.vjs-vol-2 div:hover { background-position: -24px -195px; }
		  
		  .vjs-default-skin .vjs-mute-control.vjs-vol-3 div { background-position: -0px -153px; }
		  .vjs-default-skin .vjs-mute-control.vjs-vol-3 div:hover { background-position: -24px -153px; }
		  
	  /* Volume bar */	
	  .warcry-skin .vjs-volume-control {
		  width:80px; height:36px;
		  position:absolute;
		  right:51px; top:6px;
		  background:rgba(0,0,0,.62);
		  border-bottom-right-radius:5px; border-top-right-radius:5px;
		  box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		  }
		  .warcry-skin .vjs-volume-bar {
			  position:relative;
			  width:60px; height:10px;
			  background:rgba(0,0,0,.7);
			  border-radius:4px;
			  box-shadow:inset 0 1px 1px #000, 0 1px 0 rgba(255,255,255,.03);
			  margin: 14px 7px 0 0;
			  z-index:1;
			  }
		  .warcry-skin .vjs-volume-level {
			  position: absolute; top: 0; left: 0;
			  width:auto; height:6px;
			  z-index:2;
			  background:url(images/misc/player-timeline.gif) repeat-x;
			  border-radius:3px;
			  margin:2px 0 0 0;
			  left:2px;
			  }
		  .warcry-skin .vjs-volume-handle {
			  position: absolute;
			  top:1px;
			  margin:0 0 0 0;
			  width:12px; height:8px;
			  border-radius:6px;
			  background:#a73305;
			  z-index:3;
			  cursor: pointer;
			  box-shadow:0 0 4px #000, -1px 0 1px #000, inset 0 0 4px rgba(0,0,0,.8), inset 0 0 0 1px #ffd15e,inset 0 0 0 2px #602108;
			  transition:background 500ms;
			  -moz-transition:background 500ms;
			  -webkit-transition:background 500ms;
			  -o-transition:background 500ms;
			  }
	  
	  /* Fullscrean */
	  .warcry-skin .vjs-fullscreen-control {
		  width:37px; height:36px;
		  display:block;
		  float:right;
		  background:rgba(0,0,0,.62);
		  border-radius:5px;
		  cursor:pointer;
		  margin: 6px 7px 0 0;
		  box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		  }
		  .warcry-skin .vjs-fullscreen-control div {
		  width:23px; height:17px;
		  background-position: -122px -0px;
		  margin:9px 0 0 0;
		  }
		  .warcry-skin .vjs-fullscreen-control div:hover {background-position: -145px -0px;}
				  
	  
	  /* Big Play Button (at start)*/
	  
	  .warcry-skin .vjs-big-play-button {
		  position:absolute;
		  top:50%; left:50%;
		  margin:-37px 0 0 -32px;
		  display: block; /* Start hidden */ 
		  z-index: 2;
		  cursor:pointer;
		  width:64px; height:75px;
		  background-position:-0px -0px;
		  z-index:1000;
		  }
		  .warcry-skin div.vjs-big-play-button span {
		  display:block;
		  width:64px; height:75px;
		  background-position:-0px -75px;
		  opacity:0;
		  transition:all 500ms;
		  -moz-transition:all 500ms;
		  -webkit-transition:all 500ms;
		  -o-transition:all 500ms;
		  }
		  .warcry-skin div.vjs-big-play-button:hover span { opacity:.7;}
	  
	  
	  
	  
	  
	  
	  
	  
	  
		  #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
		  #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:9999;text-align:left;visibility:hidden;display:none;}
		  #sb-overlay{position:relative;height:100%;width:100%;}
		  #sb-wrapper{position:absolute;visibility:hidden;width:100px;}
			  #sb-wrapper-inner{
				  position:relative;
				  border:1px solid #dfa049;
				  border-radius:5px;
				  overflow:hidden;
				  height:100px;
				  box-shadow:0 0 10px #000;
				  }
		  #sb-body{position:relative;height:100%;}
		  #sb-body-inner{position:absolute;height:100%;width:100%;}
		  #sb-player.html{height:100%;overflow:auto;}
		  #sb-body img{border:none;}
		  #sb-loading{position:relative;height:100%;}
		  #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center; color: #dfa049;}
		  #sb-loading-inner span{background:url(shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
		  #sb-body,#sb-loading{background-color:#060606;}
		  #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
		  #sb-title,#sb-title-inner{height:26px;line-height:26px; color: #dfa049; text-shadow: 1px 1px 1px rgba(0,0,0,.9), 0 0 3px rgba(0,0,0,.9) , 0 0 5px rgba(0,0,0,.9);}
		  #sb-title-inner{font-size:16px;}
		  #sb-info,#sb-info-inner{height:20px;line-height:20px;}
		  #sb-info-inner{font-size:12px;}
		  #sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
		  #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
		  #sb-nav-close{background-image:url(shadowbox/close.png);}
		  #sb-nav-next{background-image:url(shadowbox/next.png);}
		  #sb-nav-previous{background-image:url(shadowbox/previous.png);}
		  #sb-nav-play{background-image:url(shadowbox/play.png);}
		  #sb-nav-pause{background-image:url(shadowbox/pause.png);}
		  #sb-counter{float:left;width:45%;}
		  #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
		  #sb-counter a.sb-counter-current{text-decoration:underline;}
		  div.sb-message{font-size:12px;padding:10px;text-align:center;}
		  div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
		  #sb-description { padding: 20px; background: rgba(0,0,0,.85); color: #dfa049; text-shadow: 1px 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.5); }
/*-------------------------------------------
PAGE BACKGROUNDS
-------------------------------------------*/
	
.features-bg {
	width:685px; height:auto; min-height:473px;
	position:absolute;
	top:0; left:0;
	background-repeat:no-repeat;
	background-position: center;
	z-index:0;
	opacity:.7;
	}

	.features-bg {background-image:url(images/page-backgrounds/houroftwilight.png);}


	#IndexTextFader {
		width:717px; height:152px;
		position:absolute;
		left: 0;
		right: 0;
		margin-left: auto; 
		  margin-right: auto; 
		  top: 380px;
		z-index:999;
		}
	
			
		/* Images
		--------------------------------------------------*/
		
		#IndexTextFader a#test1 { background:url(images/IndexSlider/test1.png) no-repeat;}
		#IndexTextFader a#test2 { background:url(images/IndexSlider/test2.png) no-repeat;}
		
		/*
		-------------------------------------------------------------------------------------------------------
		 QUICK Account Panel Menu
		-------------------------------------------------------------------------------------------------------
		*/
		
		
		.quick-menu {
			position:absolute;
			top:25px;
			width:17px; height:25px;
			background:rgba(102,93,85,.27);
			border-radius:3px;
			box-shadow:0 0 28px rgba(0,0,0,.9), 0 0 15px rgba(0,0,0,.5), inset 0 -1px 0 rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,0,.03), 0 1px 2px rgba(0,0,0,.4);
			transition:all 100ms; -moz-transition:all 100ms; -webkit-transition:all 100ms; -o-transition:all 100ms;
			z-index:9999;
			}
			
			.quick-menu .arrow {
			display:block;
			width:17px; height:24px;
			float:left;
			background:url(images/misc/quick-menu-arrow.png) no-repeat center;
			}
			
			.quick-menu:hover { width:25px; overflow:visible;}
			
		.dropdown-qmenu {
			display:block;
			position:absolute;
			width:1px; height:1px;
			top:0px; left:18px;
			background:#2f2d29;
			overflow: hidden;
			border-radius: 0 3px 3px 3px;
			box-shadow: 0 0 6px rgba(0,0,0,.5);
			transition:all 400ms; -moz-transition:all 400ms; -webkit-transition:all 400ms; -o-transition:all 400ms;
			opacity:0;
			}
			.quick-menu:hover .dropdown-qmenu { width:150px; height:auto; opacity:1;}
			
			.dropdown-qmenu li {
				display:block;
				box-shadow:inset 0 -1px 0 rgba(0,0,0,.1), inset 0 0 6px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.02);
				}
				.dropdown-qmenu li a {
				display:block;
				font-size:11px;
				text-transform:uppercase;
				font-weight: bold;
				padding:6px 0 6px 8px;
				color:#5c5851;
				text-shadow:0 0 3px rgba(0,0,0,.4), 1px 1px 0 rgba(0,0,0,.1);
				}
				.dropdown-qmenu li a:hover {
				color:#c3914f;
				background:rgba(0,0,0,.05);
				}
				
			.dropdown-qmenu li#messages-ddm {
				background:rgba(0,0,0,.1);
				box-shadow:inset 0 -1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.02), inset 0 -1px 0 rgba(255,255,255,.1);
				}
				.dropdown-qmenu li#messages-ddm a {
					padding: 8px 0 8px 0;
					text-transform:none;
					text-align:center;
					}
					.dropdown-qmenu li#messages-ddm a i {color:#4c4943;}
					.dropdown-qmenu li#messages-ddm a b {color:#767169;}




















					/* ACCOUNT PANEL */

.account { padding:1px 0 0 0; /*overflow:hidden;*/}

.account_light_cont, .account-wide {width:665px; padding:0;}

.cont-image {
	width:auto; 
	height:auto; 
	background:url(images/account_image.jpg) no-repeat top; 
	padding:10px 0 10px 0; 
}

/* Account Info */
	
.account_info_cont {
	height:203px;
	border-radius:3px;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.01), 0 0 45px 5px rgba(0,0,0,.65), 0 1px 1px rgba(0,0,0,.25);
	margin:0;
	}

.account_info {
	height:203px;
	background:url(images/account_info_bg.png) no-repeat top;
	font-family:calibrib;
	font-size:18px;
	text-shadow:0 0 4px rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.2);
	}
	
	.account_info ul {float:left; height:203px;}
	
	.account_info ul.account_info_main {
		width:349px; height:178px;
		background:url(images/account_info_light.png) no-repeat left;
		margin:10px 0 0 0;
		}
	.account_info ul.account_info_second {
		width:315px; height:178px;
		background:url(images/account_info_dark.png) no-repeat left;
		margin:10px 0 0 0;
		}
		
	.account_info ul.account_info_main li  {
		padding: 5px 0 0 28px;
		background:
		  linear-gradient(
			to right, 
			transparent 0%,
			rgba(106, 74, 34, 0.4) 50%,
			rgba(214, 161, 70, 0.4) 100%
		  )
		  left 
		  bottom
		  transparent
		  no-repeat; 
		background-size: 100% 1px;
	}

	.account_info ul.account_info_second li {
		line-height:32px;
		padding: 0px 0 0 28px;
		background:
		  linear-gradient(
			to left, 
			transparent 0%,
			rgba(106, 74, 34, 0.4) 50%,
			rgba(214, 161, 70, 0.4) 100%
		  )
		  left 
		  bottom
		  transparent
		  no-repeat; 
		background-size: 100% 1px;
	}
	
	.account_info ul li { display:block; }
	
	.account_info ul li span {display:inline-block; color:#605444;}
	.account_info ul li div {display:inline-block;}
	.account_info ul li p {display:inline-block; color:#615e59;}

	/* Main Account Info */

	.account_info ul.account_info_main li:first-child {margin:20px 0 0 0;}
	.account_info ul.account_info_main li span {text-align:left;}

	.account_info ul.account_info_second li span p.danger {color:#f43636;}
	.account_info ul.account_info_second li span p.default {color:#c2a269;}
	.account_info ul.account_info_second li span p.offline {color:#615e59;}
	.account_info ul.account_info_second li span p.online {color:#1fca00;}
	
	/* Sub Account Info */
	.account_info ul.account_info_second li:first-child {margin:20px 0 0 0;}


/* Account Main Menu */

#accoun_panel_menu {
width:605px; height:auto;
float:left;
margin:0 0 0 76px;
background:url(images/account_main_menu_bg.png) no-repeat top;
}

#accoun_panel_menu li {
	display:block;
	float:left;
	width:274px; height:55px;
	border-radius:3px;
	background:rgba(0,0,0,.12);
	margin:0 23px 24px 0;
	box-shadow: none;
	}
#accoun_panel_menu li a {
	display:block;
	width:274px; height:55px;
	}
	#accoun_panel_menu li a div#icon {
		width:37px; height:37px;
		background-size:100%;
		float:left;
		border-radius:3px;
		box-shadow:inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.5);
		margin:8px 10px 0 10px;
		}
	#accoun_panel_menu li a span {
		float:left;
		display:block;
		text-align:left;
		margin:9px 0 0 0;
		font-family:calibrib;
		color:#565147;
		text-shadow:0 1px 1px rgba(0,0,0,.4), 0 0 4px rgba(0,0,0,.6);
		}
		#accoun_panel_menu li a span p {
			color:#90856e;
			font-size:17px;
			line-height: 37px;
		}
#accoun_panel_menu li, #accoun_panel_menu li a, #accoun_panel_menu li a div#icon, #accoun_panel_menu li a span, #accoun_panel_menu li a span p
{transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;}

#accoun_panel_menu li:hover {
	background:rgba(0,0,0,.16);
	box-shadow:inset 0 0 10px 2px rgba(0,0,0,.06), 0 0 3px rgba(0,0,0,.13);
	}

#accoun_panel_menu li a:hover div#icon {
	box-shadow:inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.5);
	}
#accoun_panel_menu li a:hover span { color:#7d776c;}
#accoun_panel_menu li a:hover span p { color:#d5a83c;}


#accoun_panel_menu li#boost {
	width:570px; height:60px;
	margin:30px 0 55px 0;
	padding:0;
	background: none;
	box-shadow: none;
	}
	#accoun_panel_menu li#boost a {
	display:block;
	width:570px; height:60px;
	background-image:url(images/misc/bost_banner.jpg);
	background-position: 0 0;
	border-radius:4px;
	overflow:hidden;
	box-shadow:0 0 8px rgba(0,0,0,.4), 0 1px 1px rgba(0,0,0,.2);
	}
	#accoun_panel_menu li#boost a p {
		position:absolute;
		top:0; left:0;
		display:block;
		width:570px; height:60px;
		background-image:url(images/misc/bost_banner.jpg);
		background-position: 0 -60px;
		opacity:0;
		transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;
		}
	#accoun_panel_menu li#boost a:hover p { opacity:1;}

/* Account Quick Menu */
.quick_acc_menu {
width:238px; height:auto; min-height:440px;
float:left;
text-align:left;
background:url(images/account_sub_menu_bg.png) no-repeat top left;
padding:17px 0 0 0;
}

.quick_acc_menu li {
display:block;
margin:2px 0 2px 35px;
}

.quick_acc_menu li a {
	display:block;
	padding:8px 0 8px 20px;
	font-family:calibrib;
	font-size:14px;
	color:#6d675c;
	text-shadow:0 1px 0 rgba(0,0,0,.4), 0 0 4px rgba(0,0,0,.4);
	transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;
	}
	
	.quick_acc_menu li a p, .quick_acc_menu li a span {
		position:absolute;
		top:11px; left:0;
		display:block;
		width:11px; height:11px;
		background-image: url(images/misc/account_panel_submenu_ar.png);
		background-color:transparent;
		transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;
		}
	
	.quick_acc_menu li a p {background-position:0 0; opacity:1;}
	.quick_acc_menu li a span {background-position:0 -11px; opacity:0;}
	
	
	.quick_acc_menu li a:hover p { opacity:0;}
	.quick_acc_menu li a:hover span { opacity:1;}
	
	.quick_acc_menu li a:hover { color:#a7a093;}
	
	
	.quick_acc_menu li.special a {color:#b49660;}
	.quick_acc_menu li.special a:hover {color:#ffe672;}
	

/* Select Avatar Page */


.avatars_groups {
	padding: 30px 0 30px 0;
}
.avatars_group_holder {
	text-align:left;
	margin: 0 0 0 30px;
	padding: 10px 0 0 0;
	}
	
/* Not Avaliable */
.not_avaliable {
	pointer-events:none !important;
	opacity:.3 !important;
	}

.avatars_group_holder h1 {
	display:block;
	width:92%;
	text-align:left;
	font-family:calibrib;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	color:#645d4f;
	text-shadow:0 1px 1px rgba(0,0,0,.4), 0 0 4px rgba(0,0,0,.3);
	padding:0 0 10px 8px;
	margin:0 0 0 12px;
	box-shadow:0 2px 0 rgba(0,0,0,.1);
	}

	.avatars_group_holder ul.avatars_group {
		padding:20px 20px 10px 20px;
		}
		
		ul.avatars_group li {
			display:block;
			width:116px; height:116px;
			float:left;
			margin:0 10px 10px 0;
			}
			ul.avatars_group li a {
			display:block;
			width:116px; height:116px;
			border-radius:3px;
			box-shadow:inset 0 0 0 1px #605b55, inset 0 0 3px 1px rgba(0,0,0,.8), 0 0 6px 1px rgba(0,0,0,.6);
			transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;
			}
		
			ul.avatars_group li a:hover {
			box-shadow:inset 0 0 0 1px #9d8546, inset 0 0 3px 1px rgba(0,0,0,.8), 0 0 6px 1px rgba(0,0,0,.6), inset 0 0 30px rgba(255,255,255,.1), 0 0 25px rgba(0,0,0,.5);
			}
		
		/* Active Avatar */
		ul.avatars_group li#active a {
			box-shadow:inset 0 0 0 2px #9d8546, 0 0 3px rgba(157,133,70,.4), inset 0 0 3px rgba(157,133,70,.6);
			}
		
		
/* BOOSTS Page
------------------------------------------------------------------*/

.boosts_page {
width:100%; height:auto;
background:url(images/boosts_bg.png) no-repeat top;
}

/* Purchase boost */
.purchase_boost {
	width:615px; height:auto;
	float:left;
	overflow:hidden;
	padding:0 0 26px 0;
	}
	
	.purchase_boost .top_info {
		width:532px; height:auto;
		padding:10px;
		background:rgba(0,0,0,.2);
		border-radius:4px;
		text-align:left;
		margin:29px 0 0 -7px;
		font-family:calibrib;
		font-size:13px;
		color:#827f76;
		}

	ul.select_boost {
		width:635px;
		padding:28px 28px 0 28px;
		}
		ul.select_boost li {
			display: block;
			width:262px; height:94px;
			float:left;
			margin:0 28px 28px 0;
			}
			ul.select_boost li a {
				display: block;
				width:262px; height:94px;
				background:rgba(254,229,168,.02);
				border-radius:4px;
				box-shadow:inset 0 0 0 1px #322f2a, 0 0 5px rgba(0,0,0,.3), inset 0 0 5px rgba(0,0,0,.3);
				text-align:left;
				transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;
				}
				ul.select_boost li a div.icon, ul.active_boosts li div.icon {
					width:38px; height:38px;
					background-size:100%;
					float:left;
					border-radius:3px;
					box-shadow:inset 0 0 0 1px #53493a, inset 0 0 4px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.6), inset 0 0 4px rgba(0,0,0,.9);
					margin:9px 9px 0 9px;
					transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;
					}
				ul.select_boost li a div.info {
					width:177px; height:56px;
					float:left;
					border-radius:4px;
					background:rgba(0,0,0,.15);
					font-family:calibrib;
					font-size:12px;
					padding:10px;
					margin:9px 0 0 0;
					box-shadow: inset 0 0 5px rgba(0,0,0,.2)
					}
					ul.select_boost li a div.info h2 {
						font-size:14px;
						color:#b0a28b;
						margin:-3px 0 2px 0;
						}
					ul.select_boost li a div.info h3 {
						font-size:12px;
						font-weight: normal;
						color:#42403e;
						}
						
				ul.select_boost li a p {display: none;} 
				ul.select_boost li a:hover p { display:none;}
						
			ul.select_boost li a:hover {
				background:rgba(254,229,168,.03);
				box-shadow:inset 0 0 0 1px #4c4740;
				}
				
				ul.select_boost li a:hover div.icon {box-shadow:inset 0 0 0 1px #837859, inset 0 0 4px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.6), inset 0 0 4px rgba(0,0,0,.9);}
			
			/* Selected */
			ul.select_boost li.selected a {
				background:rgba(254,229,168,.04);
				box-shadow: inset 0 0 0 1px #4f411b, 0 0 3px rgba(255,204,51,.15), inset 0 0 3px rgba(255,204,51,.15);
				}
				ul.select_boost li.selected a div.icon {
					box-shadow:inset 0 0 0 1px #836b2b, inset 0 0 4px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.6), inset 0 0 4px rgba(0,0,0,.9);
					}
			/* Disabled - Already active */	
			ul.select_boost li.disabled a {
				opacity:.5;
				cursor: default;
				}
				ul.select_boost li.disabled a:hover {
				background:rgba(254,229,168,.02);
				box-shadow:inset 0 0 0 1px #322f2a, 0 0 5px rgba(0,0,0,.3), inset 0 0 5px rgba(0,0,0,.3);
				}
				ul.select_boost li.disabled a:hover div.icon {
				box-shadow:inset 0 0 0 1px #53493a, inset 0 0 4px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.6), inset 0 0 4px rgba(0,0,0,.9);
				opacity:.5;
				}
				ul.select_boost li.disabled a:hover div.info { opacity:.5;}
				
			/* Simple tooltip for active auras */
			ul.select_boost li.disabled a p {
				display:block;
				width:190px; height:26px;
				background:rgba(0,0,0,.85);
				padding:8px 0 0 0;
				border-radius:5px;
				position:absolute;
				text-align:center;
				font-family:calibrib;
				font-size:14px;
				top:25px; left:35px;
				color:#d3be9b;
				text-shadow:0 0 4px #000, 0 0 4px #000, 0 1px 1px #000;
				opacity:0;
				transition:all 500ms; -moz-transition:all 500ms; -webkit-transition:all 500ms; -o-transition:all 500ms;
				}
			ul.select_boost li.disabled a:hover p {
				display:block;
				opacity:1;
				}


	/* Select Period */
	.purchase_boost .select-period {
		width:552px;
		left:0 !important;
		margin:0 !important;
		}
		.purchase_boost .select-period span { float:left; margin:4px 0 0 6px;}
		
		.purchase_boost .select-period label { margin:-1px 20px 0 0;}
		.purchase_boost .select-period label:last-child { margin:-1px 18px 0 0;}
		
		.purchase_boost .select-period label p.dr { color:#474544;}
		.purchase_boost .select-period label p.dr b { color:#8f7d5a;}
	
	.purchase_boost .purchase_btn { float:left; margin:15px 0 0 28px;}
	
	.purchase_boost .select-currency { left:126px; margin:15px 0 0 0;}
	
/* Active Auras */

.boosts_page div.active_boosts {
	width:228px; height:auto;
	float:left;
	text-align:left;
	}
	
	.boosts_page div.active_boosts h1 {
		font-family:calibri;
		font-size:16px;
		text-transform:uppercase;
		color:#8f8570;
		text-shadow:0 1px 1px rgba(0,0,0,.4);
		margin:25px 0 0 25px;
		}
		
	ul.active_boosts {
		margin:25px 0 0 24px;
		}
		ul.active_boosts li {
			display:block;
			width:181px; height:48px;
			background:rgba(254,229,168,.02);
			border-radius:3px;
			box-shadow:inset 0 0 3px rgba(255,255,255,.04), inset 0 0 0 1px rgba(255,255,255,.02), 0 0 5px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.02);
			margin:0 0 15px 0;
			}
			ul.active_boosts li div.icon {
			margin:5px;
			}
			
			ul.active_boosts li p {
				display:block;
				float:left;
				font-family: calibrib;
				font-size:13px;
				color:#57544f;
				text-shadow:0 1px 1px rgba(0,0,0,.5);
				margin:15px 0 0 10px;
				}
				ul.active_boosts li p b { color:#67625a;}
				
/* STORE Notice */
.store_notice h1 {
	display:block;
	font-size:14px;
	padding:0 120px;
	line-height:160%;
	color:#666158;
	text-shadow:0 1px 1px rgba(0,0,0,.4), 0 0 4px rgba(0,0,0,.5);
	margin:40px 0 0 0;
	}
	.store_notice h1 b { color:#9b9589;}
			
.container_3 h1 {
	color:#b4aa9b;
	font-size:28px;
	letter-spacing:1px;
	z-index:2;
	font-family:calibrib;
    font-weight: normal;
    font-size: 32px;
    text-shadow: 0 0 8px rgba(0,0,0,1), 0 1px 2px rgba(0,0,0,1);
    margin: 5px 0 0 0;
    padding: 0;
	line-height: 115%;
	}
			
			
/* LOGIN Box 
---------------------------------------------------------*/
.login-box-holder {
	width:436px; height:341px;
	top:30%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	padding:0;
	box-shadow:inset 0 0 0 2px #4f4940, 0 0 10px #000, 0 0 10px #000,inset 0 0 15px rgba(0,0,0,.6), 0 0 85px #000;
	}
	.login-box {padding:33px;}
	.login-box input[type='text'], .login-box input[type='password'] { width:351px; height:41px; margin: 0 0 20px 0;}
	.login-box input[type='submit'] { margin:5px 0 0 0; padding: 0 28px 2px 28px;}
	.login-box p { color:#564f49; padding: 0 0 5px 2px; text-shadow: 0 0 3px #000;}
				
	.login-box-options {
	box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 -1px 0 rgba(0,0,0,.3);
	padding:10px 0 0 0; margin:22px 0 0 0;
	line-height:200%;
	text-shadow:0 0 3px #000;
	color:#3a3a39;
	}
	.login-box-options span a { color:#ad7e25;}
				
	.login-page {
	width:78%;
	text-align: center;
	padding: 30px 0 0 0;
	}
			
/* Login Successful
---------------------------------------------------------*/
.login-success {
	padding:20px 0 20px 0;
	text-align:center;
	text-shadow:0 0 8px rgba(0,0,0,.5);
	}
	.login-success h1 { color:#b6a98f; margin:0 0 12px 0;}
	.login-success p { color:#726a59;}

.login-box-row {
	}
	.login-box-row label.label_check {
		margin:  10px 0 0 10px;
	}

	.green {
		box-shadow: 
		0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(66,255,0,.1),
		inset 0 0 28px 25px rgba(66,255,0,.05),inset 0 0 18px 0px rgba(66,255,0,.15);
		color:#54a22c;
		text-shadow: 0 1px 0 #000, 0 0 6px #000;
		}
		.red {
		box-shadow: 
		0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,66,0,.1),
		inset 0 0 28px 25px rgba(255,66,0,.05),inset 0 0 18px 0px rgba(255,66,0,.15);
		color:#a23535;
		text-shadow: 0 1px 0 #000, 0 0 6px #000; 
		}
		.light_brown {
		box-shadow: 
		0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05),
		inset 0 0 28px 25px rgba(255,255,255,.03),inset 0 0 18px 0px rgba(255,255,255,.1);
		color:#6c6c6c;
		text-shadow: 0 1px 0 #000, 0 0 6px #000;
		}
		
		.grlb-a-fix { display:block; width:99%; padding:0;}
		
		/* IF "a" hovers */
			a.light_brown:hover {
			box-shadow: 0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05),
			inset 0 0 28px 25px rgba(255,255,255,.03),inset 0 0 18px 0px rgba(255,255,255,.06);
			}
		
		.green, .red, .light_brown { padding:0;}
		
		.wide { width:85%;}
		.wider { width:100%;}
		.widest { width:996px;}
		.error-holder {width:75%;}
		
		.green p, .red p, .light_brown p { 
		font-size:12px; 
		padding:0 12px 0 10px; 
		display:inline-block; 
		width: 90%; 
		margin:13px 0 13px 0; 
		vertical-align: top;
		}
		
		/* Error Icons */
		.error_icons {
		background-image:url(images/misc/misc_main.png);
		background-repeat:no-repeat;
		background-color:transparent;
		width: auto; height:28px;
		display:inline-block;
		vertical-align: top;
		margin: 0 0 0 8px;
		top:6px;
		}
		
		.atention {width:28px; background-position: -892px -0px;}
		.success {width:28px; background-position: -920px -0px;}
		.mail {width:30px; background-position: -948px -0px;}

		/* CUSTOM RADIO & CHECKBOX */
.has-js .label_check, .has-js .label_radio {
	display:inline-block;
	}
	.has-js .label_check div, .has-js .label_radio div { /* THIS IS OUR NEW INPUT */
		width:17px; height:17px;
		display:inline-block;
		cursor:pointer;
		background-image:url(images/misc/radio-checkbox.png);
		background-color:transparent;
		margin:0 5px 0 0;
		top:4px;
		}
	.has-js .label_check p, .has-js .label_radio p { display:inline-block;}
	
		.has-js .label_radio div {background-position:-17px -0px;}
		.has-js .label_check div {background-position:-0px -0px;}
		/* Active state for the DIV */
		.has-js label.c_on div {background-position:-0px -17px;}
		.has-js label.r_on div {background-position:-17px -17px;}
	
	.has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; }

	/* NEWS 
	---------------------------------------------------------*/
	
	.archived-news {
		width:635px;
		margin:0;
		padding:15px;
		}
				
		.archived-news .arnews-head {
			color:#403f3e;
			text-shadow: 0 0 4px rgba(0,0,0,.8), 0 1px 0 #000;
			box-shadow:0 1px 0 rgba(255,255,255,.03), inset 0 -1px 0 rgba(0,0,0,.5);
			padding:0 0 15px 0;
			margin: 0 0 14px 0;
			}
			
			.archived-news .arnews-head h1 {
			font-family: 'Ropa Sans', sans-serif;
			font-size:24px;
			padding:0 0 2px 0;
			color:#766e64;
			word-break: break-all;
			}
		
		.arnews-cont {
			color:#71655a;
			font-size:13px;
			line-height:150%;
			text-shadow: 0 0 4px rgba(0,0,0,.8), 0 1px 0 #000;
			}
			
			.arnews-cont img {
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				box-shadow: 0 0 6px rgba(0,0,0,.5);
				}
			
				.arnews-cont img.float-left-img {
				float:left;
				clear:both;
				margin: 15px 20px 20px 0;
				width:auto; height:auto;
				}
				.arnews-cont img.normal-img {
				width:100%; height:auto;
				margin: 20px 0 20px 0;
				}
				.arnews-cont img.float-right-img {
				float:right;
				clear:both;
				margin: 15px 0px 20px 20px;
				width:auto; height:auto;
				}
				
			/* List Style */
			.arnews-cont ul.list-c, .arnews-cont ul.list-c li {
				list-style:circle inside;
				}
				.arnews-cont ul.list-c { padding:0 0 0 20px; color:#5c4626;}
				.arnews-cont ul.list-c li span { color:#938980;}
				
			.arnews-cont ol.list-o, .arnews-cont ol.list-o li {
				list-style:decimal inside;
				}
				.arnews-cont ol.list-o { padding:0 0 0 20px; color:#5c4626; }
				.arnews-cont ol.list-o li span { color:#938980;}
				
			.arnews-cont a { text-decoration:underline; color:#978c83;}
			.arnews-cont a:hover { text-decoration:none; color:#b07e39;}
				
		.newer-news-btn, .older-news-btn {
		display:block;
		float:right;
		padding:14px 24px;
		background:rgba(0,0,0,.4);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow:inset 0 0 0 1px #0e0e0d, inset 0 0 8px rgba(255,255,255,.04), inset 0 0 3px rgba(255,255,255,.02), inset 0 2px 0 rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.02), 0 0 5px rgba(0,0,0,.3);
		text-shadow:0 0 4px #000;
		text-transform: uppercase;
		}
		
		.newer-news-btn {
			float:left;
			margin: 30px 0 0 75px;
			}
		.older-news-btn {
			float:right;
			margin: 30px 75px 0 0;
			}
		
		.newer-news-btn:hover, .older-news-btn:hover {background:rgba(0,0,0,.6);}


		* a {
		transition:color 0.5s ease-out;  
		-moz-transition:color 0.5s ease-out; 
		-webkit-transition:color 0.5s ease-out;  
		-o-transition:color 0.5s ease-out; 
		}
		
		/* Till the DAMN browsers hire normal devs... :@
		* input {
		transition:box-shadow 1s;  
		-moz-transition:box-shadow 1s; 
		-webkit-transition:box-shadow 1s;  
		-o-transition:box-shadow 1s; 
		}
		*/

		
.realm-details {
	padding:0;
	}

/* REALM Name and Expansion */
.realm_main_info {
	width:996px; height:125px;
	background:url(images/misc/realm_info_page_top_image.jpg) no-repeat;
	border-radius:5px 5px 0 0;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
	}
	
	.realm_main_info #logo {
		position:absolute;
		left:50%;
		margin:-87px 0 0 -385px;
		}
		
	.realm_main_info h1 {
		float:left;
		display:block;
		text-align:left;
		font-size:48px;
		color:#e4efef;
		letter-spacing:-2px;
		text-shadow:0 0 16px rgba(0,0,0,.3), 3px 2px 0 rgba(0,0,0,.3);
		margin:30px 0 0 38px;
		}
		.realm_main_info h1 .overlay_1 {
			width:100%; height:64px;
			background:url(images/misc/realm_info_text_overlay.png) no-repeat left;
			position:absolute;
			top:0; left:0;
			z-index:1;
			}
		.realm_main_info h1 .overlay_2 {
			width:173px; height:108px;
			background:url(images/misc/realm_info_title_overlay.png) no-repeat;
			position:absolute;
			top:-20px; left:-28px;
			z-index:2;
			}
		
	.realm_main_info h2 {
		float:right;
		display:block;
		text-align:right;
		color:#ddeced;
		font-size:21px;
		letter-spacing:-1px;
		margin:40px 40px 0 0;
		text-shadow:0 0 16px rgba(0,0,0,.3), 3px 2px 0 rgba(0,0,0,.3);
		}
		.realm_main_info h2 div {
		font-size:15px;
		color:#686b6c;
		font-weight: normal;
		letter-spacing:0;
		display:block;
		z-index:3;
		letter-spacing:-1px;
		}
		
		.realm_main_info h2 .overlay_1 {
			width:100%; height:64px;
			background:url(images/misc/realm_info_text_overlay.png) no-repeat left;
			position:absolute;
			top:-30px; left:0;
			z-index:1;
			}
			.realm_main_info h2 div .overlay_1 {
			top:-35px; z-index:4;
			}
			
		.realm_main_info h2 .overlay_2 {
			width:385px; height:108px;
			background:url(images/misc/realm_description_overlay.png) no-repeat;
			position:absolute;
			top:-36px; left:-33px;
			z-index:5;
			}

/* Realm Status */

.realm_staus_info {
	width:996px; height:134px;
	background:url(images/misc/realm_info_page_sec_image.jpg) no-repeat;
	}
	
	.realm_staus_info .realm_status {
		float:left;
		margin:33px 0 0 40px;
		}
		.realm_status h1.status {
			display:block;
			text-align:left;
			font-size:30px;
			text-shadow:0 0 16px rgba(0,0,0,.3), 3px 2px 0 rgba(0,0,0,.3);
			}
			.realm_status h1.status.online { color:#587c2d;}
			.realm_status h1.status.offline { color:#84341e;}
			
			.realm_status h1 .overlay_1 {
			width:120%; height:42px;
			background: url(images/misc/text_overlay.png) left;
			position:absolute;
			top:-7px; left:-25px;
			z-index:1;
			}
			
		.realm_status h2 {
			color:#766c5f;
			font-size:20px;
			font-weight: normal;
			text-shadow:0 0 16px rgba(0,0,0,.3), 2px 2px 0 rgba(0,0,0,.3);
			}
			.realm_status h2 .overlay_1 {
			width:100%; height:42px;
			background: url(images/misc/text_overlay.png);
			position:absolute;
			top:-8px; left:-25px;
			z-index:1;
			}
	
	.realm_online_players {
		float:right;
		text-align:right;
		margin:30px 38px 0 0;
		}
	
		.realm_online_players h1 {
			font-size:41px;
			color:#bfa98e;
			letter-spacing:-2px;
			text-shadow:0 0 16px rgba(0,0,0,.3), 2px 2px 0 rgba(0,0,0,.3);
			}
			.realm_online_players h1 p {
				display:inline-block;
				font-family:arialn;
				margin:0 0 0 10px;
				font-weight: normal;
				color:#625546;
				letter-spacing:0;
				}
			.realm_online_players h1 .overlay_1 {
				width:100%; height:42px;
				background: url(images/misc/text_overlay.png);
				position:absolute;
				top:5px; left:0;
				z-index:1;
				}
		
		.realm_online_players h2 {
			color:#766c5f;
			font-size:20px;
			font-weight: normal;
			text-shadow:0 0 16px rgba(0,0,0,.3), 2px 2px 0 rgba(0,0,0,.3);
			top:-7px;
			}
			.realm_online_players h2 .overlay_1 {
				width:100%; height:42px;
				background: url(images/misc/text_overlay.png);
				position:absolute;
				top:5px; left:0;
				z-index:1;
				}

/* Realm Info */

.realm_info {
	width:996px; height:300px;
	background:url(images/misc/realm_info_page_lst_image.jpg) no-repeat;
	}
	
	.realm_info span {
		width:600px; height:auto;
		display:block;
		float:left;
		text-align:left;
		float:right;
		margin:55px 50px 0 0;
		text-shadow:0 0 16px rgba(0,0,0,.3), 2px 2px 0 rgba(0,0,0,.3);
		}
		
		.realm_info span h1 {
			color:#c88a30;
			display:block;
			width:100%;
			font-size:24px;
			margin: 0 0 28px 0;
			}
			.realm_info span h1 a {
				float:right;
				font-size:14px;
				margin:7px 10px 0 10px;
				font-style:italic;
				color:#413226;
				}
				.realm_info span h1 a:hover { color:#c88a30;}
		
		.realm_info span h2 {
			font-size:14px;
			color: #d6b17e;
			text-shadow: 0px 0px 3px black;
			}
			.realm_info span h2 a { color:#898074;}
			.realm_info span h2 a:hover { color:#df9d34;}
			

/* REALM STATISTICS */

.realm_statistics {
	width:996px;
	background:rgba(0,0,0,.3);
	box-shadow:0 -1px 0 rgba(255,255,255,.02), inset 0 1px 1px rgba(0,0,0,.5);
	}
	
	/* Seperator */
	.stats-seperator {
		width:2px; height:326px;
		float:left;
		background:rgba(0,0,0,.3);
		margin:10px 0 0 0;
		box-shadow:0 0 4px rgba(255,255,255,.03), 1px 1px 0 rgba(255,255,255,.01);
		}
	
	.statistic_holder {
		width:273px;
		float:left;
		padding:28px;
		}
		.statistic_holder h1.head_info {
			line-height:100%;
			text-align:left;
			text-shadow:0 0 16px rgba(0,0,0,.3), 1px 1px 1px rgba(0,0,0,.3);
			height: 80px;
			}
			.statistic_holder h1.head_info p {
				color:#c88a30;
				font-size:18px;
				font-family:calibrib;
				font-weight: normal;
				line-height:100%;
				margin:0 0 5px 0;
				}
			.statistic_holder h1.head_info span {
				font-family:calibrib;
				font-size:14px;
				color:#3c3731;
				line-height:100%;
				padding:0;
				display:block;
				}
	
	/* Faction Statistics */
	
	.alliance_horde_statistics {}
		.faction_bars_case {
			width:273px; height:200px;
			}
		
		.faction_bars_case .faction_bar {
			width:136px; height:auto; min-height:30%;
			text-align:center;
			position:absolute;
			bottom:0;
			}
			.alliance_bar { background:url(images/misc/alliance_scale_bar.jpg) no-repeat top;}
			.horde_bar { background:url(images/misc/horde_scale_bar.jpg) no-repeat top; left:137px;}
			
			.faction_bars_case .faction_bar .grad {
				position:absolute;
				width:136px; height:223px;
				top:1px; left:0;
				z-index:1;
				background:url(images/misc/grad.png) no-repeat;
				}
			
			.faction_bars_case .faction_bar h1 {
				color:#b4aa9b;
				font-size:42px;
				letter-spacing:1px;
				z-index:2;
				font-family:calibrib;
				margin:30px 0 0 0;
				}
			.faction_bars_case .faction_bar h2 {
				z-index:2;
				font-family:calibrib;
				font-size:13px;
				text-transform:uppercase;
				color:#867c6f;
				}
			.faction_bars_case .faction_bar h3 {
				z-index:2;
				font-family:calibrib;
				font-size:12px;
				color:#7d766c;
				line-height:40%;
				}
				
	.all_characters {
		width:273px; height:40px;
		background:rgba(147,135,119,.1);
		margin:1px 0 0 0;
		box-shadow:0 1px 3px rgba(0,0,0,.5), inset 0 0 1px rgba(255,255,255,.01), inset 0 -20px 0 rgba(0,0,0,.1);
		text-align:center;
		}
		.all_characters h1 {
			font-family:calibrib;
			color:#534d44; 
			font-size:18px;
			padding:6px 0 0 0;
			}
	

	/* Race & Class Statistics */
	
	.race_class_stats {width:273px; margin:25px 0 0 0;}
	
	.race_class_stats .bar_row {
		width:273px; height:20px;
		margin:0 0 2px 0;
		}
		.race_class_stats .bar_row .scale {
			width:auto; height:20px;
			background:url(images/misc/scale_background.gif) repeat-x;
			border-radius:0 3px 3px 0;
			float:left;
			box-shadow:0 0 3px rgba(0,0,0,.4), inset -1px 0 0 rgba(233,224,199,.08);
			}
			.race_class_stats .bar_row .scale .ico {
			width:18px; height:18px;
			border: solid 1px #63594a;
			border-radius:2px;
			box-shadow:inset 0 0 5px 2px rgba(0,0,0,.8), inset 0 0 1px 1px rgba(0,0,0,.8), 2px 0 0 rgba(0,0,0,.5);
			float:left;
			}
			.race_class_stats .bar_row .scale span {
				float:left;
				margin:3px 0 0 5px;
				font-family:calibrib;
				color:#635b53;
				text-shadow:0 0 3px rgba(0,0,0,.4), 1px 1px 1px rgba(0,0,0,.4);
				}
			
		.race_class_stats .bar_row h1 {
			float:left;
			font-family:calibrib;
			font-size:12px;
			margin:3px 0 0 4px;
			color:#6f665a;
			text-shadow:0 0 3px rgba(0,0,0,.4), 1px 1px 1px rgba(0,0,0,.4);
			}
			.race_class_stats .bar_row h1 span { color:#3a352e;}
		
		.bar_row .scale.dk, .bar_row .scale.dr, .bar_row .scale.ht, .bar_row .scale.mg, .bar_row .scale.pl, .bar_row .scale.pr, .bar_row .scale.rg, 
		.bar_row .scale.sh, .bar_row .scale.wl, .bar_row .scale.wr  {
			background-image:url(images/misc/class_scale_background.gif);
			background-repeat:repeat-x;
			}
			.bar_row .scale.dk {background-position:0 -180px;}
			.bar_row .scale.dr {background-position:0 -160px;}
			.bar_row .scale.ht {background-position:0 -140px;}
			.bar_row .scale.mg {background-position:0 -120px;}
			.bar_row .scale.pl {background-position:0 -100px;}
			.bar_row .scale.pr {background-position:0 -80px;}
			.bar_row .scale.rg {background-position:0 -60px;}
			.bar_row .scale.sh {background-position:0 -40px;}
			.bar_row .scale.wl {background-position:0 -20px;}
			.bar_row .scale.wr {background-position:0 0;}
			
			
			.statistics_note {
				background:rgba(0,0,0,.2);
				padding:20px 10px;
				width:910px;
				border-radius:8px;
				box-shadow:inset 0 0 8px rgba(0,0,0,.4);
				}
				.statistics_note h3 {
					font-size:12px;
					font-family:calibrib;
					color:#3a352e;
					text-shadow:0 0 3px rgba(0,0,0,.4), 1px 1px 1px rgba(0,0,0,.4);
					}
		
		
		
		
/* CHANGELOGS */
	
.changelogs {width:665px; max-height: 550px; padding:0; overflow-x: auto;}

::-webkit-scrollbar {
    width: 6px !important;
} 
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(100,100,100,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(100,100,100,0.3); 
} 
::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(150,150,150,0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(150,150,150,0.3); 
}
	
.changelogs-cats {
	margin:0 40px 20px 40px;
	}
	.changelogs-cats a {
		display:inline-block;
		width:auto; height:auto;
		padding:10px 12px;
		text-align:left;
		border-radius:4px;
		background:rgba(255,255,255,.04);
		box-shadow:0 0 16px rgba(0,0,0,.11), inset 0 0 0 1px rgba(255,204,0,.02), inset 0 1px 0 rgba(255,255,255,.05);
		text-shadow:0 0 4px rgba(0,0,0,.5);
		font-family: 'Ropa Sans', sans-serif;
		color:#9c927c;
		font-size:16px;
		text-transform:uppercase;
		transition: all 500ms;-moz-transition: all 500ms;-webkit-transition: all 500ms;-o-transition: all 500ms;
		opacity:.6;
		}
		.changelogs-cats a p {
			display:block;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:none;
			color:#464442;
			}
			
	.changelogs-cats a:hover {
		color:#eebb40;
		background:rgba(255,255,255,.06);
		opacity:.8;
		}
		.changelogs-cats a:hover p {}
		
	.changelogs-cats a.active {
		background:#203018;
		box-shadow:0 0 16px rgba(0,0,0,.11), inset 0 0 0 1px rgba(255,204,0,.02), inset 0 1px 0 rgba(255,255,255,.05);
		color:#ffcf5b;
		opacity:.9;
		}
		.changelogs-cats a.active P { color:#5f615c;}

	table.info-list {
		border-spacing: 15px;
		border-collapse: initial;
		text-align: center;
		width: 100%;
		}

		table.info-list caption {
			font-family: calibri;
			font-size: 18px;
			color: #d6b17e;
		}

		table.info-list tr {
			padding:8px 0; display: table-row; border-bottom: dotted 1px #090908;
			text-shadow: 0 0 4px rgba(0,0,0,.6);
			color: #665f57;
			font-size: 11px;
		}

		table.info-list tr td:first-child { text-align: left; }
		
	table.changes-list {
		border-spacing:0px;
		border-collapse:collapse;
		text-align:left;
		width:100%;
		font-family: calibri;
		font-size: 16px;
		}
		
		table.changes-list tr {padding:8px 0; display:block; border-bottom: dotted 1px #090908;}
			table.changes-list tr:last-child { border: none;}
			
			table.changes-list tr:nth-child(even) {}
			table.changes-list tr:nth-child(odd) { background:rgba(255,255,255,.01);}
		
		table.changes-list tr td {
			vertical-align:top;
			color:#42403d;
			text-shadow:0 0 3px rgba(0,0,0,.5);
			
			}
			table.changes-list tr td.rev { width:68px; padding:0 0 0 5px; border-right: dotted 1px #282623;}
			table.changes-list tr td.by { width:80px; padding:0 5px 0 5px; text-align: center; font-weight:bold; color:#595652; border-right: dotted 1px #282623;}
			table.changes-list tr td.date { width:95px; padding:0 5px 0 5px; border-right: dotted 1px #282623;}
			table.changes-list tr td.info { padding:0 5px 0 5px; color:#5c5955;}
		
		.load-more {
			width:100%; height:auto;
			padding:13px 0;
			background:rgba(0,0,0,.25);
			box-shadow:inset 0 1px 1px rgba(0,0,0,.5);
			}
			.load-more a {
				display:block;
				padding:3px;
				font-family:'Ropa Sans', sans-serif;
				text-transform:uppercase;
				text-shadow:0 0 5px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.8);
				}

	
	/* Addons Page */
	
	.addons-info-top {
		padding: 0 0 50px 0;
		}
		.addons-info-top h3 {
			font-size:18px;
			color:#918979;
			text-shadow:0 0 3px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.5);
			}
		.addons-info-top p {
			display:block;
			font-size:11px;
			padding:10px 0 0 0;
			color:#7a7a70;
			text-shadow:0 0 3px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.5);
			}
		.addons-info-top i {
			display:block;
			padding:5px 0 0 0;
			color:#616159;
			text-shadow:0 0 3px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.5);
			}
			.addons-info-top i a {
			font-size:11px;
			color:#616159;
			text-shadow:0 0 3px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.5);
			}
			.addons-info-top i a:hover {color:#be8b31;}
	
		.addon-row {
		padding:0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom:dotted 1px rgba(0,0,0,.5);
		}
		.addon-row h4 {
			display:block;
			font-size:13px;
			font-weight: bold;
			padding: 0 0 7px 0;
			color:#7a7665;
			text-shadow:0 0 3px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.5);
			}
			.addon-row p {
			font-size:12px;
			font-style:italic;
			color:#5c5a59;
			text-shadow:0 0 3px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.5);
			}
			.addon-row div#addon-navigation {
			padding:15px 0 0 0;
			color:#000;
			text-shadow: 1px 1px 0 rgba(255,255,255,.03);
			}
			.addon-row div#addon-navigation a {
			text-transform:uppercase;
			font-size:12px;
			font-weight: bold;
			text-shadow:0 0 3px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.5);
			}
			
			.addon-row div#addon-navigation a.source { font-style: normal; text-transform:none; }
			.addon-row div#addon-navigation a.source:hover {}
			
			.addon-row div#addon-navigation a.download { color:#577e14;}
			.addon-row div#addon-navigation a.download:hover { color:#91c319;}
			
						
	/* Working Content */
	
	.working-content {
		padding:40px 50px 40px 50px;
		border-radius:5px;
		overflow:hidden;
		background:url(images/misc/content-top.png) no-repeat top right, 
				   url(images/misc/content-bottom.png) no-repeat bottom right;
		}
		.top-patch-info {
		padding: 0 0 20px 0;
		}
		
		.top-patch-info h2 {
			padding: 0 0 10px 0;
			font-size:23px;
			font-weight: bold;
			color:#c88a30;
			text-shadow:0 0 4px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.7);
			}
			/* Text effect */
			.top-patch-info h2 p {
			position:absolute;
			top:16px; left:0;
			width:300px; height:17px;
			background:rgba(26,25,23,.15);
			box-shadow:0 0 8px rgba(26,25,23,.2);
			}
			.top-patch-info h2 i {
			font-weight:normal;
			font-size:13px;
			font-family:Verdana, Geneva, sans-serif;
			text-transform:none;
			padding: 0;
			top:-5px;
			color:#51504f;
			text-shadow:0 0 4px rgba(0,0,0,.7), 0 1px 1px rgba(0,0,0,.7);
			}
		
		.top-patch-info h5 {
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		font-weight: normal;
		text-shadow:0 0 5px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.7);
		color:#968d82;
		width:82%;
		line-height:155%;
		}
		
	.content-row {
		margin:20px 0 0 0;
		padding: 0 0 30px 0;
		border-radius:5px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		}
		.content-row h3 {
			display:block;
			padding:0 0 10px 0;
			margin: 0 0 10px 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#78726a;
			text-transform:uppercase;
			text-shadow:0 0 4px rgba(0,0,0,.6);
			}
			.content-row h3::after {
				content:'';
				width:100%;
				position: absolute;
				left:0;
				bottom:-1px;
				height: 1px;
				background: linear-gradient(
					to right, 
					transparent 0%,
					rgba(214, 161, 70, 0.4) 25%,
					rgba(106, 74, 34, 0.4) 75%,
					transparent 100%
				  )
				  left 
				  bottom
				  transparent
				  no-repeat;
			}
			.content-row p {
				display:block;
				padding:2px 0 2px 0;
				text-shadow:0 0 4px rgba(0,0,0,.6);
				color:#665f57;
				}
				.content-row p font {
				font-weight: bold;
				display:inline-block;
				text-align:left;
				padding: 0 8px 0 0;
				}
				.content-row ul.numbers-list { 
					padding: 5px 0 0 40px;
					}
				.content-row ul.numbers-list li {
					list-style:disc;
					font-family:Verdana, Geneva, sans-serif;
					font-size:11px;
					font-style:italic;
					color:#736e68;
					text-shadow:0 0 4px rgba(0,0,0,.6);
					}
					.content-row ul.numbers-list li b {font-style:normal;}
	
	
	/* HOW TO */
	
	.how-to-top-info {
		text-align:center;
		padding:0 0 20px 0;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#665f57;
		text-shadow:0 0 5px rgba(0,0,0,.5),0 0 5px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.7);
		}
	
	.howto-row {}
		.howto-row .howto-row-title {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			letter-spacing:0;
			color:#766e64;
			font-weight:bold;
			text-shadow:0 0 5px rgba(0,0,0,.5),0 0 5px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.7);
			background:rgba(255,255,255,.05);
			padding:15px 22px 16px 22px;
			box-shadow:0 0 10px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.02), inset 0 -25px 0 rgba(0,0,0,.1);
			margin:0 0 10px 0;
			border-radius:4px;
			cursor: pointer;
			}
			.howto-row .howto-row-title:hover {
				background:rgba(255,255,255,.06);
				box-shadow:0 0 15px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.02), inset 0 -25px 0 rgba(0,0,0,.1);
				}
		
		.howto-row .howto-row-content {
			font-family:Verdana, Geneva, sans-serif;
			color:#5f5950;
			text-shadow:0 0 5px rgba(0,0,0,.6),0 0 5px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.7);
			padding:5px;
			margin:0 0 5px 0;
			}
			.howto-row .howto-row-content p {
				display:block;
				padding:3px 0 3px 0;
				}
				.howto-row .howto-row-content p a {color:#90877d;}
				.howto-row .howto-row-content p a:hover {color:#f4aa29;}
				
				.howto-row .howto-row-content p span { color:#968c80;}
				
				.howto-row .howto-row-content p b {
					font-size:13px;
					color:#766e64;
					}
				
				.howto-row .howto-row-content p#sub-content {
					padding:3px 0 3px 20px;
					}
					.howto-row .howto-row-content p#sub-content b { font-size:12px;}
					
		.realmlist-file-image {
			width:681px; height:53px;
			background:url(images/misc/realmlist-screanshot.jpg) no-repeat;
			box-shadow:inset 0 0 0 2px #ebc662, inset 0 0 15px rgba(0,0,0,.5);
			margin:5px 0 10px 17px;
			}
				
				
		
	
	
	
	
	
	
	
	
	
	/* BUG REPORTER */
	
	.holder-bugtracker {}
	
		.bug-reports-holder {
			width:257px; height:auto;
			background:rgba(25,25,24,.7);
			float:left;
			margin:0 40px 0 0;
			border-radius:5px;
			box-shadow:0 0 8px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 0 15px rgba(0,0,0,.015);
			text-align:center;
			padding:30px 0 20px 0;
			text-shadow:0 0 5px rgba(0,0,0,1);
			}
			.bug-reports-holder.reports {margin:0 40px 0 43px;}
			
			
				.bug-reports-holder h1 {
					font-family:gautami;
					font-size:92px;
					line-height:124%;
					height:63px;
					margin:0 0 5px 0;
					color:#4b4842;
					top:-10px;
					}
				.bug-reports-holder h3 {
					font-weight:normal;
					text-transform:uppercase;
					font-family:gautami;
					font-weight:bold;
					color:#403d38;
					font-family:'Ropa Sans', sans-serif;
					}
				
			.bug-reports-holder.confirmed {
				background:#1d2716;
				text-shadow:0 0 5px rgba(0,0,0,.4);
				box-shadow:0 0 8px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 0 15px rgba(0,0,0,.015), 
					inset 0 0 15px rgba(0,255,0,.05), inset 0 0 0 1px rgba(0,255,0,.05);
				}
				.bug-reports-holder.confirmed h1 {
					color:#b7b0a2;
					
					}
					.bug-reports-holder.confirmed h3 {
					color:#0a0d09;
					text-shadow:1px 1px 0 rgba(255,255,255,.03);
					}
				
				
		.submit-bug-report {
			display:block;
			float:left;
			width:317px; height:136px;
			border-radius:5px;
			background:rgba(0,0,0,.35);
			box-shadow:inset 0 0 8px rgba(0,0,0,.03), 0 0 8px rgba(0,0,0,.3), inset 0 0 0 1px #000, inset 0 0 0 2px #1f1e1b;
			}
			
			.plus-ico {
				width:36px; height:36px;
				opacity:.4;
				float:left;
				margin: 52px 0 0 45px;
				}
				.plus-ico #partone, .plus-ico #parttwo {position:absolute; }
					.plus-ico #partone { height:36px; width:8px; background:#958e7f; left:50%; margin:0 0 0 -4px;}
					.plus-ico #parttwo { height:8px; width:36px; background:#958e7f; top:50%; margin:-4px 0 0 0;}
					
				.submit-bug-report h1 {
					float:left;
					margin: 54px 0 0 25px;
					display:block;
					color:#958e7f;
					opacity:.4;
					font-family:'Ropa Sans', sans-serif;
					font-size:28px;
					}
					
					.submit-bug-report:hover {}
						.submit-bug-report:hover .plus-ico {opacity:.8;}
						.submit-bug-report:hover h1 {opacity:.8;}
						
			
		
		.bug-tracker-info {
			padding:20px 0 0 0;
			width:910px;
			color:#474643;
			text-align:left;
			text-shadow:0 0 4px rgba(0,0,0,1), 0 1px 0 rgba(0,0,0,1);
			border-top:solid 2px #302f29;
			margin:30px 0 0 0;
			font-size:13px;
			}
			
		.report-title {
			width:915px;
			text-align:left;
			margin: 0 0 20px 0;
			text-shadow:0 0 8px rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,.5);
			}
			.report-title h1 {
				font-family:'Ropa Sans', sans-serif;
				font-size:26px;
				color:#958e7f;
				font-weight: normal;
				text-transform:uppercase;
				}
			.report-title h4 {
				font-weight:normal;
				color:#504e49;
				}
			
			.sub-selects {
				display:inline-block;
				}	
				#sub-cat-select {width:180px;}
				#select-class {width:180px;}
				
			.select-priority {
				padding:0 0 20px 0;
				width:100%;
				}
				.select-priority label { padding:0 20px 0 0;}
				.select-priority label p { color:#a59f97;}
		
		.bugs-submited-by-me {
			text-align:left;
			width:880px;
			padding:15px;
			margin:30px 0 0 0;
			background:rgba(0,0,0,.4);
			box-shadow:inset 0 0 11px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.02);
			border-radius:4px;
			color:#59554d;
			text-shadow:0 0 5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.8);
			}
			.bugs-submited-by-me b { font-size:13px; display:inline-block; padding:0 2px; color:#949088;}
			.bugs-submited-by-me span {color:#3f3c37; font-style:italic; padding:0 0 0 10px;}
			.bugs-submited-by-me a { float:right; text-transform:uppercase; font-size:11px; padding:1px 0 0 0;}
			
		.all-reports-by-me {
			width:910px; height:auto;
			padding:0 0;
			margin:10px 0 0 0;
			background:#181816;
			border-radius:4px;
			box-shadow:0 0 8px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.007), inset 0 0 15px rgba(0,0,0,.015);
			text-align:left;
			border-radius:4px;
			overflow:hidden;
			}
			
			.reports li {display:block; border-bottom: solid 1px rgba(0,0,0,.2); box-shadow:inset 0 1px 0 rgba(255,255,204,.03);}
			.reports li:last-child {border-bottom: none;}
			
				.reports li a {
				display:block;
				width:890px;
				padding:0 10px;
				}
				.reports li a p { display:inline-block; padding:11px 0; text-shadow:0 0 4px rgba(0,0,0,.5);}
				
				.reports li a p.title { width:350px; font-weight:bold; color:#53514e;}
				.reports li a p.main-cat { width:120px; color:#4b4945;}
				.reports li a p.sub-cat { width:190px; color:#4b4945;}
				.reports li a p.prio { font-weight:bolder; color:#5d5952;}
				.reports li a p.status { float:right; font-weight:bold; text-align:right; text-shadow:0 0 5px #000;}
					.reports li a.pending p.status {color:#52504e; opacity:.6;}
					.reports li a.declined p.status {color:#691f0e; opacity:.6;}
					.reports li a.approved p.status {color:#79a026;}

				.reports li a:hover { background:rgba(255,255,255,.015);}
				
				.reports li a.approved { background:rgba(102,255,0,.013);}
				
					.reports li a.approved p.title { color:#7d7972;}
					.reports li a.approved p.status { float:left; width:70px; text-align:left;}
				
				.reports li a.approved:hover {background:rgba(102,255,0,.015); box-shadow:inset 0 1px 0 rgba(255,255,204,.03), inset 0 0 7px rgba(102,255,0,.1);}
				
			/* BUGS SEARCH BAR */
			
			.bugs-search-bar {width:870px; padding:20px 20px 15px 20px; margin:0 0 35px 0; text-align:left;}
				.bugs-search-bar input[type="text"] { width:520px; float:left;}
				#search-category { width:200px; float:left; margin:0 0 0 20px;}
				.bugs-search-bar input[type="submit"] { float:left; margin:1px 0 0 20px; height:30px;}
				
			/* BUG REPORT SEARCH PAGE */
			
			.bug-search-results {}
				.bug-search-results h4 {
					font-size:22px;
					font-weight:normal;
					text-align:left;
					margin:0 0 38px 77px;
					color:#55524d;
					text-shadow:0 0 5px rgba(0,0,0,1), 2px 2px 0 rgba(0,0,0,.3);
					}
				.bug-search-results h4 span { color:#837d71; display:inline-block; padding:0 2px;}
			
			.bug-report-search-results {}
			
				.bug-report-row {
					display:block;
					width:780px;
					height: auto;
					margin:0 auto;
					padding:13px 0 16px 0;
					text-align:left;
					border-bottom:dashed 1px rgba(0,0,0,.4);
					text-shadow:0 0 4px rgba(0,0,0,.7), 2px 2px 0 rgba(0,0,0,.2);
					}
					.bug-report-row li {display:inline-block;}
					
						.bug-report-row li.title { width:46%; font-size:13px; font-weight: bold; color:#91897c; padding:0 0 0 2%;}
						.bug-report-row li.by { width:20%; color:#4e4c48;}
						.bug-report-row li.date { width:20%; color:#4e4c48;}
						.bug-report-row li.status { width:8%; text-align:right; margin:0 0 0 5px; color:#4e4c48;  padding:0 2% 0 0;}
						
						.bug-report-row li.status.approved {color:#79a026;}
						.bug-report-row li.status.pending {color:#52504e; opacity:.6;}
						.bug-report-row li.status.declined {color:#691f0e; opacity:.6;}
						
				.bug-report-row:hover { background:rgba(0,0,0,.1);}
					.bug-report-row:hover li.title { color:#e09933;}
						
				.bug-report-search-results ul:last-child {border-bottom:none;}

				/*-------------------------------------------
MESSAGE SYSTEM
-------------------------------------------*/

	.pm-container input[type="text"] {
		background:rgba(0,0,0,.35);
		border-radius:4px;
		box-shadow:inset 0 0 0 2px rgba(0,0,0,.24), 0 1px 0 rgba(255,255,255,.03);
		}
		.pm-container input[type="text"]:focus {
		color:#bf9a52;
		font-weight: bold;
		}
	
	
	
.logged_in_bar .info .messages { 
	float:left; 
	width:auto; height:26px;
	text-align:left; 
	left:4px;
	background:rgba(0,0,0,.55);
	border-radius:3px;
	box-shadow:0 0 4px #000000 inset, 0 1px 0 rgba(255, 255, 255, 0.05);
	padding:0 8px 0 1px;
	}
	
	.logged_in_bar .info .messages a {
		display:block;
		font-size:13px;
		color:#c0ad8e;
		text-shadow: 0 0 4px #000;
		font-weight:bold;
		margin:5px 0 0 0;
		}
		.logged_in_bar .info .messages a:hover { color:#fff0d7;}
		
	.logged_in_bar .info .messages a span.icon {
		display:block; float:left;
		width:32px; height:24px;
		background-position: -860px -0px;
		top:-2px;
		opacity:.8;
		transition:all 500ms;
		-moz-transition:all 500ms;
		-webkit-transition:all 500ms;
		-o-transition:all 500ms;
		}
		.logged_in_bar .info .messages a:hover span.icon {opacity:1;}

	.pm-menu {
		margin:40px 100px 0 0;
		}
		
		.pm-menu .pm-top-info {
			line-height:100%;
			width:300px;
			text-align:right;
			float:right;
			margin: 12px 20px 0 0;
			text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.8);
			}
			.pm-menu .pm-top-info h1 {
				font-family: guatami;
				text-transform:uppercase;
				font-weight:normal;
				font-size:19px;
				letter-spacing:1px;
				color:#caab6d;
				}
			.pm-menu .pm-top-info h2 i {
				font-size:14px;
				font-weight:normal;
				color:#3e3c36;
				}
		
		.pm-menu .menu {
			display:block;
			float:right;
			}
			.pm-menu .menu #inbox, .pm-menu .menu #sent-items, .pm-menu .menu #write-letters {
			width:auto; height:33px;
			display:inline-block;
			background-image:url(images/misc/misc-navi.jpg);
			background-repeat:repeat-x;
			text-align:center;
			border-radius:4px;
			color:#bf9a52;
			font-family: guatami;
			font-size:14px;
			text-transform:uppercase;
			font-weight:bold;
			letter-spacing:1px;
			padding:9px 0 0 0;
			margin:0 12px 0 0;
			box-shadow:inset 0 0 0 1px rgba(255,255,204,.01), inset 0 1px 0 rgba(255,255,204,.05), 0 0 6px rgba(0,0,0,.8), 0 1px 1px 1px rgba(0,0,0,.3);
			vertical-align: top;
			text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.8);
			}
			
			.pm-menu .menu #inbox:hover, .pm-menu .menu #sent-items:hover, .pm-menu .menu #write-letters:hover {
				background-position:0 -84px;
				box-shadow:inset 0 0 0 1px rgba(255,255,204,.01), inset 0 0 4px rgba(0,0,0,.5), 0 0 6px rgba(0,0,0,.8), 0 1px 1px 1px rgba(0,0,0,.3);
				color:#8b6c31;
				}
			.pm-menu .menu #inbox.active, .pm-menu .menu #sent-items.active, .pm-menu .menu #write-letters.active {
				color:#fed959;
				background-position:0 -42px;
				box-shadow:inset 0 0 0 1px rgba(255,255,204,.015), inset 0 0 3px rgba(255,204,0,.08), inset 0 1px 0 rgba(255,255,204,.09), 
						   inset 0 0 8px rgba(255,204,0,.12), 0 0 6px rgba(0,0,0,.8), 0 1px 1px 1px rgba(0,0,0,.3);
				}
			
			.pm-menu .menu #inbox { width:86px;}
			.pm-menu .menu #sent-items { width:123px;}
			.pm-menu .menu #write-letters {width:42px; height:42px; padding:0;}
				.pm-menu .menu #write-letters div#ico {
					width:32px; height:32px;
					background-image:url(images/misc/write-mesg-ico.png);
					background-repeat:no-repeat;
					position:absolute;
					top:6px; right:5px;
					}
					.pm-menu .menu #write-letters p { display: none;}
				.pm-menu .menu #write-letters:hover div#ico {opacity:.8;}
				.pm-menu .menu #write-letters.active div#ico {background-position:0 -32px;}
	
	
	/* Rankings */

	.rankings-holder { padding-bottom: 10px; }

	.rankings-container {
		margin:10px 0 0 0;
		overflow:hidden;
	}
		
	.rankings-table {
		width:100%; height:55px;
		background: url(images/misc/msg-row-background.png) repeat-y;
		text-shadow: 0 0 6px rgba(0,0,0,.9), 0 1px 1px rgba(0,0,0,.8);
		box-shadow: inset 0 -1px 0 rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03);
		transition: all 300ms;
		text-align: center;
		cursor: default;
	}

	.rankings-table a {
		color: #b19e7a;
	}
	
	.rankings-table tr {
		color: #7a7268;
		font-family: calibri;
		font-size: 16px;
		margin: 13px 0 0 15px;
		box-shadow:inset 0 -1px 0 rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03), inset 0 0 5px rgba(0,0,0,.6), inset 0 0 11px rgba(0,0,0,.12);
		transition: all ease-in-out 300ms;
	}

	.rankings-table tr td {
		height: 40px;
		vertical-align: middle;
		line-height: 40px;
	}

	.rankings-table tr:hover {
		color: #e0a925;
	}

	.rankings-table tr:first-child {
		height: 55px;
		background: none;
		box-shadow: none;
	}

	.rankings-table tr:nth-child(2) {
		box-shadow:inset 0 -1px 0 rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03), inset 0 0 5px rgba(0,0,0,.6), inset 0 0 15px rgba(0, 230, 40, 0.15);
	}

	.rankings-table tr:nth-child(3) {
		box-shadow:inset 0 -1px 0 rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03), inset 0 0 5px rgba(0,0,0,.6), inset 0 0 15px rgba(230, 230, 0, 0.15);
	}

	.rankings-table tr:nth-child(4) {
		box-shadow:inset 0 -1px 0 rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03), inset 0 0 5px rgba(0,0,0,.6), inset 0 0 15px rgba(230, 100, 0, 0.15);
	}

	.rankings-table tr:first-child:hover {
		color: #645e57;
	}

	.rankings-table td:nth-child(2) {
		width: 60px;
	}

	.rankings-table .header {
		font-family: calibrib;
		font-size: 18px;
		color: #645e57;
		margin-bottom: 5px;
	}

	.rankings-table .rankings-table-place {
		font-size: 18px;
		padding-left: 3px;
		width: 30px;
	}

	.rankings-table .rankings-class-image {
		height: 30px;
		width: 30px;
	}

	.rankings-table .ranking-char-name {
		font-family: calibrib;
	}

	/* Row :hover */
	.rankings-table tr:hover { background-color: rgba(255,255,255,.01); }

	.rankings-menu-bg {
		width: auto;
		margin: 10px 10px 10px 10px;
	}

	.rankings-menu {
		list-style: none;
		margin-left: -10px;
	}

	.rankings-menu a {
		color:#a47927;
		display:inline-block;
		padding-left: 3px;
		padding-right: 3px;
		text-align: center;
		text-shadow: 0 0 3px #000, 0 0 2px #000;
	}

	.rankings-menu a:hover, .rankings-menu .active, .rankings-table .ranking-char-name a:hover { color:#eeb041; }

	.rankings-lastupdated li { padding: 10px 10px 0 10px;}
	.rankings-lastupdated li span { display:block; color:#3c3a33; font-weight: bold; text-shadow:0 0 4px rgba(0,0,0,1); transition: all ease-in-out 300ms;}
	.rankings-lastupdated li span:hover { color:#af8323; cursor: default; }
	
	/* CONVERSATION */

	button.btn {
		display:inline-block;
		padding:8px 22px 0 22px;
		border-radius:4px;
		background-image:url(images/misc/button-simple-bg.png);
		background-repeat:repeat-x;
		transition:all 400ms;
		-moz-transition:all 400ms;
		-webkit-transition:all 400ms;
		-o-transition:all 400ms;
		box-shadow:inset 0 0 0 1px rgba(255,255,190,.01), inset 0 1px 0 rgba(255,255,255,.05),0 0 9px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.8);
		text-shadow:0 1px 1px rgba(0,0,0,.4);
		font-family: guatami;
		text-transform: uppercase;
		color:#676359;
		border: none;
	}
	button.btn:hover { background-position:0 -30px; color:#c6980c;}
	
		.conversation {
			box-shadow: 0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px #403622, inset 0 0 8px rgba(0,0,0,.4);
			}
			
		.conv-answer {
			box-shadow: 0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03), inset 0 0 8px rgba(0,0,0,.4);
			}
	
		.conversation .message-row:hover, .conv-answer .message-row:hover { background-color:transparent;}
		.conversation .message-row:last-child, .conv-answer .message-row:last-child {box-shadow:inset 0 -1px 0 rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03);}
		
		.conversation .message-text, .conv-answer .message-text {
			text-align:left;
			padding:10px;
			line-height:150%;
			font-size:14px;
			color:#605a53;
			text-shadow:0 0 5px rgba(0,0,0,.4);
			}
			
		.conv-answer .message-row li.answer {
			float:right;
			margin:16px 20px 0 0;
			}
			.conv-answer .message-row li.answer p {
			color:#bf9a52;
			font-family: guatami;
			font-size:16px;
			display:inline-block;
			}
			.conv-answer .message-row li.answer span {
			color:#3e3c36;
			font-size:13px;
			margin:0 0 0 5px;
			}
			
	.pmc-reply {
		width:843px; height:auto;
		margin:20px 0 0 0;
		padding:15px 0 0 0;
		box-shadow:0 -2px 0 rgba(0,0,0,.2);
		text-align:right;
		}
		a.reply-btn {
			display:inline-block;
			padding:8px 22px 0 22px;
			height:28px;
			border-radius:4px;
			background-image:url(images/misc/button-simple-bg.png);
			background-repeat:repeat-x;
			transition:all 400ms;
			-moz-transition:all 400ms;
			-webkit-transition:all 400ms;
			-o-transition:all 400ms;
			box-shadow:inset 0 0 0 1px rgba(255,255,190,.01), inset 0 1px 0 rgba(255,255,255,.05),0 0 9px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.8);
			text-shadow:0 1px 1px rgba(0,0,0,.4);
			font-family: guatami;
			text-transform: uppercase;
			color:#676359;
			}
			a.reply-btn:hover { background-position:0 -36px; color:#c6980c;}
			
			
	.send-msg-cont {
		width:817px;
		padding:13px 13px 13px 13px;
		}
		
		.top-label {
			text-align:left;
			margin:15px 0 15px 15px;
			}
			.top-label label { display:block; margin:0 0 6px 0;}
		
	
	.terms-of-usage {
		padding: 0 0 10px 0;
		}
		
		.terms-of-usage h1 {
			color: #918979;
			font-family: 'Ropa Sans',sans-serif;
			font-size: 22px;
			letter-spacing: 1px;
			text-shadow: 0 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.2);
			text-transform: uppercase;
			text-align:left;
			margin:0 0 8px 12px;
			padding:10px 0 0 0;
			}
			
		#terms-container { 
			width: 620px;
			clear: both;
			background:rgba(0,0,0,.4);
			border-radius:4px;
			box-shadow:inset 0 0 8px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.05);
			overflow:hidden;
			}
			#terms-container .viewport {
				width: 600px; 
				height: 700px;
				overflow: hidden;
				position: relative;
				float:left;
				
				}
				#terms-container .overview { 
				position: absolute; left: 0; top: 0;
				text-align:left;
				padding:5px;
				color:#6c6c6c;
				}
		
		.terms-shadow {
			width:700px; height:34px;
			background:url(images/misc/terms-shadow.png) repeat-x;
			position:absolute;
			bottom:0px; left:0;
			z-index:1;
			}
			
		#terms-container .scrollbar, #changelogs .scrollbar {
			position: relative; 
			float:right; width:10px;
			left:-2px;
			z-index:2;
			}
			#terms-container .track, #changelogs .track {
				background:rgba(0,0,0,.4);
				height:100%;
				width:10px;
				position:relative;
				padding:0 1px;
				}
			#terms-container .thumb, #changelogs .thumb {
				background: #191816; 
				width:8px;
				border-radius:3px;
				cursor:pointer;
				box-shadow:inset 0 2px 0 #0a0908, inset 0 -2px 0 #0a0908;
				}
			
			#terms-container .disable{ display: none; }
			
			
		.terms-of-usage input.agree {
			background:rgba(0,255,0,.05);
			box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 5px rgba(0,0,0,.6);
			color: #918979;
			text-shadow: 0 2px 1px rgba(0,0,0,.4);
			margin:0 0 22px 0;
			}
			.terms-of-usage input.agree:hover {background:rgba(0,255,0,.07);}
			
			.terms-of-usage a.dissagree {
				display:inline-block;
				background:rgba(255,255,153,.03);
				color:#000;
				font-weight:bold;
				padding:9px 9px;
				border-radius:4px;
				box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 0 5px rgba(0,0,0,.5);
				margin:10px 0 22px 6px;
				text-shadow:1px 1px 0 rgba(255,255,255,.02);
				font-family: 'Ropa Sans', sans-serif;
				}
				.terms-of-usage a.dissagree:hover {background:rgba(255,255,153,.04);}
				
				#terms-container .overview {}
					#terms-container .overview h3, .terms-of-use h3 { color:#a68a5e; margin:20px 0 5px 0;}
					#terms-container .overview p, .terms-of-use p { color:#938a7d;}
		
		.terms-of-use {
			padding-top:10px;
			}

				/* TELEPORTER 
	---------------------------------------------------------*/
	
		.tele-back-btn {
			position:absolute;
			z-index:9999;
			width:47px; height:33px;
			top:15px; right:15px;
			}
			.tele-back-btn a {
			display:block;
			width:47px; height:33px;
			background-position:-1px -91px;
			border-radius:3px;
			box-shadow:0 0 5px rgba(0,0,0,1);
			}
			.tele-back-btn a:hover {background-position:-49px -91px;}
	
	.map {}
	.padding-tele { padding:0; padding:12px 0 12px 0 !important;}
	
	.step-two a, .open-northrend, .open-continentofmu, .open-eastern-kingdoms, .open-continentofmu
	{background-image:url(images/misc/map.png); background-repeat: no-repeat; background-color:transparent;}
	
	.map .map-holder {
		width:820px; height:640px;
		background:url(images/misc/teleporter-map-1.jpg) no-repeat top, url(images/misc/teleporter-map-2.jpg) no-repeat bottom;
		border-radius:4px;
		box-shadow:0 0 15px #000;
		}
		.map-holder .TP_loading_cont {
			width:820px;
			padding-top:300px;
			}
			.map-holder .TP_loading_cont #TP_loading {
			display: none;
			}
	
		.step-two {}
				
		.step-two a.continentofmu {
			display: block;
			width: 515px;
			height: 440px;
			background-position: 0 0;
			position: absolute;
			top: 120px;
			left: 150px;
			}
			.step-two a.continentofmu:hover { background-position:-515px 0;}
		
		/* OPEN maps 
		---------------------------------------------------------*/
		.open-map-holder {
			}
			.open-map-holder .map-title, .open-territory .map-title {
				position:absolute;
				top:30px; left:35px;
				z-index:8;
				}
				.open-map-holder .map-title p, .open-territory .map-title p {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:22px;
				color:#bdb096;
				text-shadow:0 0 10px #000;
				}
				.open-map-holder .map-title span, .open-territory .map-title span {
				color:#6b665d;
				text-shadow:0 0 10px #000;
				font-style:italic;
				}
				
			.open-continentofmu {
				width: 515px;
				height: 440px;
				background-position: 0 -440px;

				position: absolute;
				top: 120px;
				left: 150px;
				}

	/* MAP Canvas */
	
		.open-continentofmu canvas { 
			position:absolute;
			opacity:.04;
			}
			.open-continentofmu canvas:hover {opacity:.08;}
		
			.open-continentofmu .canv-holder { width:515px; height:440px; position:absolute; top:16px; left:16px;}
	
		#ashenvaley { top:158px; left:135px;}
		#azshara { top:144px; left:256px;}
		#azuremyst { top:105px; left:8px;}
		#barrens { top:218px; left:187px;}
		#bloodmysle { top:61px; left:0;}
		#darkshore { top:64px; left:139px;}
		#desolace { top:252px; left:92px;}
		#durotar { top:206px; left:255px;}
		#dustwallow-marsh { top:315px; left:227px;}
		#felwood { top:91px; left:170px;}
		#feralas { top:318px; left:78px;}
		#moonglore { top:51px; left:214px; z-index:99;}
		#mulgore { top:270px; left:151px;}
		#silithus { top:400px; left:96px;}
		#stonetalon { top:186px; left:98px;}
		#tanaris { top:403px; left:207px;}
		#teldrassil { top:0; left:99px;}
		#thousand-needles { top:359px; left:182px;}
		#ungoro { top:401px; left:166px;}
		#winterspring { top:54px; left:218px;}
		
		#crystalsong { top:109px; left:199px;}
		#stormpeaks { top:0; left:216px;}
		#zuldrak { top:74px; left:270px;}
		#grizzlyhills { top:135px; left:281px;}
		#howlingfjord { top:185px; left:315px;}
		#borean-tundra { top:160px; left:0;}
		#dragonblight { top:142px; left:148px;}
		#icecrown { top:29px; left:84px;}
		#sholazar-basin { top:92px; left:51px;}
		#wintersgrap { top:130px; left:121px;}
		
		#queldanas { top:0; left:159px;}
		#alterac_mountains { top:217px; left:56px;}
		#arathi_highlands { top:261px; left:104px;}
		#badlands { top:403px; left:117px;}
		#blasted_lands { top:510px; left:118px;}
		#burning_steps { top:428px; left:71px;}
		#deadwind_pass { top:499px; left:103px;}
		#dun_morough { top:350px; left:18px;}
		#duskwood { top:495px; left:51px;}
		#eastern_plaguelands { top:164px; left:122px;}
		#elwynn_forest { top:446px; left:35px;}
		#eversong_woods { top:57px; left:142px;}
		#ghostlands { top:112px; left:147px;}
		#hillsbrad_foothills { top:247px; left:47px;}
		#loch_modan { top:360px; left:124px;}
		#redridge_mountains { top:459px; left:109px;}
		#searing_gourge { top:401px; left:74px;}
		#silverpine_forest { top:213px; left:16px;}
		#stranglethorn_valley { top:525px; left:45px;}
		#swamps_of_sorrow { top:489px; left:123px;}
		#the_hinterlands { top:221px; left:103px;}
		#tirisfal_glades { top:167px; left:0;}
		#western_plaguelands { top:162px; left:88px;}
		#westfall { top:484px; left:15px;}
		#wetlands { top:310px; left:86px;}
		
		
		/* Open teleport */
		
		.open-territory {
			background-repeat: no-repeat;
			background-size: 100%;
			width:816px; height:545px;
			top:2px; left:0px;
			opacity: 1;
			}
			.open-territory .map-title {
				position:absolute;
				top:30px; left:35px;
				z-index:8;
				}
				.open-territory .map-title p {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:22px;
				color: #e9e0cf;
				text-shadow:0 0 10px #000, 0 1px 2px rgba(0,0,0,1), 0 0 14px rgba(0,0,0,1), 0 0 4px rgba(0,0,0,.5), 0 0 9px rgba(0,0,0,.5);
				}
				.open-territory .map-title span {
				color: #b9b6ae;
				text-shadow:0 0 10px #000;
				font-style:italic;
				font-weight:bold;
				text-shadow:0 0 10px #000, 0 1px 2px rgba(0,0,0,1), 0 0 14px rgba(0,0,0,1), 0 0 4px rgba(0,0,0,.5), 0 0 9px rgba(0,0,0,.5);
				}
		
		.open-territory-overlay {
			z-index:9; 
			position:absolute; 
			width:817px; height:668px;
			top:2px; left:2px;
			border-radius:5px;
			background:rgba(0,0,0,.4);
			}
		
		.opan-territory-holder { position:absolute; z-index:10;}
		.opan-territory-holder canvas { top:0; left:0;}
		
		a.teleport-point {
			position: absolute;
			z-index: 50;
			display:block;
			width:11px; height:11px;
			background:#bfb6a8;
			border-radius:8px;
			box-shadow:0 0 6px 1px rgba(0,0,0,1), 0 0 0 1px rgba(36,14,7,.6), inset 0 0 0 1px rgba(255,255,255,.4);
			text-indent:-10000px;
			}
			a.teleport-point:hover { background:#f4c479;}
			a.teleport-point.active { background: #0F0;}
			
		.territory-name-info {
			width:300px;
			position:absolute;
			bottom:-40px;
			text-shadow:0 0 10px rgba(0,0,0,1), 1px 2px 3px rgba(0,0,0,.8);
			}
			
			.territory-name-info h1 { font-family: "Times New Roman", Times, serif; font-weight: normal; letter-spacing:1px; color:#bfb6a8;}
			.territory-name-info p { color:#867f75; font-weight: bold; font-size:13px;}
			
	/* Teleporter Tooltips */
	#TpTooltip {}
		#TpTooltip .tp-tooltip-inner {
			background:#918979;
			border-radius:3px;
			height:26px;
			padding:0 10px;
			box-shadow:0 0 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1);
			}
			#TpTooltip .tp-tooltip-inner #arrow {
				position:absolute;
				top:9px; left:-4px;
				width:4px; height:7px;
				background-position: -69px -9px;
				}
			#TpTooltip .tp-tooltip-inner p {
				padding:5px 0 0 0;
				color:#eedfb6;
				font-weight:bold;
				text-shadow:0 1px 1px rgba(0,0,0,.4), 0 0 4px rgba(0,0,0,.4);
				letter-spacing:1px;
				}
				
	.complete-tele-form {
		border-radius:5px;
		padding:8px 8px 0 8px;
		}
		
		.active-tele-form {
		}
	
		/* Teleporter cooldown */
		.cooldown-window {
			position:absolute;
			width:818px; height:669px;
			top:1px; left:1px;
			background:rgba(0,0,0,.85);
			box-shadow:inset 0 0 35px 10px #000;
			border-radius:5px;
			z-index:9999999999;
			}
			#text-holder {
				position:absolute;
				top:50%; left:50%;
				margin:-100px 0 0 -125px;
				width:250px; height:160px;
				}
				#text-holder span {
					display:block;
					font-family: 'Ropa Sans', sans-serif;
					margin:0 0 -20px 0;
					font-size:18px;
					color:#5b5040;
					text-shadow:0 0 15px #000, 0 0 25px #000, 0 0 35px #000;
					}
				#text-holder h5 {
					font-size:125px;
					font-weight:bold;
					color:#9a876a;
					text-shadow:0 0 15px #000, 0 0 25px #000, 0 0 35px #000;
					display:block;
					}
					#text-holder h5 span { top:-8px; display:inline-block;font-size:125px;color:#9a876a;}
				#text-holder p {
					display:block;
					font-family: 'Ropa Sans', sans-serif;
					width:220px;
					margin:-20px  0 0 0;
					color:#524b3f;
					text-shadow:0 0 15px #000, 0 0 25px #000, 0 0 35px #000;
					}

hr {
	width: 100%;
	border: none;
    left: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient( to right, transparent 0%, rgba(214, 161, 70, 0.4) 25%, rgba(106, 74, 34, 0.4) 75%, transparent 100% ) left bottom transparent no-repeat;
}

.hide { display: none; } .show { display: block; }
.pull-left{float: left;} .pull-right{float: right;}

.professional { 
	width: 100%;
	height: 600px;
}

.professional .professional-con{width: 100%;margin-top: 68px; font-size: 22px;}
.professional .professional-con .professional-wrapper{  width: 100%; }
.professional .professional-con .professional-wrapper .role-nav{width: 959px;height: 95px;
	background: url("images/guide/zygc-tab.png") no-repeat;position: relative;top:-38px;z-index: 10;margin: 0 auto;}
.professional .professional-con .professional-wrapper .role-nav li{
	font-family: guatami;
	font-weight: normal;
	font-size: 22px;
	position: relative;
	width: 155px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	float: left;
	color: #8e6b3e;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}
.professional .professional-con .professional-wrapper .role-nav li:hover {
	color: #edc98c;
}
.professional .professional-con .professional-wrapper .role-nav li:nth-child(4):after{background: none;}
.professional .professional-con .professional-wrapper .role-nav li.curr {
	font-family: guatami;
    font-weight: normal;
    font-size: 22px;
    color: #edc98c;
    text-shadow: 0 0 8px rgba(0,0,0,1), 0 1px 2px rgba(0,0,0,1);
    height: 22px;
	padding: 0;
}
.professional .professional-con .professional-wrapper .role-nav li span {
	width: 100%;
    height: 22px;
    background: url(images/misc/page-title-effect.png) no-repeat;
    position: absolute;
    top: 28px;
    right: 0;
}
.professional .professional-con .professional-wrapper .role-nav li.curr:after{width: 23px;height: 23px; position: absolute; top: -1px; left:60px;  z-index: 1;  display: block;background: url("images/guide/zygc-tab-point.png") no-repeat; content: '';}
.professional .professional-con .professional-wrapper .role-nav li:last-child.curr:after{background: none;}

.professional .professional-con .professional-wrapper .role-con{width: 100%;margin-top: 24px;position: relative;}
.professional .professional-con .professional-wrapper .role-con .role{position: relative;}
.professional .professional-con .professional-wrapper .role-con .role .role-person{
	position: relative;
	top: -200px;
	left: 0;
	margin-left: -25px;
	z-index: 9;
	height: 600px;
}
.professional .professional-con .professional-wrapper .role-con .gjs .role-person{margin-left: 58px;}
.professional .professional-con .professional-wrapper .role-con .role .role-details{position: absolute;top:60px;width: 100%;height: 348px;}
.professional .professional-con .professional-wrapper .role-con .role .role-details div:nth-child(1){margin-top: 50px;margin-left: 20px;}
.professional .professional-con .professional-wrapper .role-con .role .role-details div:nth-child(2){margin-top: 58px;margin-right: 20px;}
.professional .professional-con .professional-wrapper .role-con .jians .role-details{background: url("images/guide/js-role-bg.png") no-repeat;background-size: 100% 100%;}
.professional .professional-con .professional-wrapper .role-con .mfs .role-details{background: url("images/guide/fs-role-bg.png") no-repeat;background-size: 100% 100%;}
.professional .professional-con .professional-wrapper .role-con .gjs .role-details{background: url("images/guide/gjs-role-bg.png") no-repeat;background-size: 100% 100%;}
.professional .professional-con .professional-wrapper .role-con .sjm .role-details{background: url("images/guide/sjm-role-bg.png") no-repeat;background-size: 100% 100%;}
.professional .professional-con .professional-wrapper .role-con .dls .role-details{background: url("images/guide/dll-role-bg.png") no-repeat;background-size: 100% 100%;}
.professional .professional-con .professional-wrapper .role-con .mg  .role-details{background: url("images/guide/mg-role-bg.png") no-repeat;background-size: 100% 100%;}
.professional .professional-con .professional-wrapper .role-con .role .toview{z-index: 10;width:183px;height: 46px;background: url("images/guide/toview.png") no-repeat;position: absolute;top: 325px;left: 32px;}
.professional .professional-con .professional-wrapper .role-con .role .toview:hover{background: url("images/guide/toview-active.png") no-repeat;}







/*! CSS Used from: http://localhost:8080/Avalon/templates/Avalon/css/default.css */
*{padding:0;margin:0;position:relative;outline:none;list-style:none;outline:none;}
.sub_header{height:40px;}
.sub_header{width:100%;height:40px;}
.sub_header h1{width:auto;font-family:calibrib;float:left;font-size:15px;color:#9a7427;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);margin:11px 0 0 12px;}
.sub_header h2{float:right;font-family:calibrib;color:#444239;text-shadow:0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.6);text-transform:uppercase;font-size:11px;margin:14px 13px 0 0;}
::-webkit-scrollbar{width:6px!important;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(100,100,100,0.3);-webkit-box-shadow:inset 0 0 6px rgba(100,100,100,0.3);}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(150,150,150,0.3);-webkit-box-shadow:inset 0 0 6px rgba(150,150,150,0.3);}

.information {
	padding-left:15px;
    width: 299px;
    height: auto;
    min-height: 300px;
    background: url(images/event_timers_bg.png) no-repeat top, url(images/texture_light_1.gif) repeat;
    box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
    border-radius: 5px;
    float: left;
    overflow: hidden;
    cursor: default;
}

.classimg a{ padding-left:15px;}


.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 10px;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
	margin-left:10px;
	margin-bottom:10px;
box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	background-color:#7d5d3b;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;

}
.rankings_menu a:hover {
	background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
	background-color:#634b30;
}
.rankings_menu a:active {
	position:relative;
	top:1px;
}


.paypal-gateway-container{width:100%;background:#1a2133;border:1px solid #2e374f;}
.paypal-gateway-logo{width:100%;height:68px;background:#fff9ec url('../img/paypal-logo-200-68.png') no-repeat top center;margin-bottom:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.paypal-gateway-content{margin:10px;background:#fef2da;border:2px solid #f79433;padding:10px;overflow:auto;}
.paypal-gateway-form{width:100%;margin:0px auto;text-align:center;}
.paypal-gateway-form div{display:inline-block;padding:0px 10px;color:#000;font-size:18px;}
.paypal-gateway-form input[type=text]{width:40px; color:#FFF;}
.paypal-gateway-continue{margin:0px auto;text-align:center;}
.paypal-gateway-continue input[type=submit]{background:url('../img/paypal-submit.jpg') no-repeat;width:200px;height:40px;border:0px;}
.paypal-gateway-continue input[type=submit]:hover{background:url('../img/paypal-submit.jpg') no-repeat;width:200px;height:40px;border:0px;}



.page-title{display:block;height:39px;margin:21px 0 20px 20px; font-size:24px; color:#FAD7A0}







.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control::-moz-placeholder{color:#999;opacity:1;}
.form-control:-ms-input-placeholder{color:#999;}
.form-control::-webkit-input-placeholder{color:#999;}
.form-control::-ms-expand{background-color:transparent;border:0;}
.input-group{position:relative;display:table;border-collapse:separate;}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;}
.input-group .form-control:focus{z-index:3;}
.input-group .form-control,.input-group-addon{display:table-cell;}
.input-group-addon{width:1%;white-space:nowrap;vertical-align:middle;}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;}
.input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
.input-group-addon:first-child{border-right:0;}
.input-group .form-control:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}


.wcbuy { color:#FAD7A0; font-size:20px; font-weight:bold;}



.table-dark a { color:#FFF; text-align:center;}


.historyxd { color:#FFF; text-align:center; font-size:15px; font-weight:normal; font-style:italic;}


table{background-color:transparent;}
th{text-align:left;}
.table{width:100%;max-width:100%;margin-bottom:20px;}
.table>tbody>tr>th,.table>tbody>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd;}
.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn:focus,.btn:active:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:hover,.btn:focus{color:#333;text-decoration:none;}
.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c;}
.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625;}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439;}
.btn-success:active{color:#fff;background-color:#449d44;border-color:#398439;}
.btn-success:active:hover,.btn-success:active:focus{color:#fff;background-color:#398439;border-color:#255625;}
.btn-success:active{background-image:none;}
.container:before,.container:after,.row:before,.row:after{content:" ";display:table;}
.container:after,.row:after{clear:both;}
/*! CSS Used from: https://www.mulgd.com/assets/css/main-site.css?v=s14ep2 */
.divisor{background:#1c1c1c;height:1px;margin-top:10px;margin-bottom:10px;}
.downloads{background:#111;padding-bottom:15px;}
.downloads h1{color:#c69a6b;font-size:20px;text-transform:uppercase;}
.downloads h2{font-size:15px;color:#9999b4;height:50px;margin:0;}
.downloads table{text-align:center;}
.downloads .downloadButton{display:block;width:290px;height:51px;padding:10px 0 0 0;font-family:'Roboto', sans-serif;font-size:21px;color:#f6e5e2;text-align:center;background:url('https://www.mulgd.com/assets/img/download_btn_bg.jpg') no-repeat;margin:auto;}
.downloads .full{-webkit-filter:hue-rotate(-239deg);filter:hue-rotate(-239deg);}
.downloads .drivers img{float:left;}
.downloads .drivers p{color:#fff;margin-left:34%;}
.downloads .drivers a{margin-left:10px;}
.downloads .utils img{float:left;}
.downloads .utils p{color:#fff;margin-left:34%;}
.downloads .utils a{margin-left:10px;}
.table-header{padding:0 15px;color:#F3E6D0;text-transform:uppercase;line-height:2.5!important;background:#300a00 url("https://www.mulgd.com/assets/img/table-header.png") 0 100% repeat-x;border-left:1px solid #582c19;border-right:1px solid #390b00;border-bottom:1px solid #68381f;text-align:center;border-top:1px solid #62351f;}
tr{padding:15px;border-bottom:1px solid #28241d;color:#a99877;background-color:#171614;opacity:0.9;}
tr:nth-child(odd){background-color:#000000;opacity:0.8;}
.table>tbody>tr>td,.table>tbody>tr>th{padding:8px;line-height:1.5;vertical-align:middle;border-top:0;}
/*! CSS Used fontfaces */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}





.onlines { margin-top:180px;}
online{background-color:#000;color:#fff;padding-top:50px;font-weight:bold;font-size:40px;position:relative;padding:5px;border-radius:5px;box-shadow:2px 2px #1f1f1f; margin-top:250px;}
online span{color:#28B463;text-shadow:1px 1px 1px #000;}