@font-face {
    font-family: 'Arno';
    src: url('../Fonts/arno-webfont-webfont.eot');
    src: url('../Fonts/arno-webfont-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/arno-webfont-webfont.woff') format('woff'),
         url('../Fonts/arno-webfont-webfont.ttf') format('truetype'),
         url('../Fonts/arno-webfont-webfont.svg#arno_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {padding:0;margin:0;}

html {background:#200e0e url("../img/ui/bg.jpg") no-repeat center 0px;}

body {
	text-align:center;
	color:#4b5c63;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor: url(../img/icons/cursor.png), auto;
}
	:link, input {
		cursor:url(../img/icons/cursor.png), auto !important;
	}
	
	:link, .btn, a {
		cursor:url(../img/icons/cursor_click.png), auto !important;
	}
	
	
	/*.left {float:left;}*/
	.menu_user li {display:inline-block;}
	
	.right {float:right;}
	
	li {list-style-type:none;}
	
	.clear {clear:both}
	
	.clearfix {clear:both; height:1px;}
	
	hr.hr {display:none;}
	
	a {text-decoration:none; color:#7e4d23}
	
		/*a:hover {color:#FFF;}*/
	
		a:focus {outline:none;}
		
		a img {border:none;}

/*---------------------------------------------------*/
/* Fonts --------------------------------------------*/
/*
@font-face {
	font-family: Arno;
	src: url("/fonts/arno-webfont.eot") 
}

@font-face {
	font-family: Arno;
	src: url("/fonts/arno-webfont.ttf")
}
		*/  
/*---------------------------------------------------*/
/* Header -------------------------------------------*/

#header {
	background:url("../img/header.png") no-repeat center top;
	
	text-align:center;
}

	#header .w960 {height:141px;position:relative;}
	
		#header #logo, #header .navbar {float:left;text-align:center;}
		
	  /*---------------------------------------------*/
  	/* SMT2 Logo ----------------------------------*/
		
		#header #logo {width:322px;height:141px;}
	
		/*---------------------------------------------*/
		/* Navbar -------------------------------------*/
		.navbar ul li, .navbar ul li a
		{
		    font-family:Arno !important;
            -webkit-animation-duration: 0.1s;
            -webkit-animation-name: fontfix;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-timing-function: linear;
            -webkit-animation-delay: 0.1s;
		}

		#header .navbar {width:319px;font-family:Arno !important;position:relative;z-index:1337;}
		
		#navright {right:10px;}
		#navleft {left:10px;}
		
			.navbar ul {list-style:none;text-align:center;padding-top:20px;}
			
				.navbar ul li, .navbar ul li a {text-align:center;display:inline-block;height:50px;line-height:50px;}
				
					.navbar ul li {padding:0 5px;}
					
					.navbar ul li.noborder {background:none;}
				
					.navbar ul li a {
						color:#d9765f;
						font-size:14px;
						opacity:0.7;
						background:url("../img/ui/navbar.png") no-repeat -1000px 0;
						text-transform:uppercase;
					}
					
						.navbar ul li a.s1 {width:73px;}
						.navbar ul li a.s2 {width:78px;}
						.navbar ul li a.s3 {width:105px;}
						
						.navbar ul li a.s1:hover {background-position:0px 0px;}
						.navbar ul li a.s2:hover {background-position:-73px 0px;}
						.navbar ul li a.s3:hover {background-position:-151px 0px;}
						
						.navbar ul li a.s1:active, .navbar ul li a.s1.current {background-position:0px -49px;}
						.navbar ul li a.s2:active, .navbar ul li a.s2.current{background-position:-73px -49px;}
						.navbar ul li a.s3:active, .navbar ul li a.s3.current {background-position:-151px -49px;}
						
						.navbar ul li a:hover {color:#FC9;}
						.navbar ul li a:active, .navbar ul li a.current {color:#FFF;}
		
/*---------------------------------------------------*/
/* Main ---------------------------------------------*/

#main {
	background:url("../img/ui/main.png") repeat-y top center;
	text-align:left;
	overflow:auto;
	min-height:400px;
}

#isleft li {
    display: inline-block;
    margin: 0 14px 20px;
    padding: 7px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.1) inset;
	background: #e4efc0; /* Old browsers */
background: -moz-linear-gradient(45deg,  #e4efc0 0%, #abbd73 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #e4efc0 0%,#abbd73 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #e4efc0 0%,#abbd73 100%); /* IE10+ */
background: linear-gradient(45deg,  #e4efc0 0%,#abbd73 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius:5px;
}

	.w960, .m960 {width:960px;margin:0 auto;text-align:left;}
	
	.w962 {width:962px;margin:0 auto;text-align:left;}
	
	.w940 {width:940px;margin:0 auto;text-align:left;}
	
		.sidebar {width:222px;margin:0 8px;}
		
		#content, .sidebar {float:left;min-height:400px;margin-top:8px;}
	
		/*-----------------------------------------------*/
		/* UI Classes -----------------------------------*/
		
		#content .boxui {width:100%;background-image:url("../img/ui/content.ui.png");}
		
		.sidebar .boxui {width:222px;background-image:url("../img/ui/sidebar.ui.png");}

		.box-title {
			background-position:top left;
			height:53px;
			line-height:49px;
			text-transform:uppercase;
			text-indent:15px;
		}
		
		.box-top {background-position:0 -53px;height:6px;}
		
		.box-end {background-position:bottom left;height:6px;margin-bottom:10px !important;}
		
		.box-con {background-position:top right;background-repeat:repeat-y;min-height:50px;}
		
		.box-con p span {padding-right:6px;}
		.box-con p.info {color:#6189ae;}
		
			.box-title h1, .box-title h2, .box-title h3, .box-title h4 {font-size:12px;font-weight:bold;}
			.sidebar .box-title {color:#af0000;}
			#content .box-title {color:#0077af;}
			
	/*-----------------------------------------------*/
	/* Icon-Link ------------------------------------*/
	
	.ilink {
		color:#a09161;
		font-size:10px;
		background:url("../img/icons/ilink.png") no-repeat center left;
		text-transform:uppercase;
		display:inline-block;
		text-indent:16px;
		height:25px;
		line-height:25px;
		opacity:0.7;
	}
		.sidebar .ilink {margin-left:12px;}
		
			.ilink:hover {text-decoration:underline;}
		
			.ilink:active {color:#5a4f2e;}
			
	.nlink {
		color:#a09161;
		font-size:10px;
		background:url("../img/icons/ilink.png") no-repeat center left;
		text-indent:16px;
	}
		
	.nlink:hover {text-decoration:underline;}
		
	.nlink:active {color:#5a4f2e;}
			
	/*-----------------------------------------------*/
	/* Box-title icons ------------------------------*/
			
	.box-title .title-icon {
		display:inline-block;
		float:left;
		height:17px;
		width:30px;
		background:url("../img/icons/box.title.icons.png");
		margin:16px -10px 0 12px;
	}
	
		.sidebar .box-title .title-icon {background-position:-180px 0}
		#content .box-title .title-icon {background-position:-210px 0}
	
		.icon-user {background-position:0 0 !important;}
		.icon-ranking {background-position:-30px 0 !important;} 
		.icon-status {background-position:-60px 0 !important;} 
		.icon-vid {background-position:-90px 0 !important;} 
		.icon-ranking2 {background-position:-120px 0 !important;} 
		.icon-fb {background-position:-150px 0 !important;} 
		.icon-arrow {background-position:-180px 0 !important;} 
		.icon-arrowb {background-position:-210px 0 !important;} 
		.icon-ss {background-position:-240px 0 !important;} 
		.icon-post {background-position:-270px 0 !important;} 
				
/*---------------------------------------------------*/
/* Content ------------------------------------------*/

#content {width:482px;}

	#content .wrap 
	{
	    padding:0 14px;
	    line-height:17px;
	}
	
	#content .sep {
			background:url("../img/ui/sidebar.sep.png");
			height:1px;
			width:454px;
			clear:both;
			margin:10px auto 6px;				
	}		
	#content .sepnews {
			background:url("../img/ui/sidebar.sep.png");
			height:1px;
			width:454px;
			clear:both;
			margin:5px auto 6px;				
	}	
	
	#content p {line-height:22px;padding:8px 0 0;}
	
	#content .meta {float:right;font-size:10px;color:#b4a288;line-height:22px;}
				
		#content p a:hover {text-decoration:underline;}
					
		#content p a:active {color:#039;}
		
	/*-----------------------------------------------*/
	/* Screenshots ----------------------------------*/
			
	.screenshots {text-align:center;padding:15px 0 5px;}
	
		.screenshots a img {
			background:url("../img/ui/screenshot.border.png") no-repeat top center;
			height:75px;
			width:100;
			padding:1px;
			margin:0 3px;
			opacity:0.7;
		}
		
		.screenshots a:active img {background-position:bottom center;}

	.events {text-align:center;padding:10px 0 5px;}
	
		.events a img {
			background:url("../img/ui/screenshot.border.png") no-repeat top center;
			height:130px;
			width:130px;
			padding:1px;
			margin:0 3px;
			opacity:0.7;
		}
		.events a img:hover
		{
			opacity:1 !important;
		}
		
		.events a:active img {background-position:bottom center;}
		
		.server_schedule
		{
		    padding:10px 0 5px;
			position:relative;
		}	
		.server_schedule a
		{
			position:relative;
			width:100%;
		}	
		.server_schedule a img {
			height:auto;
			width:100%;
			padding:1px;
			margin-bottom:5px;
			position:relative;
		}
		.server_schedule a div {
			position:absolute;
			left: 177px;
            top: -29px;
			z-index:10;
			color:#FFFFFF;
		}
		.server_schedule a div span {
			float: left;
            margin-right: 8px;
            width: 21px;
            font-size: 16px;
            font-weight: bold;
		}
		
		.server_schedule_unit
		{
		    padding:10px 0 5px;
			position:relative;
		}

		.server_schedule_unit img {
			height:auto;
			width:100%;
			padding:1px;
			margin-bottom:5px;
			position:relative;
		}
		.server_schedule_unit div {
			position:absolute;
			left: 167px;
            top: 134px;
			z-index:10;
			color:#FFFFFF;
		}
		.server_schedule_unit div span {
			float: left;
            margin-right: 7px;
            width: 21px;
            font-size: 16px;
            font-weight: bold;
		}
		.ongoing {
			position:absolute !important;
			left: 0px !important;
            top: -160px !important;
			z-index:20 !important;
		}
		
		
/*---------------------------------------------------*/
/* Sidebars -----------------------------------------*/

	.sb-sep {
		background:url("../img/ui/sidebar.sep.png");
		height:1px;
		width:196px;
		clear:both;
		margin:10px auto 6px;
	}
		
	/*-----------------------------------------------*/
	/* Login Form ------------------------- MT2Port -*/
	
	.login {
		width:196px;
		margin:0 auto;
		padding:4px 0 2px;
	}
	
		.bar {
			color:#a3a3a3;
			font-size:12px;
			border:1px solid #a3a3a3;
			background:#FFF url("../img/ui/bar.grad.png") repeat-x top left;
			width:193px;
			height:34px;
			text-indent:10px;
			opacity:0.7;
			letter-spacing:1px;
		}
		
		.barsmall {height:25px;}
		
		.barTXT {
			color:#928372;
			background:#e3e0d2;
			font-size:11px;
			border:1px solid #a3a3a3;
			width:97%;
			padding:5px;
			font-family:Arial, Helvetica, sans-serif;
		}		
		
		.bar2 {
			color:#9a9289;
			font-size:12px;
			border:1px solid #473b3b;
			background:url("../img/ui/dot_black_35.png");
			width:130px;
			height:23px;
			text-indent:5px;
			letter-spacing:1px;
		}		
		
		.bar2:hover {color:#8f8282;border-color:#8f8282;}
		.bar2:focus {background-color:#000;color:#FFF;border-color:#edb85c;}
		
		#login .bar {margin-bottom:10px;}
		ol {margin: 0 15px;}
.rulls {font-weight: bold;padding: 13px 0 0 9px;}
		
		.btn {
			display:inline-block;
			height:34px;
			background:url("../img/ui/btn.sprite.jpg");
			border:none;
			cursor:pointer;
			text-align:center;
			text-transform:uppercase;
			font-weight:bold;
			opacity:0.7;
			letter-spacing:1px;
			font-size:9px;
		}
		.btn_highlighted
		{
		    opacity:1 !important;
		}
		.btn2 {
			display:inline-block;
			height:23px;
			line-height:23px;
			background:url("../img/ui/btn2.sprite.png");
			border:1px solid #ffcc00;
			cursor:pointer;
			text-align:center;
			text-transform:uppercase;
			font-weight:bold;
			opacity:0.7;
			letter-spacing:1px;
			font-size:11px;
			color:#000;
			text-shadow:0 1px 0px #ffefb5;
			padding:0 5px;
		}		
		
			.btn2:active,.btn2:focus, .btn2.current {background-position:left bottom;}
			
			.btn2.current {color:#600;}
		
			.btn.s1 {width:77px;color:#e5ffc4;text-shadow:0 1px 0 #597437;}
			
			.btn.s2 {width:116px;color:#ffeaa2;background-position:top right;text-shadow:0 1px 0 #a96d49;display: table-cell;vertical-align: middle;}
			
			#login .btn.s2 {float:right;}
			
				.btn.s1:active {background-position:bottom left;}
				
				.btn.s2:active {background-position:bottom right;}
		
	/*-----------------------------------------------*/
	/* Special Buttons ------------------------------*/
	
	.sb-special {
		display:block;
		width:222px;
		height:52px;
		line-height:52px;
		margin:0 auto 10px;
		background:url("../img/ui/sb.buttons.jpg");
		overflow:hidden;
		font-style:italic;
		font-weight:bold;
		text-transform:uppercase;
		text-shadow:1px 0 2px #000;
		text-align:center;
		text-indent:-115px;
		opacity:0.7;
	}
	
			.sb-download {color:#f0ff72;}
			.sb-community {color:#72e3ff;background-position:center left;}
			.sb-itemshop {color:#d672ff;background-position:bottom left;}

				.sb-download span {color:#23441a;}
				.sb-community span {color:#44261a;}
				.sb-itemshop span {color:#1a2644;}
			
					.sb-download:active {background-position:top right;}
					.sb-community:active {background-position:center right;}
					.sb-itemshop:active {background-position:bottom right;}
					
						.sb-download:active span {color:#68ae53 !important;}
						.sb-community:active span {color:#44261a!important;}
						.sb-itemshop:active span {color:#5389ae !important;}

	/*-----------------------------------------------*/
	/* Ranking --------------------------------------*/
	
	.sb-ranking {
		font-size:10px;
		width:197px;
		margin:5px auto;
	}
	
	.sb-ranking-geral {
		font-size:11px;
		width:440px;
		margin:5px auto;
	}

	.sb-ranking-monster {
		font-size:11px;
		width:225px;
		margin:1px auto;
	}
	
		.sb-ranking tr {
			height:24px;
			line-height:24px;
			color:#a19d8f;
			position:relative;
			float:left;
		}
		
		.sb-ranking-geral tr {
			line-height:30px;
			color:#a19d8f;
			position:relative;
			/*float:left;*/
		}
		.sb-ranking-monster tr {
			color:#a19d8f;
			position:relative;
			/*float:left;*/
		}
		
		.sb-ranking tr td {background-image:none !important;}
		
		.sb-ranking tr.even {background:url("../img/ui/ranking.table.png") no-repeat 0 -25px;}
		.sb-ranking tr.odd {background:url("../img/ui/ranking.table.png") no-repeat 0 -49px;}
		
		.sb-ranking2 {margin-bottom:0px;margin-top:0px;}
		.sb-ranking2 tr.even {background:url("../img/ui/votes/ranking.table.png") no-repeat 0 -25px;}
		.sb-ranking2 tr.odd {background:url("../img/ui/votes/ranking.table.png") no-repeat 0 -49px;}
		
		.sb-ranking-geral td {border:1px solid #eeeada;border-left-color:#FFF;border-top-color:#FFF;border-collapse:collapse}
		.sb-ranking-monster td {border:1px solid #eeeada;border-left-color:#FFF;border-top-color:#FFF;border-collapse:collapse}
		
		.sb-ranking-geral tr.odd {}
		.sb-ranking-geral tr.even {background:url("../img/ui/dot_black_2.png");}
		.sb-ranking-monster tr.odd {}
		.sb-ranking-monster tr.even {background:url("../img/ui/dot_black_2.png");}
		
		.sb-ranking tr.thead {
			background:url("../img/ui/ranking.table.png") no-repeat top left !important;
			font-weight:bold;
			color:#6189a0;
			height:25px;
		}
		
		.sb-ranking-geral tr.thead {
			font-weight:bold;
			color:#6189a0;
			height:30px;
		}
		.sb-ranking-monster tr.thead {
			font-weight:bold;
			color:#6189a0;
			height:30px;
		}
		
		.sb-ranking-geral tr.thead td {background:url("../img/ui/dot_white_50.png") !important;}
		.sb-ranking-monster tr.thead td {background:url("../img/ui/dot_white_50.png") !important;}
		
		#sb-ranking-guilds .sb-ranking tr.thead td {color:#ffe690; !important;}
		#sb-ranking-guilds .sb-ranking-geral tr.thead td {color:#ffe690; !important;}
		
			.sb-ranking .rank {width:26px;text-align:center;}
			.sb-ranking .name {width:133px;text-indent:10px;}
			.sb-ranking2 .name {width:170px;text-indent:10px;}
			.sb-ranking .lvl {width:38px;text-align:center;}
			
			.sb-ranking-geral .rank {width:16px;text-align:center;height:24px;}
			.sb-ranking-geral .name {width:110px;text-align:left;height:24px;text-indent:10px;}
			.sb-ranking-geral .lvl {width:16px;text-align:center;height:24px;}
			.sb-ranking-geral .class {width:16px;text-align:center;height:24px;}
			.sb-ranking-geral .exp {width:38px;text-align:center;height:24px;}
			.sb-ranking-geral .empire {width:16px;text-align:center;height:24px;}
			.sb-ranking-geral .guild {width:100px;text-align:center;height:24px;}
			.sb-ranking-geral .points {width:16px;text-align:center;height:24px;}
			.sb-ranking-geral .master {width:50px;text-align:center;height:24px;}
			
			.sb-ranking-monster .rank {width:32px;text-align:center;height:24px;}
			.sb-ranking-monster .name {width:120px;text-align:center;height:24px;text-indent:10px;}
			.sb-ranking-monster .lvl {width:32px;text-align:center;height:24px;}		
			
				.sb-ranking .r1 .rank span,
				.sb-ranking .r2 .rank span,
				.sb-ranking .r3 .rank span {
					display:inline-block;
					height:10px;
					width:10px;
					background:url("../img/icons/rank.trophies.png");
					line-height:100px;
					overflow:hidden;
				}	

				.sb-ranking-geral .r1 .rank span,
				.sb-ranking-geral .r2 .rank span,
				.sb-ranking-geral .r3 .rank span {
					display:inline-block;
					height:10px;
					width:10px;
					background:url("../img/icons/rank.trophies.png");
					line-height:100px;
					overflow:hidden;
				}	
				
					.sb-ranking .r1 .rank span {background-position:top center;}
					.sb-ranking .r2 .rank span {background-position:center center;}
					.sb-ranking .r3 .rank span {background-position:bottom center;}
					
					.sb-ranking-geral .r1 .rank span {background-position:top center;}
					.sb-ranking-geral .r2 .rank span {background-position:center center;}
					.sb-ranking-geral .r3 .rank span {background-position:bottom center;}
					
	/*-----------------------------------------------*/
	/* Video ----------------------------------------*/
	
	#sbvid {display:block;margin:8px auto 0;height:147px;width:197px;border:1px solid #000;}
	#sbvid span {display:none;}

	/*-----------------------------------------------*/
	/* Status ---------------------------------------*/
	
	.sb-status {padding:5px 0;}

	.sb-status p {
		font-size:10px;
		padding:0px 18px;
	}
	
	.sb-status p span {padding-right:6px;}
	
		.sb-status p.on {color:#66bc31;}

		.sb-status p.off {color:#d03100;}
		
		.sb-status p.info {color:#6189ae;}
		
	/*-----------------------------------------------*/
	/* Facebook Box ---------------------------------*/
	
	.fblike {
		background:#FFF;
		width:200px;
		border:1px solid #001726;
		margin:7px auto 10px;
		height:184px;
		overflow:hidden;
	}
	
	.fb-like {
		margin-left:25px;
	}
	
	.fb-inner {margin: -2px 0 0 -2px;}
		
/*---------------------------------------------------*/
/* Misc ---------------------------------------------*/

.rel {position:relative;}

.cp {
	display:none;
	/*key: bccf318c72dda38788a4cee258dcfda8;*/
}

.curved3, .screenshots a img {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	behavior:url(border-radius.html);
}

.curved5, .slider, #tooltip {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.html);
}

/*#tooltip {
	background:#FFF;
	border:1px solid #ffb4fe;
	position:absolute;
	display:none;
	padding:5px;
	font-size:11px;
	color:#eb00c2;
	overflow:hidden;
	z-index:42;
}*/

.typered {
    padding: 3px 0 0 55px;
	background:url("../img/ui/news_type.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
	height:21px;
}
.typegreen {
    padding: 3px 0 0 55px;
	background:url("../img/ui/news_type.png") no-repeat scroll 0 -24px rgba(0, 0, 0, 0);
	height:21px;
}
.typeblue {
    padding: 3px 0 0 55px;
	background:url("../img/ui/news_type.png") no-repeat scroll 0 -72px rgba(0, 0, 0, 0);
	height:21px;
}

#tooltip {
	background:#000;
	font-family:"Times New Roman", Times, serif;
	line-height:8px;
	opacity:0.8;
	position:absolute;
	z-index:3000;
	padding:10px;
	margin-left:10px;
	font-size:13px;
	color:#cecece;
	font-variant:small-caps;
	text-shadow: 0 0 0.2em #4a4a4a, 0 0 0.2em #4a4a4a;
	border:1px solid #cecece;
}

.tooltip_reg {
	background:#200e0e;
	font-family:Arial, Helvetica, sans-serif;
	line-height:8px;
	opacity:0.6;
	position:absolute;
	z-index:3000;
	padding:10px;
	margin-left:10px;
	font-size:13px;
	color:#cecece;
	font-variant:small-caps;
	text-shadow: 0 0 0.2em #4a4a4a, 0 0 0.2em #4a4a4a;
	border:1px solid #cecece;
}
					
@-moz-document url-prefix() {
	body {cursor:url("../img/icons/cursor.png"), auto;}
	:link, .btn, a {cursor:url("../img/icons/cursor_click.png"), auto !important;}
}

/*---------------------------------------------------*/
/* Footer -------------------------------------------*/

#footer {
	background:url("../img/ui/footer.png") no-repeat top center;
	color:#c5b695;
	font-size:10px;
	height:130px;
}

	#footer .w960 {height:111px;}
	
		#footer .left {padding:53px 0 0 20px;}
		
		#footer .right {padding:53px 20px 0 0;}
		
			#footer .left img {float:left;position:relative;margin:-8px 8px 0 0;}
			
			#footer .right span {padding:0 10px;color:#7e7068;}
	
		/* Footer link */
		
		#footer a {color:#fae7bf;}
		
		#footer a:hover {text-decoration:underline;}
			
		#footer a:active {color:#FFF;}
		
.idiomas {
	
}

/*about start*/
.aboutbox-1, .aboutbox-2, .aboutbox-3, .aboutbox-4, .aboutbox-5 {
	min-height:169px;
	padding:7px 190px 7px 9px;
	width:281px;
	margin-top: 10px;
}
.aboutbox-1 {
	background:url(../img/aboutbox-1-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
}
.aboutbox-2{
	background:url(../img/aboutbox-2-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
}
.aboutbox-3{
	background:url(../img/aboutbox-3-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
}
.aboutbox-4{
	background:url(../img/aboutbox-4-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
}
.aboutbox-5{
	background:url(../img/aboutbox-5-bg.html) no-repeat;
	font-size:10px;
	color:#000000;
	/*width:462px;*/
}	
.aboutbox-6{
	background:url(../img/aboutbox-6-bg.html) no-repeat;
	font-size:10px;
	color:#000000;
	width:500px;
}	
.about-inner-content h4 {
	background:url(../img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size:11px;
	padding-bottom:8px;
	margin:1px 0 0 0;
}
.about-inner-content .aboutbox-5 h4 {width:280px;}
.about-inner-content p {
	margin:5px 0 9px 0;
	width:280px;
}
.about-inner-content .aboutbox-5 p {width:462px;}
.about-inner-content p.first-content {width:280px;}

.about-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.box-foot{
	background-image:url(img/aboutbox-foot-bg.html);
	height:10px;
	margin-bottom:12px;
	width:481px;
}
/*about end*/

/*characterclasses start*/
.characterclasses {
	min-height:155px;
	padding:7px 190px 7px 9px;
	width:282px;
}
.charclass-1 {
	background:url(../img/characterclasses-knight-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
	margin-top:10px;
}
.charclass-2 {
	background:url(../img/characterclasses-ninja-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
}
.charclass-3 {
	background:url(../img/characterclasses-shaman-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
}
.charclass-4 {
	background:url(../img/characterclasses-sura-bg.png) no-repeat;
	font-size:10px;
	color:#000000;
}
.characterclasses h4 {
	font-size:12px;
}
.styled_ddl
{
    height: 34px;
    padding-top: 8px;
    vertical-align: middle;
}
/*characterclasses end*/
/* empires start */
.empires-content {
	margin: 9px 0 0 0;
	padding: 0;
	position:relative;
}
.empires-content .empires-map {
	background:url(../img/empires-map-bg.png) no-repeat;
	height:341px;
	position:relative;
	width:481px;
}
.empirebox-2, .empirebox-3 {
	display:none;
}
.empirebox-1, .empirebox-2, .empirebox-3 {
	background:url(../img/empire-box-bg.png);
	min-height:169px;
	padding:7px;
	position:relative;
	width:467px;
}
.empires-content h4 {
	background:url(../img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size:11px;
	padding-bottom:8px;
	margin:1px 0 0 0;
}
.empires-content .empire-crest {
	background:url(../img/empire-box-bg.html) no-repeat;
	height:87px;
	position:absolute;
	top:0px;
	left:345px;
	width:136px;
}
.empires-content .empirebox-1 .empire-crest {
	background:url(../img/empire-crest.png) no-repeat 0 0;
}
.empires-content .empirebox-2 .empire-crest {
	background:url(../img/empire-crest.png) no-repeat 0 -87px;
}
.empires-content .empirebox-3 .empire-crest {
	background:url(../img/empire-crest.png) no-repeat 0 -174px;
}
.empires-content p {
	margin:5px 0 9px 0;
	width:320px;
	color:#000000;
	font-size:11px;
}
.empires-content .empires-map img {
	position:absolute;
	top:0px;
}
.empires-content #empire-img {
	position:relative;
}
.empires-content .empire-1 {
	background:url(../img/empires-map.png) no-repeat 0 -196px;
	height:145px;
	left:0px;
	top:196px;
	width:345px;
}
.empires-content .empire-2 {
	background:url(../img/empires-map.png) no-repeat 0 0;
	height:160px;
	left:0px;
	top:0px;
	width:200px;
}
.empires-content .empire-3 {
	background:url(../img/empires-map.png) no-repeat -291px 0;
	height:225px;
	left:291px;
	width:190px;
}
/* empires end */

	/*-----------------------------------------------*/
	/* links novo ------------------------------------*/
	
	.xlinks {
		color:#a09161;
		font-size:11px;
		text-transform:uppercase;
		display:inline-block;
		text-indent:16px;
		height:25px;
		line-height:25px;
		opacity:0.7;
	}
		.sidebar .xlinks {margin-left:0px;margin-top:3px;}
		
			.xlinks:hover {text-decoration:underline;color:#5a4a2e;}
		
			.xlinks:active {color:#5a4f2e;}

/*-----------------------------------------------*/
/* Char Info ---------------------------------------*/
.charinfo h1, .charinfo h2, .charinfo h3, .charinfo h4 {font-size:13px;font-weight:bold;color:#af0000;text-align:center;}
.charinfo table {
	
}
.charinfo
{
    position:relative;
}
.ititle {
	color:#a09161;
	font-size:12px;
	background:url("../img/ui/nota.png") no-repeat center left;
	display:inline-block;
	text-indent:16px;
	height:25px;
	line-height:25px;
	opacity:0.7;
	}
		.ititle:hover {color:#5a4a2e;}

.mtitle {
	color:#a09161;
	font-size:12px;
	display:inline-block;
	text-indent:16px;
	height:25px;
	line-height:25px;
	opacity:0.7;
	}
		.mtitle:hover {color:#5a4a2e;}
		
.ctitle {
	color:#a09161;
	font-size:12px;
	background:url("../img/ui/nota_green.png") no-repeat center left;
	display:inline-block;
	text-indent:16px;
	height:25px;
	line-height:25px;
	opacity:0.7;
	}
		.ctitle:hover {color:#5a4a2e;background:url("../img/ui/nota_green_hover.png") no-repeat center left;}
		
/* Change Password/Email/ ---------------------------------------*/
.changedetails h1, .changedetails h2, .changedetails h3, .changedetails h4 {font-size:13px;font-weight:bold;color:#af0000;text-align:center;}

/*--------------------------------*/
/* News and Updates --------------*/

.news {width:460px;margin:0px auto;padding:5px 0;}

.news a { 
	display:block; 
	width:460px; 
	height:auto; 
	line-height:35px; 
	background:url("../img/ui/news_link.html"); 
	color:#5d3e21;  
	overflow:auto; 
	font-weight:bold;
	margin-bottom:-2px;
}

.news a:hover {background-position:bottom left;color:#8f6b4a;}
.news a:hover .title {color:#000;}
.news a:hover .type {opacity:1;}
.news a:active {opacity:0.75;}

.news a span {
	display:inline-block;
	float:left;
}
.support_type_span
{
    width:50px;
    height:24px;
    background:url("../img/ui/news_type.png");
    margin:8px 10px 0 6px;opacity:0.6;
}
.support_type1
{
    background:url("../img/support/1.png");
}
.support_type2
{
    background:url("../img/support/2.png");
}
.support_type3
{
    background:url("../img/support/3.png");
}
.support_type4
{
    background:url("../img/support/4.png");
}
a:hover .support_type_span {opacity:1;}
.news a span.type {width:50px;height:24px;background:url("../img/ui/news_type.png");margin:8px 10px 0 6px;opacity:0.6;}
.news a span.title {width:px;color:#8f6b4a;}
.news a span.date {width:px;float:right;}
.news a span.comments {width:px;float:right;padding:0 15px 0 6px;color:#a09161;font-size:10px;text-transform:uppercase;display:inline-block;text-indent:16px;}

		
	.comments:hover {text-decoration:underline;}
		
	.comments:active {color:#5a4f2e;}

.news a.n-1 span.type {background-position:0 -0px;}
.news a.n-2 span.type {background-position:0 -24px;}
.news a.n-3 span.type {background-position:0 -72px;}
	
#topbar {height:50px;background:url("../img/ui/bg_topbar2.png") no-repeat center top;line-height:40px;font-size:12px;color:#82563f;}
#topbar form {display:inline-block;}
#topbar a {color:#9a9289;}
#topbar a:hover {text-decoration:underline;}
#topbar a:active {color:#FFF;}
#topbar small {font-size:14px;padding:0 5px;font-weight:bold;}
#topbar .right a img {margin:5px 3px -5px;opacity:0.7;}
#topbar input {margin-right:4px;}

.labelForm label {width:110px;display:inline-block;color:#cb7128;}

.pwstr {height:10px;width:196px;background:url("../img/ui/password_str_sprite.png");display:inline-block;margin:6px 0pt 0pt 2px;}
.pwstr.st1 {background-position:0 0;}
.pwstr.st2 {background-position:0 -10px;}
.pwstr.st3 {background-position:0 -20px;}
.pwstr.st4 {background-position:0 -30px;}

.formSteps {width:456px;height:43px;background:url("../img/ui/form_steps_sprite.png");}
.formSteps.stp1 {background-position:0 0;}
.formSteps.stp2 {background-position:0 -43px;}
.formSteps.stp3 {background-position:0 -86px;}




.lateral_loader
{
    margin-bottom: 30px;
    margin-left: 95px;
    margin-top: 30px;
    width: 32px;
}


.generic_popup_holder
{
    z-index: 999999;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	vertical-align:middle;
    display:none;
}

.generic_popup
{
    background-clip: padding-box;
    box-shadow: 0 3px 7px rgba(255, 255, 255, 0.3);
    left: 50%;
    outline: 0 none;
    position: fixed;
    top: -10%;
    overflow:hidden;
    
    height: 490px;
    width: 740px;
    margin-left: -370px;
}
.sig_preview_holder a img
{
    width:100%;
}

.is_iframe
{
    height:100%;
    width:100%;
    overflow:hidden;
}
/*---------------------------------------------------*/
/* User Experience outweighs W3C validation
/* 68f527289e96426b063671daf4c74efd
/*---------------------------------------------------*/
/* This design is copyrighted and owned by
/* MT2Portugalia (C) 2011. All rights reserved.
/* Designed by Aziz Natour.
/* http://www.aziznatour.com
/* info@aziznatour.com
/* Any use is strictly prohibited.
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* Website adapted to ASP.Net MVC3 by Skydraft
/* www.skydraft.com | geral@skydraft.com
/*---------------------------------------------------*/


        @-webkit-keyframes fontfix{
            from{   opacity: 1; }
            to{ opacity: 1; }
        }