@charset UTF-8;

@keyframes A {
    from {
        background-position:top center;
    }
    to {
        background-position:bottom center;
    }
}

/*Keyframes*/
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-color:#b4cfe0;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px; background-color:#6b92b9;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}


html
{
	/*background: url(../images/bg.jpg) no-repeat top center fixed;*/
	/*background: #05020b url(../images/bg/04_901691383ab4309107231fe3e44390bb.jpg) no-repeat top center;*/
	background: url(../images/bg.jpg) no-repeat top center fixed;
	background-size:cover;
	/*animation: 35s A linear alternate infinite;*/
}

body {
	font: 14px 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	color: #333333;
	/*background: #171717 url(../images/test/b.jpg) repeat top center;*/
	/*background: #171717 url(../images/test/bg/cold_winter_by_c_a_y-d4qd9ho.png) no-repeat center -800px;*/
	
}

#bodyneigeanim{

	background-image: url('../images/test/snow.png'), url('../images/test/snow3.png'), url('../images/test/snow2.png');
	
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;

}

img{max-width:100%;height:auto;}


i.fa {
	line-height: inherit!important;
	font-size: inherit;
	vertical-align: baseline!important;
}

::selection
{
background:#256193;
color:#fff;
}
::-moz-selection
{
background:#256193;
color:#fff;
}

h1, h2, h3, h4, h5, h6, span, p, input {
	margin: 0;
	padding: 0;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

ul, li, ol {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

p {
	line-height:150%!important;
}

img.setborder {
	z-index: 0;
	position: relative;
	box-shadow:0px 0px 0px 1px rgba(255,255,255,0.2);
}

.wrapimg:after {
	position:absolute;
	display:block;
	top:0px;
	background:transparent;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
	box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.17);
	content:'';
	border-radius:inherit;
	-moz-border-radius:inherit;
}



.logoInHeader:hover
{
	background-position:bottom;
}

a {
	color: #454545;
	text-decoration: none;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

a:hover {
	color: #256193;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

.clear-float {
	display: block;
	clear: both;
}

#content {
	width: 1000px;
	margin: 0px auto;
}

#header {
	height: 440px;
}

.dat-menu-setup {
	background-color: #665140;
	background-image: url(../images/no-slider-bg.jpg);
}

.home-article.right ul li a strong {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
}


/*------------------------------------------------------------------

[1. Main header]

-------------------------------------------------------------------*/


#header.needsmallpadding {
	padding-bottom: 90px;
}

#header-top-fixeddd
{
	width:100%;
	position:fixed;
	height: 40px;
	padding:0;
	margin:0;
	-webkit-box-shadow: 0 8px 6px -6px #464646;
	   -moz-box-shadow: 0 8px 6px -6px #464646;
	        box-shadow: 0 8px 6px -6px #464646;
	z-index:999999;
}

#header-top {
	height: 40px;
	position: relative;
	z-index: 20;

	background:#18608d url(../images/test/overlay_topbar.png) repeat-x;/* 3b799a */
}

#header-top ul {
	display: block;
}

#header-top ul > li > div.drop {
	display: none;
	background: transparent; /* Remplace #f4f4f400 par transparent */
	width: 300px;
	top: 54px;
	position: absolute;
	right: 0px;
	box-shadow: none; /* Retire l'ombre */
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-right: -20px;
}


#header-top ul > li > div.drop.active {
	display: block;
}

#header-top ul > li > div.drop:before {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: 50px;
	background: transparent; /* Rend l'arrière-plan transparent */
	width: 4px;
	height: 4px;
	border-top: none; /* Retire la bordure supérieure */
	border-left: none; /* Retire la bordure gauche */
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}


#header-top ul > li > div.drop .notify-list {
	display: block;
}

#header-top ul > li > div.drop .notify-list li {
	display: block;
	border-bottom: 1px transparent;
	position: relative;
}

#header-top ul > li > div.drop .notify-list li .avatar {
	display: block;
	margin: 10px;
	float: left;
	width: 50px;
	height: 50px;
}

#header-top .wrapper:after {
	display: block;
	clear: both;
	content: '';
}

#header-top .wrapper {
	background: transparent;
}

.nofify-empty:last-child {
	border-bottom: 0px;
}

.nofify-empty {
	border-bottom: 1px solid #dbdbdb;
	display: block;
	padding: 20px 20px 25px 20px;
	position: relative;
}

.nofify-empty .fa {
	display: block;
	font-size: 20px;
	padding-bottom: 2px;
	color: #8d8d8d;
	position: absolute;
	left: 20px;
	margin-top: 1px;
}

.nofify-empty b {
	display: block;
	font-size: 17px;
	padding-bottom: 1px;
	color: #8d8d8d;
	padding-left: 35px;
}

.nofify-empty span {
	display: block;
	font-size: 12px;
	color: #acacac;
	padding-left: 35px;
}

#header-top ul > li > div.drop .notify-list li .article-thumb {
	display: block;
	margin: 0px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content {
	display: block;
	padding: 10px;
	padding-left: 70px;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0);
}

#header-top ul > li > div.drop .notify-list li.new a.notify-content {
	border-left: 4px solid #256193;
}

#header-top ul > li > div.drop .notify-list li a.notify-content:hover {
	background: #fff;
}

#header-top ul > li > div.drop .notify-list li a.notify-content:active {
	background: #dbdbdb;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-text b {
	color: #232323;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-text {
	padding-bottom: 3px;
	font-size: 13px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-text .fa {
	font-size: 10px;
	display: inline-block;
	padding: 1px 6px 0px 0px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-head .notify-user {
	font-size: 15px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-head {
	margin-top: -4px;
	padding-bottom: 1px;
	color: #232323;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-head .admin-ribbon {
	margin-top: 2px;
	margin-bottom: 4px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-date {
	font-size: 11px;
	color: #9f9f9f;
}

#header-top ul > li > div.drop .notify-list li a.notify-content > span {
	display: block;
	color: #6f6f6f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header-top ul > li > div.drop .notify-footer {
	display: block;
}

#header-top ul > li > div.drop .notify-header .right {
	color: #acacac;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
}

#header-top ul > li > div.drop .notify-header a.right:hover {
	color: #232323;
}

#header-top ul > li > div.drop .notify-header {
	padding: 8px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #acacac;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
}

#header-top ul > li > div.drop .notify-footer a {
	background: #e0e0e0;
	color: #6e6e6e;
	font-size: 12px;
	display: block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 10px 0px 13px 0px;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	text-shadow: 0px 1px 0px #fff;
}

#header-top ul > li > div.drop .notify-footer a:hover {
	background: #d1d1d1;
	color: #575757;
}

#header-top ul > li > div.drop .notify-list:after {
	content: '';
	display: block;
	clear: both;
}

#header-top ul > li {
	display: block;
	float: left;
	position: relative;
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
}

#header-top ul > li:last-child {
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(255,255,255,0.06);
}

#header-top ul > li:last-child > a:hover, #header-top ul > li:last-child > a {
	border-right: 0px!important;
}

#header-top ul > li:first-child > a {
	border-left: 0px!important;
}

#header-top ul > li > a {
	display: block;
	float: left;
	padding: 12px 16px 11px 16px;
	color: #D8D8D8;
	text-decoration: none;
	font-size: 13px;
	line-height: 17px;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
	text-shadow: 0 0 2px rgba(0,0,0,0.4);
}

#header-top ul > li:hover> a {
	color: #FFFFFF;
	background: rgba(78,187,238,0.45);
}

#header-top ul > li > a small.gotop {
	display: block;
	position: fixed;
	top: 10px;
	z-index: 2000;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	border: 1px solid #a9332a;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
}

#header-top ul > li > a small.gotop:before {
	content: '';
	display: block;
	position: absolute;
	top: -4px;
	left: 50%;
	margin-left: -4px;
	background: inherit;
	border-top: inherit;
	border-left: inherit;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#header-top ul > li > a:hover small.gotop {
	background: #ea5e54;
	color: #fff;
}

.adsdfdsfd{
	display: inline-block;
	background: #175f96;
	color: #fff;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 2px;
	line-height: 15px;
	margin-left: 8px;
	font-weight:bold;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
}
#header-top ul > li > a small {
	display: inline-block;
	background: #fff;
	color: #156aac;
	text-shadow:0 0 0;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 2px;
	line-height: 15px;
	margin-left: 8px;
	font-weight:bold;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
}

#header-top ul > li > a:hover small {
	background: #175f96;
	color: #fff;
	text-shadow:0 0 0;
}

#header-top ul > li > a.login-api {
	display: block;
	padding: 10px 12px 10px 12px;
}


#header-top ul.sub-menu {
	width: 200px;
	background-color: #1f4057;
	top: 100%;
	position: absolute;
}

#header-top ul.sub-menu a,
#header-top ul.sub-menu li {
	display: block;
	float: none;
	color:white;
}

#header-top ul.sub-menu li > a > span:before,
#header-top > .wrapper > ul > li > a > span:before {
	display: block;
	float: right;
	content: '\f107';
	font-family: "FontAwesome";
	padding-left: 8px;
}

#header-top li ul.sub-menu {
	display: none;
}

#header-top li:hover > ul.sub-menu {
	display: block;
}

#header-top ul.sub-menu li > a > span:before {
	content: '\f105';
}

#header-top ul.sub-menu li {
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.04);
}

#header-top ul.sub-menu ul.sub-menu {
	left: 100%;
	top: 0px;
}

#slider-imgs {
    width: 10%;
    position: absolute;
    height: 200px;
    z-index: 0;
    opacity: 0.0; /* Ajuste la valeur entre 0 (transparent) et 1 (opaque) selon tes besoins */
}


.has-top-menu #slider-imgs {
	top: 40px;
}

.has-top-menu #top-layer {
	background-position: center 40px;
}

#slider-imgs div.featured-img-box {
	width: 100%;
	max-width: 1340px;
	margin: 0px auto;
	height: 440px;
	position: relative;
}

#slider-imgs div.featured-img-box div.featured-img {
	position: absolute;
	top: 0px;
	width: 100%;
	margin: 0px auto;
	height: 441px;
	opacity: 1;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 2;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}

#slider-imgs div.featured-img-box div.featured-img.invisible {
	opacity: 0;
	z-index: 1;
}

a.featured-select span {
	display: none;
}

a.featured-select {
	display: block;
	float: left;
	width: 75px;
	height: 45px;
	position: relative;
	background: #256193;
}

a.featured-select.this-is-next span.w-coin {
	display: block;
	position: absolute;
	z-index: 6;
	font-weight: bold;
	padding: 2px 6px;
	background: #fff;
	font-size: 11px;
	color: #797979;
	top: 15px;
	left: 29px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

a.featured-select.this-is-next span.w-bar {
	display: block;
	position: absolute;
	z-index: 6;
	top: 0px;
	left: 0px;
	height: 3px;
	color: transparent;
	background: #fff;
	width: 0px;
}

a.featured-select img {
	display:block;
	position:absolute;
	opacity:0.4;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}

a.featured-select.this-active img {
	display:block;
	position:absolute;
	opacity:1;
}

a.featured-select:hover img {
	display:block;
	position:absolute;
	opacity:1;
}

#top-layer {
	width: 100%;
	background: url(../images/top-overlay.png) no-repeat top center; 
	min-height: 468px;
	z-index: 3;
	position: relative;
}

#slider {
	position:relative;
	width: 100%;
	height:441px;
	z-index:3;
}

#slider div#slider-info {
	bottom:0px;
	right:0px;
	position:absolute;
	width:300px;
}

#slider div#slider-info p {
	color: #fff;
	font-size: 13px;
	line-height: 17px;
}

#slider div#slider-info h2 {
	color: #fff;
	font-size: 17px;
	margin-bottom: 9px;
	line-height: 23px;
	font-weight: 500;
}

#slider div#slider-info h2 a {
	color: #fff;
}

#slider-info .padding-box {
	padding: 0px;
}

#slider-info .padding-box ul {
	position: relative;
}

#slider-info .padding-box ul li {
	display: block;
	padding: 18px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}

#slider-info .padding-box ul li:before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #256193;
	opacity: 0.7;
}

#slider-info .padding-box ul li.dis {
	display: none;
}

.read-more-r {
	display: inline-block;
	font-weight: 500;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin-top: 10px;
}

.read-more-r:hover {
	color: rgba(255,255,255,0.8);
}


/*------------------------------------------------------------------
[2. Main Menu]

+ .main-menu
	+ ul

-------------------------------------------------------------------*/

#menu-bottom {
	left:0px;
	height:62px;
	position:absolute;
	width:100%;
	top:76px;
	z-index: 7;
}

#menu {
	height:84px;
	width: 1000px;
	margin:0px auto;
	margin-top:-13px;
	box-shadow: inset 1px 0 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), 0px 2px 0px rgba(0,0,0,0.15), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2);
}

#menu .menu-icons {
	text-align: center;
}

.main-menu {
	display: block;
	position: relative;
}

.dat-menu-list a[href="#drop-the-bass"] {
	display: none!important;
}

.main-menu .datmenu-prompt {
	display: none;
	float: right;
	color: #fff!important;
	font-size: 15px!important;
	position: relative;

	height: 84px;
	vertical-align: bottom;
	text-align: center;
	padding: 10px 32px;
	background: transparent;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	line-height: 68px;
	font-weight: bold;

	padding-top: 4px;
	text-shadow: 0 1px 0 #000;
	font-weight: normal;
	z-index: 1;
	text-shadow: 0 1px 0 #000;
}

.main-menu .datmenu-prompt i.fa {
	padding-right: 10px;
}

#menu-bottom.blurred #menu > .blur-before {
	position: absolute;
	display: block;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	background: inherit;
	z-index: 0;
	overflow: hidden;
}

#menu-bottom.blurred #menu > .blur-before:before {
	content: "";
	position: absolute;
	left: 0;
	top: -23px;
	right: 0;
	z-index: 0;
	display: block;
	background-image: inherit;
	background-position: center top;
	width: 120%;
	margin-left: -10%;
	height: 1000px;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	transition: background-image 0.8s;
	-moz-transition: background-image 0.8s;
	-webkit-transition: background-image 0.8s;
	-o-transition: background-image 0.8s;
}

#menu-bottom.blurred #menu > .blur-before:after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: 0.7;
}



#header .header-logo:hover {
	background: transparent;
}

.header-breadcrumbs {
	color: #fff;
	top: 132px;
	position: absolute;
	width: 100%;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-borgba(255, 255, 255, 0)zing: border-box;
	box-sizing: border-box;
	text-shadow: 0 2px 0 rgba(0,0,0,0.2);
}

.header-breadcrumbs a {
	color: #fff;
}

.header-breadcrumbs a:hover {
	color: rgba(255,255,255,0.5);
}

.header-breadcrumbs ul {
	display: block;
	padding: 6px 0px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.header-breadcrumbs ul li {
	display: inline-block;
	position: relative;
	padding-right: 18px;
	margin-right: 8px;
}

.header-breadcrumbs ul li:after {
	display: block;
	position: absolute;
	content: '\f105';
	font-family: "FontAwesome";
	right: 0px;
	top: 0px;
	line-height: 19px;
	opacity: 0.5;
}

.header-breadcrumbs ul li:last-child:after {
	display: none;
}

.main-menu .header-logo {
	display: block;
	position: relative;
	z-index: 2;
}

.main-menu.width-fluid {
	display: table;
	width: 100%;
}

#header .main-menu.width-fluid .header-logo {
	display: table-cell;
	text-align: center;
	float: none;
}

.main-menu.width-fluid ul {
	display: table-cell;
}

.main-menu.width-fluid ul li {
	display: table-cell;
}

.main-menu ul {
	display: block;
	position: relative;
}

.main-menu > ul > li {
	display: block;
	position: relative;
	float: left;
}

.main-menu ul:after {
	display: block;
	clear: both;
	content: '';
}

.main-menu > ul > li > a {
	display: block;
	height: 84px;
	vertical-align: bottom;
	text-align: center;
	padding: 10px 22px;
	position: relative;
	background: transparent;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-menu > ul > li:hover > a {
	background: rgba(0,0,0,0.5);
	text-shadow: 0 0 10px #fff;
}

.main-menu ul li a > span:after {
	display: block;
	position: absolute;
	content: '...';
	width: 100%;
	text-align: center;
	left: 0px;
	bottom: 6px;
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: bold;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.main-menu ul li a i.fa {
	display: block;
	font-size: 26px;
	line-height: 37px!important;
	text-shadow: 0 2px 0 #000;
	color: #F2F2F2;
	font-weight: normal!important;
}

.main-menu ul li a strong {
	display: block;
	font-size: 12px;
	padding-top: 4px;
	text-shadow: 0 1px 0 #000;
	font-weight: normal;
	font-family: Arial;
}

.main-menu ul li.no-icon a strong {
	line-height: 53px;
	font-size: 14px;
	font-weight: bold;
}

.main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 100px;
	background: rgba(16, 16, 16, 0.94);
	z-index: 10;
	width: 240px;
	left: 50%;
	margin-left: -120px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.29);
}

.main-menu li:hover > ul.sub-menu {
	display: block;
}

.main-menu ul.sub-menu:before {
	display: block;
	position: absolute;
	content: '';
	height: 16px;
	bottom: 100%;
	width: 100%;
	left: 0px;
}

.main-menu ul.sub-menu:after {
	display: block;
	position: absolute;
	content: '';
	left: 50%;
	width: 10px;
	height: 10px;
	background: inherit;
	margin-left: -5px;
	top: -5px;
	z-index: 1;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.main-menu ul.sub-menu li {
	display: block;
	z-index: 2;
}

.main-menu ul li {
	display: inline-block;
	position: relative;
}

.main-menu ul.sub-menu li a {
	display: block;
	padding: 12px 20px;
	box-shadow: 0 -1px 0 0 rgba(47, 47, 47, 0.6);
	font-size: 13px;
	font-weight: bold;
	color: #CACACA;
}

.main-menu ul.sub-menu li:hover > a {
	background: rgba(255,255,255,0.05);
}

.main-menu ul.sub-menu li:first-child > a {
	box-shadow: none;
}

.main-menu ul.sub-menu ul.sub-menu {
	top: 0px;
	left: 150%;
}

.main-menu ul.sub-menu a span:before {
	display: block;
	float: right;
	content: ':';
	font-size: 13px;
	line-height: 13px;
	opacity: 0.3;
}

.main-menu ul.sub-menu a span:after {
	display: none;
}

.main-menu ul.sub-menu ul.sub-menu:after,
.main-menu ul.sub-menu ul.sub-menu:before {
	display: none;
}






/*------------------------------------------------------------------
[3. Content styling]

+ #main-box
	+ #main
		+ h2
		+ .content-padding

-------------------------------------------------------------------*/

.padding-box {
	padding: 18px;
}

#main-box {
	position: relative;
	min-height: 200px;
	background: #f4f4f4;
}

#main-box #main {
	background: #f4f4f4;
	border-top: 5px solid #256193;
	width: 700px;
	margin-top: 0;
	position: relative;
	float: left;
	min-height: 200px;
	z-index: 6;
	padding-top: 20px;
	padding-bottom: 40px;
}

#main-box.full-width {
	position: relative;
	min-height: 200px;
	background: #f4f4f4;
}

#main-box.full-width #main {
	background: #f4f4f4;
	border-top :5px solid #256193;
	width: auto;
	margin-top: -45px;
	position: relative;
	float: none;
	min-height: 200px;
	z-index: 6;
	padding-top: 20px;
	padding-bottom : 40px;
}

#sidebarBottomAfficherAll
{
	position:absolute;
	right:0;
	width: 300px;
	background: #E2E2E2;
	box-shadow: inset 1px 0 0 0 #D0D0D0;
	height:100%;
}

.wrapper {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

#header.needpadding {
	padding-bottom: 130px;
}

.signup-panel > div > h2,
.user-profile .profile-right-side h2,
.game-info-right h2,
.article-footer h2,
#main .forum-block > h2,
#main > h2 {
	padding: 0px 28px;
	background: url(../images/content-title-bg.png) repeat-x left center;
	margin-bottom: 20px;
}

.signup-panel > div > h2 span,
.user-profile .profile-right-side h2 span,
.game-info-right h2 span,
.article-footer h2 span,
#main > .forum-block h2 span,
#main > h2 span {
	background: #f4f4f4;
	font-size: 22px;
	color: #353535;
	padding: 0px 10px;
	margin-left: -10px;
}

div.content-padding {
	padding: 0px 28px;
	margin-bottom: 15px;
}

div.content-padding:after {
	clear: both;
	content: '';
	display: block;
}

.article-image {
	display: inline-block;
	background: #256193;
	overflow: hidden;
	position: relative;
}

.article-image-out {
	display: block;
	background: #256193;
	position: relative;
}

.article-image-out span.image-comments {
	position:absolute;
	display:block;
	right:20px;
	z-index:8;
	padding-bottom:5px;
	background:url(../images/comment-arrow.png) no-repeat 7px bottom;
	opacity:1;
	top:-7px;
	-moz-transition: opacity 0.2s, top 0.2s;
	-webkit-transition: opacity 0.2s, top 0.2s;
	-o-transition: opacity 0.2s, top 0.2s;
}


.photo-block .article-image-out span.image-comments,
a.article-image-out span.image-comments {
	opacity:0;
	top:0px;
}

.article-image-out span.image-comments span {
	display: block;
	padding: 2px 7px;
	color: #fff;
	background: #6fb205;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: bold;
}

.article-image-out span.image-comments.inactive  {
	background:url(../images/comment-arrow-inactive.png) no-repeat 7px bottom;
}

.article-image-out span.image-comments.inactive span {
	background:#afafaf;
}

.article-image-out:hover span.image-comments,
.article-promo .article-image-out span.image-comments {
	top:-7px;
	opacity:1;
}

.article-image-out img {
	max-width: 100%;
	width: 100%;
}

.article-image-out .article-image,
.article-image-out a {
	display: block;
}

span.article-image span {
	position:absolute;
	display:block;
	padding:7px 0px;
	left:32%;
	top:-50px;
	z-index:8;
	text-align:center;
	vertical-align:middle;
	margin-top:-28px;
	margin-left:8px;
	-moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	-o-transition: top 0.2s;
}

span.article-image.single-icon span.nth1 {
	left: 50%;
	margin-left: -22px;
}

span.article-image.small-icons span.nth1 {
	left: 50%;
	margin-left: -22px;
}

span.article-image.small-icons span.nth2 {
	display: none
}

span.article-image span.nth2 {
	left:48%;
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
}

span.article-image span .fa,
span.article-image span img {
	display:inline-block;
	margin:0px 7px;
	background:#fff;
	padding:8px;
	text-align:center;
	vertical-align:middle;
	border-radius:30px;
	-moz-border-radius:30px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

span.article-image span .fa {
	width: 20px;
	height: 20px;
	line-height: 20px!important;
	font-size: 15px;
	display: block;
	color: #256193;
}

span.article-image span .fa:hover,
span.article-image span img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

span.article-image:hover span {
	top:50%;
}

span.article-image > a > img,
span.article-image > img {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

span.article-image:hover > a > img,
span.article-image:hover > img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#main h3 a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin: 8px 0px;
}

#main p {
	color: #454545;
	font-size: 14px;
	line-height: 19px;
}

.left {
	float: left;
	display: block;
}



.grid-articles {
	display: block;
}

.grid-articles:after {
	display: block;
	content: '';
	clear: both;
}

.grid-articles .item {
	display: block;
	float: left;
	width: 48%;
	margin-left: 4%;
}

.grid-articles .item:nth-child(2n+1) {
	margin-left: 0px;
	clear: both;
}

.grid-articles .item:nth-child(n+3) {
	margin-top: 15px;
}





.home-article.left {
	width: 300px;
}

.right {
	float: right;
	display: block;
}

.home-article.right {
	width: 324px;
}

.home-article.right ul li {
	display: block;
	margin-bottom: 6px;
}

.home-article.right ul li a {
	display: block;
	background: #eaeaea;
	color: #454545;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
	height: 55px;
	position: relative;
}

.home-article.right ul li a:hover {
	background-color:#256193;
	color:#fff;
}

.home-article.right ul li a img {
	display:block;
	float:left;
	width:89px;
	height:55px;
}

.home-article.right ul li a strong {
	display: block;
	width: 215px;
	float: left;
	font-weight: bold;
	font-size: 15px;
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.home-article.right ul li a span.a-txt {
	display: block;
	width: 215px;
	float: left;
	font-weight: normal;
	font-size: 13px;
	padding: 0px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.defbutton {
	margin: 12px 0px 20px 0px;
	background-color:#eaeaea;
	color: #898989;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 12px;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.defbutton:hover {
	color: #fff;
	background:#232323!important;
}

.defbutton .fa {
	display: inline-block;
	padding: 2px 8px 0px 0px;
}

.home-article.right ul li a .image-comments {
	position: absolute;
	display: block;
	right: 20px;
	z-index: 8;
	padding-bottom: 5px;
	background: url(../images/comment-arrow.png) no-repeat 7px bottom;
	opacity: 0;
	top: 0px;
	width: auto!important;
	transition: opacity 0.2s, top 0.2s;
	-moz-transition: opacity 0.2s, top 0.2s;
	-webkit-transition: opacity 0.2s, top 0.2s;
	-o-transition: opacity 0.2s, top 0.2s;
}

.home-article.right ul li a .image-comments span {
	display: block;
	padding: 2px 7px;
	color: #fff;
	background: #6fb205;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: bold;
	width: auto!important;
}

.home-article.right ul li a .image-comments.inactive {
	background: url(../images/comment-arrow-inactive.png) no-repeat 7px bottom;
}

.home-article.right ul li a .image-comments.inactive span {
	background: #afafaf;
}

.home-article.right ul li a:hover .image-comments  {
	top: -13px;
	opacity: 1;
}

.big-message {
	display: block;
	text-align: center;
	padding: 70px 0;
}

.big-message h3 {
	font-size: 200px;
	display: inline-block;
	padding: 16px 60px;
	line-height: 100%;
	background: #256193;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 900;
}

.big-message h4 {
	display: inline-block;
	border-bottom: 2px solid #444444;
	font-weight: 300;
	font-size: 50px;
	color: #444444;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.big-message p {
	display: block;
	font-size: 1.2em;
}

.big-message .msg-menu {
	padding-top: 20px;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
}

.big-message .msg-menu a {
	display: inline-block;
	padding: 0 9px;
	color: #444444;
	position: relative;
}

.big-message .msg-menu a:after {
	display: block;
	width: 1px;
	height: 100%;
	top: 0px;
	right: -4px;
	content: '';
	background: #ccc;
	position: absolute;
}

.big-message .msg-menu a:last-child:after {
	display: none;
}


/*------------------------------------------------------------------
[4. Comments]

+ #comments
	+ li
		+ .comment-text
+ .writecomment
	+ .comment-form
		+ .contact-form-content

-------------------------------------------------------------------*/


.comment-block {
	display:block;
	padding-bottom:20px;
}

.comment-block .comment-avatar {
	display: block;
	width: 70px;
	float: left;
	padding-top: 1px;
}

.comment-block .comment-content {
	display:block;
	margin-left:70px;
}

.comment-block .comment-content .comment-head {
	display: block;
	padding-bottom: 8px;
	line-height: 9px;
}

.comment-block .comment-content .comment-head .comment-user {
	font-size:18px;
	display:inline-block;
}

.comment-block .comment-content .comment-head .comment-destination {
	font-size: 15px;
	display: inline-block;
	margin-left: 10px;
	padding-left: 15px;
	padding-bottom: 2px;
	background: url(../images/icon-comments-destination.png) no-repeat center left;
	color: #9a9a9a;
	max-width: 350px;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.comment-block .comment-content .comment-text {
	display:block;
	padding-bottom:10px;
}

.comment-block .comment-content .comment-text p {
	font-size:13px!important;
	line-height:140%!important;
}

.comment-block .comment-content .comment-controls {
	display:block;
	cursor:default;
}

.comment-block:hover .comment-content .comment-controls, .comment-block:hover .comment-content .comment-destination {
	opacity:1;
	filter:alpha(opacity=100);
}

.comment-block .comment-content span.com-control {
	padding-left:1px;
	padding-right:6px;
}

.comment-block .comment-content .com-control, .comment-block .comment-content .admin-control {
	color: #898989;
	font-size: 12px;
	display: inline-block;
	margin-right:0px;
	border-radius:2px;
	-moz-border-radius:2px;
	padding:3px 8px;
}

.notif-num {
	font-size: 70%;
	line-height: 13px;
	display: inline-block;
	background: #898989;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0 5px;
	font-weight: bold;
	margin-left: 3px;
}

a:hover .notif-num {
	color: #232323;
	background: #f1f1f1;
}

.comment-block .comment-content a.com-control:hover {
	background:#232323;
	color:#fff;
}

.comment-block .comment-content a.admin-control:hover {
	background:#e53d2b;
	color:#fff;
}

.comment-block .comment-content .fa {
	font-size: 10px;
	display: inline-block;
	padding-top: 1px;
	padding-right: 6px;
}

.comment-block .comment-content .comment-responses {
	display:block;
	background:#e9e9e9;
	margin-top:0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	position:relative;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	height:0px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.comment-block .comment-content  .comment-responses.active {
	margin-top:15px;
	overflow:visible;
	display:block;
	height:auto;
	opacity:1;
	filter:alpha(opacity=100);
}

.deleted-response {
	text-align:center;
}

.comment-block .comment-content .comment-responses:before {
	display:block;
	content:'';
	width:8px;
	height:8px;
	background:inherit;
	position:absolute;
	top:-4px;
	left:160px;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.comment-block .response-block {
	padding:10px 15px;
	border-bottom:1px solid #f4f4f4;
	background: #e9e9e9;
}

.comment-block .response-block:last-child {
	border-bottom:0px;
}

.comment-block .response-block .comment-avatar {
	width:55px;
}

.comment-block .response-block .comment-content {
	margin-left:55px;
}

.comment-block .response-block .comment-content .comment-head {
	padding-bottom:4px;
}

.comment-block .response-block .comment-content .comment-text {
	padding-bottom:6px;
}

.comment-block .response-block .comment-content .comment-head .comment-user {
	font-size:17px;
}

.comment-edited {
	display:block;
	padding-top:10px;
}

.comment-edited > span {
	color: #898989;
	background:#e3e3e3;
	font-size: 12px;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 4px 8px;
}

.comment-edited {
	padding-top:6px;
}

.comment-edited > span {
	background:#dddddd;
}

.comment-edited.deleted {
	padding-top:0px;
}


#comments {
	display: block;
	border-bottom: 2px solid #E7E7E7;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#comments .comment-inner {
	display: block;
	position: relative;
}

#comments .comment-avatar {
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	padding: 3px;
	margin-bottom: 40px;
}

#comments .comment-avatar img {
	width: 70px;
	height: 70px;
}

#comments .comment-content {
	display: block;
	margin-left: 95px;
	margin-bottom: 25px;
}

#comments .comment-content .comment-header h3 {
	margin-bottom: 8px;
}

#comments .comment-content p {
	margin-bottom: 11px;
}

#comments > li:first-child:before {
	display: none;
}

#comments > li:first-child {
	padding-top: 0px;
}

#comments li {
	padding-top: 15px;
	position: relative;
	display: block;
	border-top: 2px solid #E7E7E7;
}

#comments > li:first-child {
	border-top: 0px;
}

#comments li:before {
	bottom: auto;
	top: -4px;
}

#comments ul li {
	display: block;
	padding-left: 95px;
}

.comment-form {
	display: block;
	width: 100%;
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
}

.comment-form p {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

.comment-form p.form-info {
	margin-bottom: 30px;
}

.comment-form p label {
	display: block;
	float: left;
	width: 24%;
	font-size: 13px;
	text-align: right;
	position: relative;
	line-height: 31px;
}

.comment-form p textarea, .comment-form p input {
	display: block;
	margin-left: 23%!important;
}

.comment-form p input[type=submit] {
	display: block;
	margin-left: 29.08%!important;
}

.comment-form p textarea, .comment-form p input[type=text] {
	width: 65%!important;
	display: block!important;
	margin-left: 29%!important;
}

.comment-form p.comment-notes {
	margin-bottom: 25px;
}



.comment-form .required {
	display: inline-block;
	padding-left: 5px;
	font-weight: bold;
	color: #c84c09;
	font-size: 17px;
	line-height: inherit;
}

.comment-form p textarea {
	height: 70px;
	margin-bottom: 15px;
}


.post-a {
	display: inline-block;
	margin-right: 14px;
	font-size: 13px;
	vertical-align: middle;
}

.post-a i.fa {
	margin-right: 7px;
	line-height: inherit!important;
	font-size: inherit;
	vertical-align: initial;
}

.post-list {
	display: block;
}


.respond-submit {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-align:right;
}

.respond-submit input {
	margin-left:8px;
}

.respond-textarea {
	display: block;
	position: relative;
	margin-top: 1px;
}

.respond-textarea > textarea {
	height:40px;
	width:100%;
	border:1px solid #cccccc;
	padding:8px 12px;
	font-size:12px;
	box-shadow:inset 0px 3px 5px rgba(0,0,0,0.05);
	-moz-border-radius:2px;
	border-radius:2px;
	font-family:Arial;
	background:#fff;
	resize:vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
}

.textarea-arrow {
	position:absolute;
	width:6px;
	height:6px;
	background:#fff;
	z-index:5;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	left:-3px;
	top:16px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.likes-tooltip {
	display:block;
	background:#232323;
	color:#fff;
	position:absolute;
	padding:12px;
	font-size:11px;
	left:0px;
	top:0px;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0);
	margin-top:-110px;
	border-radius:2px;
	-moz-border-radius:2px;
	cursor:default;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-moz-transition: opacity 0.2s, margin-top 0.2s;
	-webkit-transition: opacity 0.2s, margin-top 0.2s;
	-o-transition: opacity 0.2s, margin-top 0.2s;
	padding-bottom: 10px;
}

.likes-tooltip:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background:inherit;
	position:absolute;
	bottom:-2px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.likes-tooltip.active {
	display:block;
	z-index:100;
	margin-top:-100px;
	opacity:1;
	filter:alpha(opacity=100);
}

.likes-tooltip .avatar {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.likes-tooltip .avatar:last-child {
	margin-right: 0px;
}

.likes-tooltip .like-button {
	display: block;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;

}

.likes-tooltip .like-button a {
	color: #ccc;
}

.likes-tooltip .like-button a:hover {
	color: #fff;
}

.panel-with-spaces {
	display:block;
	background:url(../images/sidebar-title.png) no-repeat center top;
	padding:14px 10px 0px 10px;
	margin-top: 14px;
	margin-left: -10px;
	margin-right: -10px;
}

.with-online-users {
	display:block;
	margin-bottom:-5px;
}

.with-online-users:after {
	display:block;
	clear:both;
	content:'';
}

.with-online-users li {
	display:block;
	float:left;
}

.with-online-users .avatar {
	margin-bottom: 5px;
}

.voting-list {
	display:block;
	width:100%;
	list-style:none;
}

.voting-list li {
	display: block;
	list-style: none;
	margin-bottom:10px;
	position: relative;
}

.voting-list li:before {
	display: block;
	border-bottom: 1px dotted #ccc;
	z-index: 1;
	content: '';
	position:absolute;
	width: 100%;
	height: 1px;
	background: transparent;
	left: 0px;
	top: 5px;
}

.voting-list li:last-child {
	margin-bottom:0px;
}

.voting-list li .voting-text {
	display: block;
	float: left;
	padding-right: 10px;
	background: #e2e2e2;
	max-width:200px;
	position: relative;
	z-index: 2;
}

.voting-list li .voting-legent {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 2px;
	margin-right: 10px;
}

.voting-list li .voting-percents {
	display: block;
	float: right;
	padding-left: 10px;
	background: #e2e2e2;
	position: relative;
	z-index: 2;
}




/*------------------------------------------------------------------
[5. Photo gallery]

+ .photo-gallery-items
	+ .item
		+ .item-header
			+ img
		+ .item-content
			+ h3
			+ .item-category
			+ p
			+ a.view-more

-------------------------------------------------------------------*/

.photo-galleries {
	display: block;
	margin-bottom: 10px;
}

.photo-galleries:after {
	display: block;
	clear: both;
	content: '';
}

.photo-galleries > .item {
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 5%;
}

.photo-galleries > .item:nth-child(2n+1) {
	clear: both;
}

.photo-galleries > .item .item-header {
	display: block;
	margin-bottom: 15px;
}

.photo-galleries > .item .item-header a {
	display: block;
	float: left;
	margin: 0 2px 2px 0;
	background-color: #256193;
	background-image: url(../images/gallery-shine.png);
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
}

.photo-galleries > .item .item-header a img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item .item-header a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.photo-galleries > .item .item-header a.photo-link:before {
	display: block;
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item .item-header a.photo-link:hover:before {
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.photo-galleries > .item .item-header .photo-link,
.photo-galleries > .item .item-header .photo-2 {
	margin-right: 0px;
}

.photo-galleries > .item .item-header .photo-1 img {
	width: 240px;
	height: 150px;
}

.photo-galleries > .item .item-header .photo-2 img {
	width: 211px;
	height: 150px;
}

.photo-galleries > .item .item-header .photo-3 img {
	width: 240px;
	height: 140px;
}

.photo-galleries > .item .item-header .photo-link {
	width: 211px;
	height: 140px;
	overflow: hidden;
	position: relative;
}

.photo-galleries > .item .item-header .photo-link .photo-link-top {
	display: block;
	position: relative;
	text-align: center;
	padding: 20px;
	line-height: 97px;
	vertical-align: middle;
	font-size: 18px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item .item-header .photo-link .photo-link-top i.fa {
	display: inline-block;
	line-height: inherit;
	font-size: 40px;
	vertical-align: middle;
	padding-right: 10px;
}

.photo-galleries > .item .item-header .photo-link .photo-link-meta {
	display: block;
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: -45px;
	border-top: 1px solid rgba(255,255,255,0.5);
	padding-top: 45px;
	text-transform: uppercase;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item:hover .item-header .photo-link .photo-link-meta {
	opacity: 0.7;
	filter: alpha(opacity=70);
	bottom: 15px;
	padding-top: 15px;
}

.photo-galleries > .item:hover .item-header .photo-link .photo-link-top {
	line-height: 60px;
}

.photo-galleries > .item .item-header .photo-link .photo-link-meta > span {
	line-height: 11px;
	font-size: 11px;
}

.photo-galleries > .item .item-header a img {
	display: block;
	line-height: 0;
}

body .photo-galleries > .item .photos-related-games a:hover,
body .photo-galleries > .item .photos-related-games a {
	text-decoration: underline;
}

.photo-gallery-single {
	margin-bottom: 30px;
}

.photo-gallery-single .cancel-fullscreen-button,
.photo-gallery-single.isonfullscreen .photo-fullscreen-button {
	display: none;
}

.photo-gallery-single.isonfullscreen .cancel-fullscreen-button {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	padding: 20px;
	background: url(../images/lightbox-close.png) center center no-repeat;
	z-index: 10;
}

.photo-gallery-single.isonfullscreen {
	background: #000;
	height: 100%;
	margin-bottom: 0px;
	height: 100%;
}

.photo-gallery-single.isonfullscreen .inner-wrapper {
	position: absolute;
	width: 100%;
	bottom: 210px;
	left: 0px;
	right: 0px;
	top: 0px;
	padding-top: 30px;
	text-align: center;
}

.photo-gallery-single .full-photo-frame {
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}

.photo-gallery-single .full-photo-frame img {
	max-width: 100%;
}

.photo-gallery-single.isonfullscreen .full-photo-frame img {
	max-height: 95%;
}



.photo-gallery-single .photo-single-thumbnails {
	display: block;
	overflow-y: hidden;
	overflow-x: auto;
	position: relative;
	white-space: nowrap;
	font-size: 0;
	padding-left: 5px;
	padding-right: 0px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner {
	display: block;
	position: relative;
	white-space: nowrap;
	padding: 20px 0;
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb {
	display: inline-block;
	margin-right: 15px;
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb:hover img {
	box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb img {
	box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
}

.photo-gallery-single.isonfullscreen .photo-single-thumbnails .thumbs-inner .ph-thumb:hover img {
	box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
}

.photo-gallery-single.isonfullscreen .photo-single-thumbnails .thumbs-inner .ph-thumb img {
	box-shadow: 0 0 0 5px rgba(255,255,255,0.2);
}

.photo-gallery-single.isonfullscreen .photo-single-thumbnails .thumbs-inner .ph-thumb.active img,
.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb.active img {
	box-shadow: 0 0 0 5px #E4731A;
}


.photo-gallery-single.isonfullscreen .photo-single-thumbnails {
	padding: 10px 25px;
	margin: 0px;
	background: #181818;
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.photo-gallery-single .inner-wrapper {
	position: relative;
}

.photo-gallery-single a.photo-single-arrow i.fa {
	line-height: inherit;
	padding: 0px;
}


.photo-gallery-single:hover a.photo-single-arrow,
.photo-gallery-single:hover .photo-fullscreen-button {
	opacity: 1;
	filter: alpha(opacity=100);
}

.photo-gallery-single .photo-fullscreen-button {
	display: block;
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 10px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding: 10px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 14px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
}

.photo-gallery-single .photo-fullscreen-button i.fa {
	line-height: inherit;
	padding-right: 6px;
}

.photo-gallery-single a.photo-single-arrow {
	display: block;
	position: absolute;
	left: -50px;
	background: rgba(0,0,0,0.5);
	color: #aaa;
	z-index: 2;
	width: 60px;
	height: 70px;
	top: 50%;
	margin-top: -35px;
	line-height: 65px;
	font-size: 50px;
	text-align: center;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-gallery-single:hover a.photo-single-arrow.left {
	left: 0px;
	right: auto;
}

.photo-gallery-single a.photo-single-arrow:hover {
	background: #000;
	color: #fff;
}

.photo-gallery-single {
	overflow: hidden;
}

.photo-gallery-single:hover a.photo-single-arrow.right {
	left: auto;
	right: 0px;
}

.photo-gallery-single a.photo-single-arrow.right {
	left: auto;
	right: -50px;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
}

.photo-gallery-single .photo-single-thumbnails img {
	width: 110px;
	height: 92px;
}

.content-padding.full-page-comment-wrap {
	padding-left: 100px;
	padding-right: 100px;
}



:fullscreen .photo-gallery-single,
:-ms-full-screen .photo-gallery-single,
:-moz-full-screen .photo-gallery-single,
:-webkit-full-screen .photo-gallery-single {
	width: 100%;
	height: 100%;
}







/*------------------------------------------------------------------
[6. Sidebar styling]

+ #main-box
	+ #sidebar
		+ .panel

-------------------------------------------------------------------*/

#main-box #sidebar {
	float: right;
	width: 300px;
	background: #E2E2E2;
	box-shadow: inset 1px 0 0 0 #D0D0D0;
	
}

#main-box.sidebar-left #sidebar {
	box-shadow: inset -1px 0 0 0 #D0D0D0;
}

#sidebar .panel {
	display: block;
	border-top: 5px solid #256193;
	position: relative;
}

#sidebar .panel > h2 {
	display: block;
	padding: 10px 10px;
	font-size: 17px;
	margin-bottom: 0px;
}

#sidebar .panel .panel-content {
	display: block;
	background: url(../images/sidebar-title.png) no-repeat center top;
	padding: 14px 10px 20px 10px;
}

#sidebar .panel .panel-content.no-padding {
	padding: 0px;
	padding-top: 1px;
}

.sidebar-comments  {
	position: absolute;
	display: block;
	margin-top: 9px;
	right: 20px;
	z-index: 8;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
	background: url(../images/comment-arrow.png) no-repeat 7px bottom;
}

.sidebar-comments span {
	display: block;
	padding: 2px 7px;
	color: #fff!important;
	background: #6fb205;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.sidebar-comments.inactive  {
	background: url(../images/comment-arrow-inactive.png) no-repeat 7px bottom;
}

.sidebar-comments.inactive span {
	background: #afafaf;
}

.new-forum-line {
	padding-bottom: 0px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0px;
	position: relative;
}

.new-forum-line a.f_content {
	display: block;
	padding: 10px 11px 12px 11px;
	margin-top: 0px;
}

.new-forum-line a.f_content:hover {
	background: #eaeaea;
}

.new-forum-line strong {
	font-size: 14px;
	margin-bottom: 5px;
	max-width: 180px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}

.new-forum-line span {
	color: #929292;
	font-size: 13px;
}

.new-forum-line span b {
	color: #5f5f5f;
}

.new-forum-line .avatar {
	margin-top: 10px;
	margin-left: 11px;
	float: left;
	margin-right: 10px;
}

.avatar {
	display: inline-block;
	position: relative;
	border: 0px;
	width: 39px;
	height: 39px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
}

.avatar.avatar-big {
	width: 50px;
	height: 50px;
}

.avatar.avatar-large {
	width: 90px;
	height: 90px;
}

.avatar:hover {
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

.avatar:hover .wrapimg:after {
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.4);
}

.event-list .item,
.post-list .item {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

.event-list .item:after,
.post-list .item:after {
	display: block;
	clear: both;
	content: '';
}

.post-list .item .item-content {
	display: block;
	margin-left: 95px;
}

.event-list .item .item-content h3,
.post-list .item .item-content h3 {
	font-size: 19px;
	margin-bottom: 8px;
}

.event-list .item .item-content p,
.post-list .item .item-content p {
	margin-bottom: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.event-list .item .item-head,
.post-list .item .item-head {
	display: block;
	float: left;
}

.post-list .item .item-head img {
	background: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 3px;
}

.event-list .item:last-child,
.post-list .item:last-child {
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.event-list .item:last-child:before,
.post-list .item:last-child:before {
	display: none;
}

.item-list {
	display: block;
}

.item-list:after {
	display: block;
	clear: both;
	content: '';
}

.item-list > div {
	display: block;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.item-list.items-2 > div {
	width: 50%;
}

.item-list.items-3 > div {
	width: 33.33%;
}

.item-list.items-4 > div {
	width: 25%;
}

.item-list > div.item {
	padding: 20px 20px;
	text-align: center;
}

.item-list > div.item i.fa {
	font-size: 60px!important;
	margin-bottom: 15px;
	color: #3a2a1d;
}

.item-list > div.item h3 {
	font-size: 23px;
	margin-bottom: 10px;
}

.item-list > div.item p {
	margin-bottom: 0px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.item-list-row {
	display: table;
}

.item-list-row > .item {
	display: table-cell;
}

.map-inner {
	display: block;
	margin-bottom: 20px;
}

.event-icon {
	display: inline-block;
	background: rgba(255,255,255,0.8);
	padding: 15px 12px 8px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 0 1px rgba(0,0,0,0.08);
	text-transform: uppercase;
	text-align: center;
	width: 35px;
	position: relative;
}

.event-icon:before {
	display: block;
	content: '';
	top: -1px;
	left: -1px;
	right: -1px;
	height: 8px;
	background: #c5dd72;
	position: absolute;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);

}

.event-icon strong {
	display: block;
	font-size: 20px;
	line-height: 20px;
}

.event-icon span {
	display: block;
	font-size: 10px;
	line-height: 13px;
}

.event-header .item-top, .event-list .item .item-top {
	display: block;
	margin-left: 78px;
	margin-bottom: 15px;
}

.event-header:after {
	display: block;
	clear: both;
	content: '';
	margin-bottom: 28px;
}

.event-header .item-head {
	display: block;
	float: left;
}

.event-list .item-bottom {
	padding-top: 10px;
	padding-bottom: 35px;
	clear: both;
	border-bottom: 2px solid #E7E7E7;
}

.event-list .item:last-child .item-bottom {
	border-bottom: 0px;
}

.event-list .item-bottom p {
	margin-bottom: 15px;
}

.forum-post .avatar.online:before,
.avatar.online:hover:before, #_strike-user .avatar.online:before, .profile-left-side .avatar.online:before {
	content: 'online';
	display: block;
	position: absolute;
	z-index: 12;
	font-size: 8px;
	line-height: 12px;
	background: #7ec700;
	color: #fff;
	bottom: -15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.forum-post .avatar.away:before,
.avatar.away:hover:before, #_strike-user .avatar.away:before, .profile-left-side .avatar.away:before {
	content:'away';
	display:block;
	position:absolute;
	z-index:12;
	font-size: 8px;
	line-height: 12px;
	background:#ffae00;
	color:#fff;
	bottom:-15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.forum-post .avatar.ingame:before,
.avatar.ingame:hover:before, #_strike-user .avatar.ingame:before, .profile-left-side .avatar.ingame:before {
	content:'playing';
	display:block;
	position:absolute;
	z-index:12;
	font-size: 8px;
	line-height: 12px;
	background:#009ae9;
	color:#fff;
	bottom:-15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.forum-post .avatar.offline:before,
.avatar.offline:hover:before, #_strike-user .avatar.offline:before, .profile-left-side .avatar.offline:before {
	content:'offline';
	display:block;
	position:absolute;
	z-index:12;
	font-size: 8px;
	line-height: 12px;
	background:#858585;
	color:#fff;
	bottom:-15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.avatar.offline:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	font-size: 0;
}

.profile-left-side .avatar.online:before, .profile-left-side .avatar.away:before, .profile-left-side .avatar.ingame:before, .profile-left-side .avatar.offline:before {
	font-size: 13px;
	bottom: -25px;
	box-shadow: none;
	font-weight: bold;
	padding: 3px 0px;
}

.avatar.online:before {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #7ec700;
	z-index: 11;
	bottom: -2px;
	right: -2px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	font-size: 0;
}

.avatar.away:before {
	content:'';
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	border-radius:3px;
	-moz-border-radius:3px;
	background:#ffae00;
	z-index:11;
	bottom:-2px;
	right:-2px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	font-size: 0;
}

.avatar.ingame:before {
	content:'';
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	border-radius:3px;
	-moz-border-radius:3px;
	background:#009ae9;
	z-index:11;
	bottom:-2px;
	right:-2px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	font-size: 0;
}

.panel .piestuff {
	text-align:center;
	margin:25px 0px 30px 0px;
}

.photo-block {
	display:block;
	width:644px;
	margin-bottom:0px;
}

.photo-block:hover > div {
	opacity:0.2;
	filter:alpha(opacity=20);
}

.photo-block > div:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.photo-block .big-block {
	display:block;
	width:322px;
	height:250px;
	float:left;
}

.photo-block .small-block {
	display:block;
	width:161px;
	height:125px;
	float:left;
}


.article-promo {
	display:block;
}

.article-promo .article-photo {
	display:block;
	float:left;
	width:301px;
	margin-bottom:20px;
}

.article-promo .article-content {
	display:block;
	float:left;
	width:319px;
	margin-left:24px;
}

.article-promo .article-content h3 {
	margin-top:-16px;
}

.article-icons {
	display: block;
	padding: 0px 0px 15px 0px;
	cursor: default;
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 14px;
}

.article-full .article-icons {
	border-bottom: 0px;
	margin-bottom: -20px!important;
}

.article-icons a {
	color: #898989;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	margin-right: 14px;
	text-decoration: none;
}

.article-icons a .fa {
	font-size: inherit;
	display: inline-block;
	padding-top: 2px;
	padding-right: 10px;
	line-height: inherit!important;
}

.article-icons a:hover {
	color: #256193;
}

.do-the-split {
	display: block;
	width: 100%;
	height: 4px;
	background: url(../images/content-title-bg.png) repeat-x center center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#_strike-tooltip {
	display:block;
	background:#232323;
	color:#fff;
	position:absolute;
	padding:4px 9px;
	font-size:11px;
	left:0px;
	top:0px;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0);
	margin-top:-20px;
	border-radius:2px;
	-moz-border-radius:2px;
	cursor:default;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	/*-moz-transition: opacity 0.2s, margin-top 0.2s;
	-webkit-transition: opacity 0.2s, margin-top 0.2s;
	-o-transition: opacity 0.2s, margin-top 0.2s;*/
}

#_strike-tooltip:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background:inherit;
	position:absolute;
	bottom:-2px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#_strike-tooltip.active {
	display:block;
	z-index:100;
	margin-top:-28px;
	opacity:1;
	filter:alpha(opacity=100);
}

.admin-ribbon {
	display: inline-block;
	background: #232323;
	color: #fff;
	font-size: 8px;
	line-height: 100%;
	padding: 3px 6px;
	margin: 1px 0px 0px 7px;
	text-transform: uppercase;
	cursor: default;
	vertical-align: middle;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-bottom: 6px;
}

.user-ribbon {
	display:inline-block;
	background:#ccc;
	color:#fff;
	font-size:8px;
	line-height:100%;
	padding: 3px 6px;
	margin: 1px 0px 0px 7px;
	text-transform:uppercase;
	cursor:default;
	vertical-align:middle;
	border-radius:2px;
	-moz-border-radius:2px;
	margin-bottom:6px;
}







/*------------------------------------------------------------------
[7. Footer]

+ .footer
	+ .footer-widgets
		+ .widget
			+ h2
			+ div
	+ .footer-bottom
		+ .footer-bottom-inner

-------------------------------------------------------------------*/


.footer {
	background: url(../images/header-top-bg.png);
	color: #868686;
	box-shadow: inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(255,255,255,0.1);
}

.footer a {
	color: #868686;
}

.footer a:hover {
	color: #fff;
}

.footer .footer-top {
	background: rgba(255,255,255,0.08);
	border-bottom: 1px solid rgba(255,255,255,0.08);
	height: 6px;
	width: 100%;
	display: block;
}

.footer .footer-bottom {
	background: rgba(0,0,0,0.22);
	border-top: 1px solid rgba(255,255,255,0.11);
	display: block;
	padding: 17px 25px;
	cursor: default;
}

.footer .footer-bottom li {
	display: inline-block;
	margin-left: 13px;
}

.footer .footer-content {
	color: #E2E2E2;
	display: table;
	width: 100%;
}

.footer .footer-content a {
	color: #E2E2E2;
}

.footer .footer-content .panel .top-right {
	top: 26px;
	right: 21px;
}

.footer .footer-content .panel .top-right a {
	color: #888;
}

.footer .footer-content > div {
	display: table-cell;
	width: 33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px;
	position: relative;
}

.footer .footer-content > div:after {
	display: block;
	width: 3px;
	position: absolute;
	content: '';
	right: 0px;
	top: 25px;
	bottom: 25px;
	background: url(../images/footer-split.png) repeat-y;
	opacity: 0.7;
}

.footer .footer-content > div > h2 {
	border-bottom: 2px solid rgba(204, 204, 204, 0.2);
	padding-bottom: 7px;
	margin-bottom: 20px;
	color: #888;
}

.footer .footer-content .d-articles .item {
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.footer .footer-content .d-articles .item:last-child {
	border-bottom: 0px;
}




.panel-duel {
	display: block;
	position: relative;
}

.panel-duel .duel-versus {
	display: block;
	position: absolute;
	z-index: 10;
	width: 74px;
	height: 74px;
	background: url(../images/strike-vs.png) no-repeat center;
	top: 50%;
	left: 50%;
	margin-left: -38px;
	margin-top: -38px;
}

.panel-duel-block:first-child {
	margin-left: 0px;
}

.panel-duel-block {
	float: left;
	width: 135px;
	height: 200px;
	margin-left: 10px;
	position: relative;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
}

.panel-duel-block .caption {
	margin-right: 8px;
	position: absolute;
	color: #fff;
	background: rgba(0,0,0,0.8);
	padding: 5px 10px;
	bottom: 8px;
	left: 8px;
	line-height: 150%;
}

.panel-duel-voting {
	display: block;
	margin-top: 10px;
}

.panel-duel-voting .panel-duel-vote:first-child {
	margin-left: 0px;
}

.panel-duel-voting .panel-duel-vote {
	float: left;
	width: 135px;
	height: auto;
	margin-left: 10px;
	position: relative;
}

.panel-duel-voting .panel-duel-vote a {
	color: #fff;
	font-size: 12px;
	display: block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 8px;
	background: #256193;
	text-align: center;
}

.panel-duel-voting .panel-duel-vote a:hover {
	background: #232323;
}

.voting-line {
	display: block;
	margin-bottom: 10px;
}

.voting-line div span {
	padding: 5px 8px;
	display: block;
	color: #fff;
	font-size: 11px;
}

.voting-line .voting-left {
	display: block;
	background: #c5841d;
	float: left;
	border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	text-align: left;
	overflow: hidden;
}

.voting-line .voting-right {
	display: block;
	background: #aa4747;
	float: left;
	border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	text-align: right;
	overflow: hidden;
}

.panel-games-lobby.full-page {
	display: block;
	width: 644px;
	overflow: hidden;
}

.panel-games-lobby.full-page ol {
	display: block;
	width: 654px;
}

.panel-games-lobby.full-page ol li:last-child {
	margin-bottom: 20px;
}

.panel-games-lobby.full-page ol li {
	width: 315px;
	float: left;
	display: block;
	margin: 0px 12px 20px 0px;
}

.panel-games-lobby.full-page ol li .lobby-block {
	width: 315px;
	height: 160px;
}

.panel-games-lobby.full-page ol li .lobby-block .join-button a {
	top: 42%;
}


.panel-games-lobby {
	display: block;
}

.panel-games-lobby ol {
	display: block;
}

.panel-games-lobby ol li {
	display: block;
	margin-bottom: 10px;
}

.panel-games-lobby ol li:last-child {
	margin-bottom: 0px;
}

.panel-games-lobby ol li .lobby-block {
	display: block;
	width: 280px;
	height: 100px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.18);
	position: relative;
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
}

.panel-games-lobby ol li .lobby-block .caption {
	margin-right: 8px;
	position: absolute;
	color: #fff;
	background: rgba(0,0,0,0.8);
	padding: 5px 10px;
	top: 8px;
	left: 8px;
	line-height: 150%;
	z-index: 6;
}

.panel-games-lobby ol li:hover .lobby-block .caption {
	display: none;
}

.panel-games-lobby ol li .lobby-info .right {
	line-height: 11px!important;
	vertical-align: bottom;
}

.panel-games-lobby ol li .lobby-info {
	display: block;
	position: relative;
	background: #f0f0f0;
	padding: 8px 9px;
	border: 1px solid #ccc;
	margin-top: -1px;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	color: #7b7b7b;
	cursor: default;
}

.panel-games-lobby ol li.lobby-admin:hover .lobby-info .admin-option.fa {
	display: block!important;
}

.panel-games-lobby ol li.lobby-admin:hover .lobby-info b a {
	max-width: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.panel-games-lobby ol li .lobby-info .admin-option.fa {
	display: none;
	cursor: pointer;
	padding: 3px 5px!important;
	font-size: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-top: -2px;
	margin-bottom: -2px;
	margin-right: 5px;
	line-height: 11px;
}

.panel-games-lobby ol li .lobby-info {
	line-height: 14px;
}

.panel-games-lobby ol li .lobby-info .admin-option:hover {
	background: #d2382c;
	color: #fff;
}

.panel-games-lobby ol li .lobby-info .fa {
	line-height: 14px;
	margin-right: 7px;
}

.panel-games-lobby ol li .lobby-info b {
	color: #232323;
}

.panel-games-lobby ol li .lobby-info:before {
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	border-left: inherit;
	border-top: inherit;
	background: inherit;
	position: absolute;
	top: -4px;
	left: 10%;
	margin-left: -3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.panel-games-lobby ol li .lobby-block .join-button {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	text-align: center;
}

.panel-games-lobby ol li:hover .lobby-block .join-button {
	display: block;
}

.panel-games-lobby ol li .lobby-block .join-button a {
	background: #78b725;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 8px;
	text-align: center;
	position: relative;
	top: 35%;
}

.panel-games-lobby ol li .lobby-block .join-button a:hover {
	color: #232323;
	background: #f0f0f0;
}

.panel-games-lobby ol li .lobby-block .join-button span {
	display: none;
	color: #232323;
	background: #f0f0f0;
	font-size: 12px;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 8px;
	text-align: center;
	position: relative;
	top: 35%;
	cursor: default;
}

.panel-games-lobby ol li .lobby-block .join-button span .fa {
	display: inline-block;
	padding: 2px 8px 0px 0px;
	font-size: 11px;
}

.panel-games-lobby ol li .lobby-block.full .join-button a {
	display: none;
}

.panel-games-lobby ol li .lobby-block.full .join-button span {
	display: inline-block;
}

.panel .top-right {
	display: block;
	position: absolute;
	top: 13px;
	right: 10px;
	font-size: 12px;
}

.other-info {
	border-top: 1px dotted #ccc;
	display: block;
	margin-top: 15px;
	padding-top: 10px;
	text-align: right;
	color: #7b7b7b;
}



.profile-tabs {
	display: block;
	margin-bottom: 20px;
	position: relative;
}


.profile-tabs ul {
	padding-left: 10px;
	position: relative;
	display: block;
}

.profile-tabs ul:after {
	display: block;
	content: '';
	clear: both;
}

.profile-tabs ul:before {
	display: block;
	content: '';
	background: #ccc;
	height: 1px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;
}

.profile-tabs li {
	display: block;
	float: left;
	position: relative;
	z-index: 1;
}

.profile-tabs li.active {
	z-index: 2;
}

.profile-tabs li.active a {
	background: #f4f4f4;
	padding-bottom: 9px;
	box-shadow: 3px -2px 4px -2px rgba(0, 0, 0, 0.04), -3px -2px 4px -2px rgba(0, 0, 0, 0.04), inset 0 23px 20px -20px rgba(255, 255, 255, 0.6);
}

.profile-tabs li:hover a {
	background: #f4f4f4;
}

.profile-tabs li a {
	display: block;
	padding: 9px 12px 8px 12px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-radius: 3px 3px 0 0;
	background: #EBEBEB;
	margin-left: 1px;
	color: #232323;
	box-shadow: inset 0 -32px 20px -20px rgba(0, 0, 0, 0.03);
}

.profile-right-side .the-form {
	margin-top: 40px;
}

.profile-right-side .the-form p {
	margin-left: -50px;
}

.profile-right-side .the-form form input[type=checkbox] {
	margin-top: 11px;
}



.signup-panel {
	display: block;
	overflow:hidden;
}

.signup-panel .left {
	float: left;
	padding-right: 20px;
	width: 400px;
}

.signup-panel .right {
	width: initial;
	float:none;
	padding-left: 20px;
	margin-left: -21px;
	border-left: 1px dotted #ccc;
	overflow:hidden;
}

.p-padding {
	padding-bottom: 16px;
	color: #9c9c9c!important;
}


.the-form {
	display: block;
	width: 346px;
	margin: 10px auto;
}

.the-form .required {
	display: inline-block;
	color: #b41e1e;
	font-weight: bold;
	padding: 0px 0px 0px 7px;
}

.the-form form > p {
	display: block;
	padding-bottom: 8px;
}

.the-form form > p > label:not(.iiiii) {
	display: block;
	float: left;
	width: 120px;
	line-height: 31px!important;
	margin-right: 18px;
	text-align: right;
	color: #8c8c8c;
	white-space: nowrap;
}

.the-form form input[type=checkbox] {
	display: inline-block;
	margin-left: 1px;
	margin-top: 5px;
}

.the-form form > p > .iiiii {
	display: inline-block;
	padding: 2px 0px 0px 8px;
	color: #8c8c8c;
}

.the-form .form-footer {
	display: block;
	padding: 10px 0px 0px 140px;
}

.the-form .error-msg {
	display: block;
	margin: 0px 0px 0px 138px;
	background: #ca2424;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
	width: 186px;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
}

.info-msg {
	display: block;
	margin: 30px 0px 0px 0px;
	background: #f5e6b5;
	color: #665723;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.info-msg a {
	text-decoration: underline;
}

.info-msg.simple {
	background: transparent;
	color: #939393;
	text-align: center;
}

.the-error-msg {
	display: block;
	margin: 30px 0px 15px 0px;
	background: #c1462e;
	color: #fff;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.the-error-msg a {
	color: #fff;
	text-decoration: underline;
}

.the-error-msg .fa {
	display: inline-block;
	padding: 2px 9px 0px 0px;
}

.success-msg {
	display: block;
	margin: 30px 0px 0px 0px;
	background: #C8F4B5;
	color: #326523;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.success-msg a {
	text-decoration: underline;
}

input.error-input {
	border-radius: 2px 2px 0px 0px!important;
	-moz-border-radius: 2px 2px 0px 0px!important;
	box-shadow: inset 0px 3px 0px rgba(0,0,0,0.02)!important;
	border: 1px solid #ca2424!important;
}

.login-passes {
	display: block;
	padding: 0px 0px 10px 0px;
	text-align: center;
	cursor: default;
	text-align: left;
	background: #e9e9e9;
	color: #7d7d7d;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	font-weight: bold;
	border: 1px dotted #c3c3c3;
	margin-bottom: 20px;
}

.login-passes > b {
	display: inline-block;
	padding-top: 2px;
	padding-right: 12px;
}

.login-passes > a {
	display: inline-block;
	margin-right: 5px;
}

.form-split-about {
	display: block;
}

.form-split-about > ul {
	display: block;
}

.form-split-about > ul > li {
	display: block;
	margin-top: 15px;
	padding-left: 70px;
	position: relative;
}

.form-split-about > ul > li > b {
	display: block;
	font-size: 18px;
	margin-bottom: 7px;
	color: #5f5f5f;
}

.form-split-about > ul > li > .fa {
	display: block;
	font-size: 40px;
	margin-bottom: 7px;
	color: #cacaca;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: default;
	width: 41px;
	text-align: center;
}

.form-split-about > ul > li > font {
	display: block;
	font-size: 40px;
	margin-bottom: 7px;
	color: #cacaca;
	position: absolute;
	left: 0px;
	top: -4px;
	cursor: default;
	width: 41px;
	text-align: center;
}

.right > .content-padding {
	padding-left: 10px;
}

.left > .content-padding {
	padding-right: 10px;
}

.pagination {
	display: block;
	text-align: center;
	font-size: 0;
}
table .pagination {
	display: inherit;
	text-align: inherit;
	font-size: inherit;
}

.pagination .page-num {
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	height: 25px;
	width: 25px;
	border: 1px solid transparent;
	/*background: #e9e9e9;*/
	color: #929292;
	font-weight: bold;
	margin: 0 3px;
	border-radius: 50%;
}

.pagination .page-num.page-hidden {
	color: #ccc;
	cursor: default;
}

.pagination a.page-num:hover {
	border: 1px solid #232323;
	color: #232323;
}

.pagination .page-num.current {
	background: #232323;
	color: #fff;
	border: 1px solid transparent;
	cursor: default;
}





.user-profile {
	display: block;
	position: relative;
}

.user-profile .profile-right-side {
	width: 736px;
	float: left;
	margin-left: -20px;
}

.user-profile .profile-left-side {
	width: 244px;
	margin: -110px 20px 0px 20px;
	position: relative;
	z-index: 2;
	float: left;
}

.user-profile .profile-left-side .the-profile-top {
	background: #fff;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.06);
	padding: 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.user-profile .profile-left-side .profile-user-name {
	position: absolute;
	top: -8px;
	left: 270px;
	color: #fff;
	text-shadow: 0px 0px 3px #000;
	white-space: nowrap;
}

.user-profile .profile-left-side .profile-user-name .admin-ribbon {
	font-size: 14px;
	margin-top: 1px;
	margin-left: 12px;
	box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2);
}

.user-profile .profile-left-side .profile-user-name h1 {
	font-size: 30px;
}

.user-profile .profile-left-side .profile-user-name .sttaa {
	display: block;
	padding-top: 4px;
	width: 400px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 0px 0px 3px #000;
}

.user-profile .profile-left-side .profile-user-name .sttaa span {
	display: inline-block;
	padding-right: 7px;
	opacity: 0.5;
}

.user-profile .profile-left-side .profile-user-name .sttaa a {
	color: #fff;
	text-decoration: underline;
}

.user-profile .profile-left-side .profile-user-name .sttaa a:hover {
	text-decoration: none;
}

.user-profile .profile-left-side .avatar {
	width: 220px;
	height: 220px;
	margin-top: 0px;
	margin-bottom: 35px;
	position: relative;
}

.user-profile .profile-left-side .avatar:hover .avatar-button {
	display: block;
}

.user-profile .profile-left-side .avatar .avatar-button {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 20;
}

.user-profile .profile-left-side .avatar .avatar-button a {
	display: block;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 6px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.user-profile .profile-left-side .avatar .avatar-button a .fa {
	display: inline-block;
	padding: 1px 7px 0px 0px;
}

.user-profile .profile-left-side .avatar .avatar-button a:hover {
	background: #000;
}

.user-profile .profile-shadow {
	display: block;
	position: absolute;
	z-index: -1;
	width: 328px;
	height: 180px;
	background: url(../images/profile-card-bg.png) no-repeat center;
	top: -25px;
	left: 0px;
}

.defbutton.profile-button {
	display: block;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.defbutton.profile-button.disabled {
	background: none;
}

.defbutton.profile-button.disabled:hover {
	background: #af2727;
}

.user-button-list li {
	display: block;
	margin-bottom: 5px;
}

.user-button-list li:last-child {
	margin-bottom: 0px;
}

.profile-left-side .info-msg {
	margin-top: 0px;
	margin-bottom: 0px;
}

.profile-left-side .about-text {
	display: block;
	margin-bottom: 10px;
}

.profile-left-side .about-text > span {
	display: block;
	float: left;
	color: #ababab;
	padding-right: 10px;
	font-weight: normal;
	width: 40px;
	margin-top: -2px;
}

.profile-left-side .about-text > span.the-info {
	color: #232323;
	width: 160px;
}

.profile-left-side .about-text > span.the-info a {
	text-decoration: underline;
}

.profile-left-side .about-text > span.the-info .admin-ribbon {
	margin-left: 0px;
	margin-bottom: 0px;
}

.profile-navi {
	display: block;
	margin-top: 1px;
}

.profile-navi li {
	display: block;
	border-bottom: 1px dotted #ccc;
}

.profile-navi li a {
	display: block;
	padding: 10px 12px;
	color: #898989;
	font-size: 13px;
}

.profile-navi li.active a {
	background: #f9f9f9 url(../images/icon-arrow-right.png) no-repeat right center;
}

.profile-navi li.active a:hover {
	background: #f9f9f9 url(../images/icon-arrow-right.png) no-repeat right center;
}

.profile-navi li a:hover {
	background: #f9f9f9;
}

.profile-navi li a .fa {
	display: inline-block;
	font-size: 13px;
	padding-top: 1px;
	padding-right: 10px;
	width: 23px;
	text-align: center;
}

.profile-navi li a .notif {
	display: inline-block;
	font-size: 11px;
	padding: 2px 5px;
	margin-left: 10px;
	background: #E0E0E0;
	margin-top: -1px;
	margin-bottom: -2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.profile-panel {
	display: block;
	margin-top: 10px;
}

.profile-panel.instagram {
	display: block;
	overflow: hidden;
}

.profile-panel.instagram .pieces {
	display: block;
	width: 255px;
}

.profile-panel.instagram img {
	display: block;
	float: left;
	width: 77px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.profile-navi .left-avatar {
	display: block;
	float: left;
	padding: 0px 10px 0px 0px;
}

.profile-navi .left-avatar img {
	width: 32px;
	height: 32px;
}

.profile-left-side .the-profile-navi {
	display: block;
	width: 244px;
	background: #f4f4f4;
	box-shadow: 6px 2px 11px #f4f4f4;
}

.profile-left-side .the-profile-navi.floating {
	display: block;
	position: fixed;
	top: 0px;
}

.profile-left-side .the-profile-navi.bottom {
	position: absolute!important;
}

.profile-left-side .user-panel-about {
	display: block;
	padding-top: 10px;
}

.profile-left-side .user-panel-about > div {
	display: block;
	padding-bottom: 16px;
	color: #939393;
}

#main .profile-left-side .user-panel-about b {
	display: block;
	font-size: 14px;
	line-height: 130%!important;
	color: inherit;
	padding-bottom: 8px;
}

#main .profile-left-side .user-panel-about b .fa {
	display: inline-block;
	padding: 2px 8px 0px 0px;
	font-size: 13px;
}

#main .profile-left-side .user-panel-about p {
	display: block;
	line-height: 130%!important;
	color: inherit;
	text-align: justify;
}

.user-achievements p {
	cursor: default;
	display: block;
	padding-top: 5px;
}

.user-achievements p .ach {
	font-size: 18px;
	display: inline-block;
	margin: 0px 8px 5px 0px;
}

.info-blocks {
	display: block;
	margin-bottom: 10px;
}

.info-blocks li {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.info-blocks li:last-child {
	margin-right: 0px;
}

.info-blocks li .info-block {
	display: block;
	background: #dedede;
	color: #b1b1b1;
	font-size: 11px;
	border-radius: 2px;
	box-shadow: inset 0px 1px 2px #c8c8c8, 0px 1px 1px #fafafa;
	width: 105px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 22px;
	cursor: default;
}

.info-blocks li a.info-block {
	cursor: pointer;
}

.info-blocks li a.info-block:hover {
	background: #d6d6d6;
}

.info-blocks li .info-block b {
	display: block;
	font-size: 25px;
	color: #848484;
	padding: 13px 0px 0px 0px;
}

.info-blocks li .info-block span {
	display: block;
	padding: 0px 0px 6px 0px;
	font-size: 10px;
}



.photo-blocks {
	display: block;
	margin-bottom: 10px;
}

.photo-blocks li {
	display: block;
	float: left;
	margin-right: 10px;
	width: 128px;
}

.photo-blocks li:nth-child(5n+0) {
	margin-right: 0px;
}

.photo-blocks li {
	margin-top: 10px;
}

.photo-blocks li:nth-child(1),
.photo-blocks li:nth-child(2),
.photo-blocks li:nth-child(3),
.photo-blocks li:nth-child(4),
.photo-blocks li:nth-child(5) {
	margin-top: 0px;
}

.photo-blocks li > a > img {
	display: block;
	width: 128px;
	height: 128px;
}



.music-blocks {
	display: block;
	margin-bottom: 10px;
}

.music-blocks ul >  li {
	display: block;
	float: left;
	margin-right: 0px;
}

.music-blocks ul > li:first-child {
	margin-right: 6px;
}

.music-blocks li a {
	display: block;
	background: #e9e9e9;
	color: #686868;
	width: 327px;
	padding-right: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.music-blocks li a:hover {
	background: #232323;
	color: #fff;
}

.music-blocks li.active a {
	background: #232323;
	color: #fff;
}

.music-blocks li a .music-img {
	display: block;
	float: left;
	overflow: hidden;
	height: 52px;
	vertical-align: middle;
	padding-right: 0px;
	border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	text-align: center;
	width: 50px;
}

.music-blocks li a .music-img {
	width: 93px;
	margin-right: 10px;
}

.music-blocks li a .music-img img {
	display: block;
}

.music-blocks li a img {
	display: none;
	height: 70px;
	margin-top: -9px;
	vertical-align: middle;
}

.music-blocks li a b {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 1px;
}

.music-blocks li a span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
}

.music-blocks ol > li {
	display: block;
	margin-bottom: 6px;
}





.profile-friends-list {
	display: block;
	margin-bottom: 0px;
}

.profile-friends-list li {
	display: inline-block;
	margin-bottom: 10px;
}





.single-view-info {
	margin-top: 15px;
	margin-bottom: 25px;
	display: block;
	float: none;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 18px;
}

.single-view-info > div {
	display: block;
	float: left;
}

.single-view-info > div .single-title {
	display: block;
	font-size: 14px;
	padding-bottom: 8px;
}

.single-view-info > div .single-title a {
	font-weight: normal;
	color: #2B587A;
	font-size: 12px;
}

.single-view-info > div .single-title a:hover {
	text-decoration: underline;
}

.single-view-info > div.clear-float {
	float: none;
}

.single-view-info > div.view-likes {
	width: 264px;
}

.single-view-info > div.view-options {
	width: 410px;
	float: right;
	text-align: right;
	font-size: 0;
}

.single-view-info > div.view-options a {
	display: inline-block;
	color: #858585;
	background: #e3e3e3;
	text-align: center;
	padding: 7px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 16px;
	font-size: 11px;
	margin-left: 7px;
}

.single-view-info > div.view-options a.admin:hover {
	background: #d2382c!important;
}

.single-view-info > div.view-options a:hover {
	background: #232323;
	color: #fff;
}

.single-view-info > div.view-options a .fa {
	display: block;
	font-size: 16px;
	padding-bottom: 4px;
}




ul.profile-info {
	display: block;
	font-size: 0;
	margin-bottom: 30px;
}

ul.profile-info li {
	display: block;
	font-size: 14px;
}

/*ul.profile-info li:nth-child(odd) {
	background: #f0f0f0;
}*/

ul.profile-info li span {
	display: inline-block;
	min-height: 17px;
	line-height: 15px;
	margin-bottom: 3px;
	margin-top: 5px;
}

ul.profile-info li span.first {
	color: #999;
	width: 130px;
	font-size: 12px;
	padding-top: 1px;
	/*padding-left: 10px;*/
}

ul.profile-info li span.last {
	
}

ul.profile-info li span a {
	color: #2B587A;
}

ul.profile-info li span a:hover {
	text-decoration: underline;
}





#main .main-tabs-content p {
	margin-left: -40px;
}

.wrapimg .avatar-button {
	display: block;
	position: absolute;
	z-index: 30;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.wrapimg .avatar-button > span {
	display: none;
}

.wrapimg .avatar-button:hover > span {
	display: block;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 6px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 11px;
	bottom: 0px;
	position: absolute;
}

.wrapimg .avatar-button .fa {
	display: inline-block;
	padding-right: 10px;
	margin-top: 1px;
}


#main .main-tabs-content {
	display: block;
	padding: 20px 20px 0px 20px;
	text-align: center;
}

#main .main-tabs-content .form-footer {
	display: block;
	text-align: left;
	margin-left: -20px;
}

#main .main-tabs-content .the-form .error-msg {
	margin: 0px 0px 0px 159px;
}

#main .main-tabs-content .the-success-msg,
#main .main-tabs-content .the-alert-msg,
#main .main-tabs-content .the-error-msg {
	/*width: 400px;*/
	margin: 0px auto;
	text-align: left;
	margin-bottom: 10px;
	margin-left: auto;
}

.the-success-msg a,
.the-alert-msg a,
.the-error-msg a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#main .main-tabs-content > h2 {
	margin-left: -20px;
	margin-right: -20px;
}

.the-success-msg {
	/*width: 400px;*/
	margin: 0px auto;
	background: #59ac15;
	display: block;
	margin: 30px 0px 15px 0px;
	color: #fff;
	font-size: 13px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.the-alert-msg {
	/*width: 400px;*/
	margin: 0px auto;
	background: #0071b9;
	display: block;
	margin: 30px 0px 15px 0px;
	color: #fff;
	font-size: 13px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.the-alert-msg .fa,
.the-success-msg .fa {
	display: inline-block;
	padding: 2px 9px 0px 0px;
}

#main .main-tabs-content .msg-content {
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
}

.profile-progress {
	display: block;
	background: #f0f0f0;
	border: 2px solid #EBEBEB;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
}

.profile-progress h4 {
	font-size: 14px;
	margin-bottom: 12px;
}

.profile-progress .profile-percentage {
	display: block;
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 10px;
	padding: 1px;
	background: #f8f8f8;
}

.profile-progress .profile-percentage > div {
	display: block;
	background: #7EC700;
	border-radius: 10px;
	height: 10px;
}

body #main .article-full .article-content p,
body #main .article-full .article-content {
	font-size: 15px;
}

.article-full .article-content p {
	margin-bottom: 15px;
}

body #main .article-full .article-content {
	margin-bottom: 30px;
}

.article-full .article-icons {
	margin-bottom: 5px;
	padding-top: 15px;
}

.article-full .article-icons a {
	font-size: 14px!important;
}

.article-full .article-icons a .fa {
	font-size: 12px;
}

.article-footer {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.article-footer > div {
	display: table-cell;
	width: 50%;
	float: none;
}

.article-footer .home-article.right {
	float: none;
	width: 100%;
}

.article-footer .home-article.right ul li a span,
.article-footer .home-article.right ul li a strong {
	width: 65%;
}

 #main .article-footer h2 {
 	padding: 0px;
 }

.about-author .avatar {
	float: left;
}

.about-author .side {
	display: block;
	margin-left: 105px;
}

.about-author .side .about-head {
	font-size: 17px;
	line-height: 17px;
}

.about-author .side {
	padding-bottom: 13px;
}

.about-author .side > i {
	display: block;
	margin-bottom: 15px;
	font-style: normal;
	font-size: 14px;
}

.about-author .side > a {
	display: block;
	margin-bottom: 3px;
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
}

.about-author .side > a .fa {
	font-size: 11px;
	line-height: 16px;
	padding-right: 6px;
}

.breaking-line {
	display: block;
	height: 22px;
	width: 100%;
	background: url(../images/split-icon-1.png) no-repeat center center;
	margin-bottom: 15px;
	position: relative;
	margin-top: 15px;
}

.breaking-line:before {
	display: block;
	content: '';
	height: 2px;
	background: #d8d8d8;
	width: 45%;
	left: 0px;
	top: 10px;
	position: absolute;
}

.breaking-line:after {
	display: block;
	content: '';
	height: 2px;
	background: #d8d8d8;
	width: 45%;
	right: 0px;
	top: 10px;
	position: absolute;
}

blockquote {
	display: block;
	background: url(../images/quote-icon-1.png) no-repeat 0px 4px;
	margin-bottom: 17px;
	min-height: 23px;
	padding-left: 50px;
	font-size: 17px;
	line-height: 23px;
	font-weight: bold;
}

.accordion {
	display: block;
	margin-bottom: 20px;
}

.accordion .accordion-tab {
	display: block;
	background: rgba(255,255,255,0.2);
	border: 1px solid rgba(0,0,0,0.13);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 5px;
	position: relative;
	padding: 15px 15px 0 15px;
}

.accordion .accordion-tab.active {
	background: rgba(255,255,255,0.3);
}

.accordion .accordion-tab > a {
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	font-family: 'Fauna One', serif;
	font-size: 14px;
	text-decoration: none!important;
	position: relative;
}

.accordion .accordion-tab > a:before {
	display: block;
	content: '';
	position: absolute;
	left: -15px;
	right: -15px;
	top: -15px;
	bottom: -15px;
}

.accordion .accordion-tab > a:after {
	display: block;
	position: absolute;
	content: '\f078';
	font-size: 10px;
	font-family: 'FontAwesome';
	right: 0px;
	top: 0px;
	line-height: 16px;
}

.accordion .accordion-tab.active > a:after {
	content: '\f077';
}

.accordion .accordion-tab .accordion-block {
	display: none;
	background: url(../images/split-line-1.html) repeat-x 0px 0px;
	padding-top: 15px;
}

.accordion .accordion-tab.active .accordion-block {
	display: block;
}



.wp-caption {
	margin-bottom: 15px;
	background: rgba(255,255,255,0.3);
	border: 1px solid rgba(0,0,0,0.13);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	max-width: 100%;
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 8px 0;
}


.info-message {
	display: block;
	position: relative;
	margin-bottom: 15px;
	background: #256193;
	color: #fff;
	padding: 17px 20px;
	text-shadow: none;
}

.info-message p {
	display: block;
	margin-bottom: 0px!important;
	padding-right: 30px;
	line-height: 130%;
	font-size: 13px!important;
	color: inherit!important;
}

.info-message p strong {
	display: inline-block;
	padding-right: 8px;
}

.info-message a {
	color: #f5ecda;
}

.info-message a.close-info {
	color: #f5ecda;
	position: absolute;
	top: 15px;
	right: 15px;
}


.split {
	display: block;
}

.split > div:first-child {
	margin-left: 0px;
}

.split > div {
	display: block;
	float: left;
	margin-left: 2.127659574468085%;
}

.split:after {
	display: block;
	content: '';
	clear: both;
}

.split .size12{width:100%;*width:99.94680851063829%;}
.split .size11{width:91.48936170212765%;*width:91.43617021276594%;}
.split .size10{width:82.97872340425532%;*width:82.92553191489361%;}
.split .size9{width:74.46808510638297%;*width:74.41489361702126%;}
.split .size8{width:65.95744680851064%;*width:65.90425531914893%;}
.split .size7{width:57.44680851063829%;*width:57.39361702127659%;}
.split .size6{width:48.93617021276595%;*width:48.88297872340425%;}
.split .size5{width:40.42553191489362%;*width:40.37234042553192%;}
.split .size4{width:31.914893617021278%;*width:31.861702127659576%;}
.split .size3{width:23.404255319148934%;*width:23.351063829787233%;}
.split .size2{width:14.893617021276595%;*width:14.840425531914894%;}
.split .size1{width:6.382978723404255%;*width:6.329787234042553%;}


.article-content ul {
	display: block;
	margin-bottom: 15px;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	display: block;
	margin-bottom: 15px;
}

.article-content ul li {
	display: block;
	margin-bottom: 8px;
	font-size: 15px;
	position: relative;
	padding-left: 5px;
	font-weight: bold;
}

.article-content ul li i.fa {
	display: inline-block;
}

.article-content h3 {
	margin-bottom: 10px;
}

.photo-gallery-shortcode {
	display: block;
	margin-bottom: 15px;
	position: relative;
}

.photo-gallery-shortcode .thumbs-block {
	display: block;
	position: absolute;
	z-index: 2;
	bottom: 15px;
	right: 15px;
	background: rgba(255,255,255,0.7);
	padding: 10px;
	vertical-align: bottom;
}

.photo-gallery-shortcode .thumbs-block a {
	display: inline-block;
	width: 44px;
	height: 44px;
	vertical-align: bottom;
	margin-right: 3px;
}

.photo-gallery-shortcode .thumbs-block a:last-child {
	width: 60px;
	margin-right: 0px;
}

.photo-gallery-shortcode .thumbs-block a i.fa {
	display: block;
	text-align: center;
	padding: 8px 0 0 0;

}

.photo-gallery-shortcode .thumbs-block a span {
	display: block;
	font-size: 10px;
	white-space: nowrap;
	text-align: center;
}







.forum-block {
	display: block;
	margin-bottom: 25px;
}

.forum-block .forum-description {
	display: block;
	margin-bottom: 25px;
}

.forum-block .forum-description .defbutton {
	margin-bottom: 0px;
	margin-right: 10px;
}

.forum-block .forum-description p {
	font-size: 14px!important;
}

.forum-block .forum-link {
	display: table;
	/*margin-bottom: 10px;*/
	padding: 20px 30px;
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.forum-block .forum-link:hover {
	background: #f0f0f0;
}

.forum-block .forum-link > a {
	display: table-cell;
	/*float: left;*/
	width: 50%;
	/*min-height: 60px;*/
	color: #454545;
	vertical-align: middle;
}

.forum-block .forum-link > a > strong {
	display: block;
	font-size: 20px;
	padding-bottom: 5px;
	margin-left: 75px;
}

.forum-block .forum-link > a > span {
	display: block;
	margin-left: 75px;
	color: #777;
	font-size: 13px;
	line-height: 140%;
}

.forum-block .forum-link > a .forum-icon {
	float: left;
	display: block;
	position: relative;
}

.forum-block .forum-link > a .forum-icon span {
	display: block;
	position: absolute;
	z-index: 2;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	padding: 2px 5px;
	background: red;
	bottom: -5px;
	right: -10px;
}

.forum-block .forum-link > a .forum-icon i.fa {
	display: block;
	font-size: 50px;
	line-height: 50px;
	height: 50px;
	color: #B3B3B3;
	width: 50px;
	text-align: center;
}

.forum-recent .avatar .wrapimg {
	display: inline-block;
	position: relative;
	border-radius: inherit;
	-moz-border-radius: inherit;
	overflow: hidden;
}

.forum-block .forum-link > a .forum-icon.new i.fa {
	color: #232323;
}

.forum-block .forum-link > .right {
	display: table-cell;
	float: none;
	width: 45%;
	padding-left: 5%;
	vertical-align: middle;
}

.forum-block .forum-link > .right:after {
	display: block;
	clear: both;
	content: '';
}

.forum-block .forum-link > .right .forum-numbers {
	width: 25%;
	text-align: right;
	float: left;
}

.forum-block .forum-link > .right .forum-numbers span {
	display: block;
	padding: 5px 0px;
	color: #aaa;
}

.forum-block .forum-link:hover > .right .forum-numbers span {
	color: #232323;
}

.forum-block .forum-link > .right .forum-recent {
	width: 65%;
	text-align: left;
	float: right;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.forum-block .forum-link:hover > .right .forum-recent {
	opacity: 1;
	filter: alpha(opacity=100);
}

.forum-block .forum-link > .right .forum-recent .avatar {
	float: left;
	margin-top: 4px;
}

.forum-block .forum-link > .right .forum-recent > span {
	display: block;
	margin-left: 55px;
	width: 205px;
}

.forum-block .forum-link > .right .forum-recent > span > a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 12px;
}

.forum-block .forum-link > .right .forum-recent > span .f-user-link {
	font-size: 12px;
}

.forum-block .forum-link > .right .forum-recent > span .f-date {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
	color: #aaa;
}

.forum-recent .f-no-posts {
	padding: 17px 0;
	width: auto!important;
	color: #aaa;
}

.forum-link:hover .forum-recent .f-no-posts {
	color: #232323;
}

.forum-group {
	border-top: 1px solid #EBEBEB;
	margin-bottom: 35px;
}




.forum-threads {
	display: block;
	border-top: 1px solid #EBEBEB;
	margin-bottom: 25px;
}

.forum-threads .thread-link {
	display: table;
	padding: 0px 30px;
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.forum-threads .thread-link {
	
}

.forum-threads .thread-link:hover {
	background: #f0f0f0;
}

.forum-threads .thread-link.thread-sticky {
	background: #fff;
}

.forum-threads .thread-link.thread-sticky:hover {
	background: #f9f9f9;
}

.forum-threads .thread-link > div {
	display: table-cell;
	vertical-align: middle;
}

.forum-threads .admin-ribbon {
	margin-bottom: 1px;
}

.forum-threads .thread-link .thread-last {
	text-align: right;
	width: 26%;
}

.forum-threads .thread-link .thread-last .t-date {
	padding-left: 8px;
	color: #aaa;
	font-size: 11px;
}

.forum-threads .thread-link > a {
	display: table-cell;
	width: 40%;
	color: #454545;
	vertical-align: middle;
	padding: 20px 0;
	font-size: 13px;
	position: relative;
	padding-right: 5%;
	max-width: 300px;
	color: #757575;
}

.forum-threads .thread-link:hover > a {
	color: #232323;
}

.forum-threads .thread-link > a .forum-icon {
	position: absolute;
	font-size: 23px;
	top: 14px;
	width: 30px;
	text-align: center;
}

.thread-link.thread-unread > a {
	font-weight: bold!important;
}

.thread-link:hover > div,
.thread-link.thread-unread > div {
	opacity: 1;
	filter: alpha(opacity=100);
}

.thread-link > div {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.forum-threads .thread-link > a > span {
	position: relative;
	display: block;
	margin-left: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.forum-threads .thread-link:hover > a,
.forum-threads .thread-link.thread-unread > a {
	color: #232323;
}

.thread-link:hover .thread-author {
	opacity: 1;
	filter: alpha(opacity=100);
	top: -15px;
}

.thread-link .thread-author {
	width: 15%;
}

.thread-link .thread-replies {
	width: 7%;
	text-align: center;
}

.thread-link .thread-views {
	width: 7%;
	text-align: center;
}

.thread-link .sticky {
	display: inline-block;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 14px;
	font-weight: bold;
	margin-right: 8px;
	color: #fff;
	font-style: normal;
	background: #E27D2E;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 1px 5px;
}

.thread-link .thr-closed {
	display: inline-block;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 14px;
	font-weight: bold;
	margin-right: 8px;
	color: #fff;
	font-style: normal;
	background: #C9C9C9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 1px 5px;
}

.thread-link .closed-th i.fa {
	display: block;
	line-height: 16px;
}

.thread-locked > a > i.fa-lock {
	position: absolute;
	display: block;
	right: 8%;
	top: 20px;
	line-height: 16px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*.thread-link .thread-author {
	display: block;
	position: absolute;
	background: #eaeaea;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px 12px;
	left: 75px;
	top: -15px;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0px;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}*/

.forum-threads-head {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px;
}

.forum-threads-head > strong {
	display: table-cell;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 15px;
}

.forum-threads-head .thread-subject {
	width: 45%;
	text-align: left;
}

.forum-threads-head .thread-subject span {
	display: block;
	margin-left: 45px;
}

.forum-threads-head .thread-author {
	width: 15%;
	text-align: left;
}

.forum-threads-head .thread-replies,
.forum-threads-head .thread-views {
	width: 7%;
}

.forum-threads-head .thread-last {
	width: 26%;
	text-align: right;
}

.forum-block .forum-description .defbutton.big {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 23px;
}

.forum-description .pagination {
	margin-top: 9px;
}

.content-tree {
	display: block;
	margin-bottom: 25px;
	font-weight: bold;
}

.content-tree i.fa {
	display: inline-block;
	font-size: 10px;
	line-height: 15px;
	padding: 0 6px;
	color: #aaa;
}

.topic-right {
	padding: 14px 20px 0 0;
}

.topic-right i.fa {
	line-height: 140%;
	padding-right: 7px;
}

.topic-right span,
.topic-right a {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}

.defbutton {
	margin-right: 5px;
}

.defbutton.admin-color:hover {
	background-color: #DD4123;
}

#main h2 span i.fa {
	line-height: 120%;
	padding-right: 10px;
}

.forum-thread {
	margin-bottom: 25px;
}

.forum-post {
	display: table;
	background: #f9f9f9;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	padding: 0px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}

.forum-post .post-text-block a {
	font-weight: bold;
	text-decoration: underline;
}

.forum-post .post-text-block img,
.forum-post .post-text-block p {
	margin-bottom: 20px;
}

.forum-post .post-text-block img:last-child,
.forum-post .post-text-block p:last-child {
	margin-bottom: 0px;
}

.forum-post .post-text-block img {
	max-width: 100%;
	height: auto;
}

.forum-post .post-text-block .post-signature {
	padding-top: 15px;
	color: #aaa;
	border-top: 1px solid #EBEBEB;
	margin-top: 15px;
}

#main .forum-post .post-text-block .post-signature p {
	color: inherit;
}

.forum-post > div {
	display: table-cell;
	padding: 20px 0;
	vertical-align: top;
}

.forum-post .user-block {
	width: 24%;
}

.forum-post .post-text-block {
	width: 66%;
}

.forum-post:hover .post-meta-block {
	opacity: 1;
	filter: alpha(100);
}

.forum-post:hover {
	background: #fcfcfc;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.forum-post .post-meta-block {
	width: 10%;
	text-align: right;
	height: 125px;
	position: relative;
	opacity: 0.5;
	filter: alpha(50);
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.forum-post .user-block .avatar {
	float: left;
}

.forum-post .user-block .user-account {
	display: block;
	margin-left: 78px;
	color: #aaa;
	padding-top: 4px;
}

.forum-post .user-block .user-account .forum-user {
	font-size: 14px;
	position: relative;
	margin-top: -2px;
	color: #232323;
}

.forum-post .user-block .user-account > div {
	margin-bottom: 7px;
	display: block;
	line-height: 100%;
}

.forum-post .user-block .user-account .user-ribbon {
	font-weight: bold;
}

.forum-post .user-block .user-account .user-ribbon,
.forum-post .user-block .user-account .admin-ribbon {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.forum-post .user-block .avatar,
.forum-post .user-block .avatar img {
	width: 65px;
	height: 65px;
}

.forum-post .post-meta-block > div {
	display: block;
	margin-bottom: 7px;
}

.rating-good {
	color: #39AD14;
}

.rating-bad {
	color: #E63C11;
}

.forum-post .post-meta-block .post-date {
	font-size: 10px;
	color: #aaa;
}

.forum-post .post-meta-block i.fa {
	line-height: 100%;
}

.forum-post .post-meta-block .the-rate {
	display: inline-block;
	padding: 0 3px;
	font-weight: bold;
	line-height: 100%;
}

.forum-post:hover .post-meta-block .bottom .defbutton {
	opacity: 1;
	filter: alpha(100);
}

.forum-post .post-meta-block .bottom  {
	bottom: 20px;
	right: 0px;
	position: absolute;
	margin-bottom: 0px;
}

.forum-post .post-meta-block .bottom .admin-color i.fa {
	padding-right: 0px;
}

.forum-post .post-meta-block .bottom .defbutton {
	margin-top: 6px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 11px;
	opacity: 0;
	filter: alpha(0);
}

.forum-post .comment-edited > span {
	background: #ECECEC;
}

.forum-post .comment-edited i.fa {
	line-height: 120%;
	padding-right: 6px;
}

.content-tree.on-bottom {
	padding: 20px 0 0 0;
}

.content-padding.quick-reply .forum-description {
	text-align: center;
}

.reply-box {
	display: block;
	background: #eaeaea;
	border-radius: 3px;
	-moz-border-radius: 3px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	margin-bottom: 20px;
}

.reply-box .reply-textarea {
	display: block;
	margin-left: 55px;
}

.reply-box .reply-textarea textarea {
	height: 160px;
}

.reply-box .reply-textarea .respond-submit input {
	padding: 9px 20px;
	font-size: 12px;
}

.wrapimg {
	display:inline-block;position:relative;border-radius:inherit;-moz-border-radius:inherit;overflow:hidden;
}

.newdefbutton.margin-right {
	margin-right: 7px;
}

.newdefbutton {
	display: inline-block;
	background: #f5f5f5;
	border: 0px;
	border-top: 1px solid rgba(255,255,255,0.8);
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px rgba(0,0,0,0.04);
	padding: 9px 20px;
	font-size: 12px;
	cursor: pointer;
	text-shadow: 0px 1px 0px #fff;
	line-height: 120%;
	font-weight: bold;
	color: #7e7e7e;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.newdefbutton.admin-color {
	color: #E63C11!important;
	border: 1px solid #E63C11!important;
	padding: 9px 20px;
	box-shadow: 0px 0px 0px 1px transparent, inset 0px -8px 14px 0px rgba(0,0,0,0.04);
}

.newdefbutton i.fa {
	padding-right: 7px;
}

.newdefbutton:hover {
	background: #eeeeee;
	color: #232323;
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
}

.newdefbutton:active {
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
	background: #d5d5d5;
	color: #232323;
	border-top: 1px solid transparent;
	box-shadow: 0px 0px 0px 1px #afafaf, inset 0px 0px 6px 0px #cacaca;
}

.textarea-wrapper {
	width: 100%;
	border: 1px solid transparent;
	padding: 8px 12px;
	font-size: 12px;
	box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.0);
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 6px;
}

.textarea-wrapper .bbcodes {
	display: block;
	line-height: 100%;
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid transparent;
	margin-bottom: 10px;
	font-size: 0;
}

.textarea-wrapper .bbcodes a {
	color: #aaa;
}

.textarea-wrapper .bbcodes i.fa {
	display: inline-block;
	font-size: 14px;
	color: inherit;
	margin-right: 5px;
	width: 24px;
	text-align: center;
}

.textarea-wrapper .bbcodes a.active,
.textarea-wrapper .bbcodes a:hover {
	color: #232323;
}

.reply-textarea .respond-submit {

}

.textarea-wrapper .bbcodes i.fa {
	line-height: 100%!important;
}

.textarea-wrapper textarea {
	border: 0px;
	height: 40px;
	width: 100%;
	font-size: 14px;
	line-height: 150%;
	font-family: Arial;
	background: #fff;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.full-reply .respond-input {
	margin-bottom: 15px;
}

.full-reply .respond-input .da-customs {
	float: right;
	text-align: left;
	width: 37%;
	padding: 12px 0;
}

.full-reply .respond-input .da-customs label {
	margin-left: 4px;
	margin-right: 10px;
	font-weight: bold;
}

.full-reply .respond-input > input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 60%!important;
	padding: 12px 14px!important;
	color: #232323!important;
	font-weight: bold;
}

.full-reply {
	margin-top: 35px;
}

.full-reply .reply-textarea {
	margin-left: 0px;
}

.quick-reply .reply-box {
	display: none;
}

.forum-post .avatar.ingame:before,
.forum-post .avatar.away:before,
.forum-post .avatar.offline:before,
.forum-post .avatar.online:before {
	box-shadow: none;
}


.friends-block {
	display: block;
	margin-bottom: 15px;
}

.friends-block:after {
	display: block;
	clear: both;
	content: '';
}

.friends-block .friend-single:nth-child(5n+1) {
	clear: both;
}

.friends-block .friend-single {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
	min-height: 165px;
	margin-bottom: 15px;
}

.friends-block .friend-single .admin-ribbon {
	margin-left: 0px;
	margin-bottom: 0px;
}

.friend-single .avatar {
	margin-bottom: 8px;
	margin-right: 0px;
}

.friend-single .friend-user {
	font-size: 13px;
	margin-bottom: 2px;
	display: inline-block;
}

.friend-single .avatar:hover {
	margin-bottom: 20px;
}

.friend-single .avatar,
.friend-single .avatar img {
	width: 110px;
	height: 110px;
}



.games-collection {
	display: block;
	margin-bottom: 25px;
}

.games-collection:after {
	display: block;
	clear: both;
	content: '';
}

.games-collection .user-game:nth-child(4n+1) {
	clear: both;
}

.games-collection .user-game {
	display: block;
	float: left;
	width: 25%;
	margin-bottom: 20px;
	text-align: center;
}

.games-collection .user-game .user-game-head img {
	width: 90%;
	height: auto;
	margin-bottom: 10px;
	display: inline-block;
}

.games-collection .user-game.has-review .user-game-content span,
.games-collection .user-game.has-review .user-game-content > a {
	color: #D55037;
}

.games-collection .user-game .user-game-content > a {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
	display: inline-block;
}

.games-collection .user-game .user-game-content div a {
	margin-top: 3px;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	color: #D55037;
	text-decoration: underline;
}

.games-collection .user-game .user-game-content div a:hover {
	color: #232323;
}

.games-collection .user-game .user-game-content div a i.fa {
	padding-right: 4px;
	line-height: 140%;
}

.games-collection .user-game:hover span {
	color: #aaa;
}

.games-collection .user-game span {
	color: #ccc;
	font-size: 12px;
}

.staff-block .item {
	display: block;
	float: left;
	width: 48%;
	margin-left: 4%;
}

.staff-block .item:nth-child(n+3) {
	border-top: 1px solid #E0E0E0;
	padding-top: 30px;
	margin-top: 30px;
}

.staff-block .item:nth-child(2n+1) {
	clear: both;
}

.staff-block:after,
.staff-block .item:after {
	display: block;
	clear: both;
	content: '';
}

#main .staff-block h3 a {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
}

.staff-block .item .item-photo {
	display: block;
	float: left;
	padding: 3px;
	background: rgba(255,255,255,0.6);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 2px;
	-moz-border-radius: 2px;
	width: 120px;
	height: 120px;
}

.staff-block .item .item-content {
	display: block;
	margin-left: 148px;
}

.staff-block .item .item-content h3 {
	margin-bottom: 10px;
}

.staff-block .item .item-content p {
	margin-bottom: 0px;
}

.staff-block .item .item-content h3 span {
	display: inline-block;
	font-size: 10px;
	padding: 2px 7px;
	background: #256193;
	font-weight: normal;
	text-shadow: none;
	color: #fff;
	margin: 3px 0 0 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.staff-block .item .item-content .social-links {
	display: block;
	margin-bottom: 10px;
}

.staff-block .item .item-content .social-links a {
	display: inline-block;
	margin-right: 3px;
	padding: 4px 4px;
	background: transparent;
	color: rgba(0,0,0,0.7);
	font-size: 10px;
	line-height: 10px;
	text-shadow: none;
	width: 10px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid rgba(0,0,0,0.7);
}

.staff-block .item .item-content .social-links a:hover {
	background: rgba(0,0,0,0.7);
	color: #fff;
}

.staff-block .item:nth-child(2n+1) {
	margin-left: 0px;
}


.full-photo-view {
	display: block;
	text-align: center;
}

.full-photo-view img {
	max-width: 100%;
	height: auto;
}

.strike-wysiwyg-enable .bbcodes {
	position: relative;
}

.strike-wysiwyg-enable textarea {
	display: none;
}

.strike-wysiwyg {
	display: block;
	width: 100%;
	height: 300px;
}

#strike-editor {
	color: #232323;
	font-size: 14px;
	line-height: 150%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 2px 0 2px 2px;
}

#strike-editor a {
	font-weight: bold;
	text-decoration: underline;
}


.admin-fast-edit {
	background-color: rgba(255,255,0,0.2)!important;
}



.article-content p a,
.article-content > a {
	color: #256193;
	/*font-weight: bold;*/
}


a.top-alert-message {
	display: block;
	margin-bottom: 18px;
	background: #e9e9e9;
	color: #4d4d4d;
	padding: 14px 20px;
	background: #d83524;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

a.top-alert-message:hover {
	color: #fff;
}




.podcast-banner-link > span.podcast-inner {
	bottom: auto!important;
	top: 15px!important;
	left: auto!important;
	right: 15px!important;
	padding: 5px 10px;
	font-size: 12px;
	cursor: default;
}

.podcast-banner-link > span.podcast-inner-upcomming {
	bottom: auto!important;
	top: 15px!important;
	left: auto!important;
	right: 15px!important;
	padding: 5px 10px;
	font-size: 12px;
	background: #DA9D42;
	cursor: default;
}


.podcast-banner {
	display: block;
	margin-bottom: 30px;
	position: relative;
}

.podcast-banner-link {
	display: block;
	position: relative;
}

.podcast-banner-link > span {
	display: block;
	position: absolute;
	z-index: 2;
	background: #d83524;
	color: #fff;
	left: 34%;
	bottom: 3px;
	padding: 6px 18px;
	font-size: 14px;
}

.podcast-list {
	display: block;
	margin-bottom: 15px;
}

.podcast-list a.item,
.podcast-list .item {
	display: table;
	margin-bottom: 2px;
	background: #e9e9e9;
	color: #4d4d4d;
	width: 100%;
}

.podcast-list a.item:nth-child(odd),
.podcast-list .item:nth-child(odd) {
	background: #eeeeee;
}

.podcast-list a.item:hover {
	background: #fff;
	box-shadow: 0 1px 15px rgba(0,0,0,0.09);
}

.pod-live {
	display: inline-block;
	margin-right: 12px;
	font-size: 9px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 5px;
	background: #fff;
	color: #d83524;
}

.pod-live.prepare {
	color: #DA9D42;
}

.podcast-list a.item.podcast-live,
.podcast-list .item.podcast-live {
	background: #d83524;
	color: #fff;
}

.podcast-list a.item.podcast-preparing,
.podcast-list .item.podcast-preparing {
	background: #DA9D42;
	color: #fff;
}

.podcast-list .item.podcast-preparing .podcast-li-time {
	font-weight: bold;
}

.podcast-list .item > span {
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
}

.podcast-list .item > span.podcast-li-nr {
	width: 10%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.podcast-list .item > span.podcast-li-title {
	width: 75%;
	text-align: left;
	font-size: 13px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}

.podcast-list .item > span.podcast-li-title strong {
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.podcast-list .item > span.podcast-li-time {
	width: 15%;
	text-align: right;
	font-size: 13px;
	padding-left: 0px;
}

.panel-content hr {
	margin: 20px 0;
	height: 1px;
	border: 0px;
	background: rgba(0,0,0,0.05);
}


.donation-stats {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: center;
}

.donation-stats h3 {
	margin-bottom: 15px;
}

h3 .value {
	color: #5b7e2a;
}

.progress-bar {
	display: block;
	margin-bottom: 50px;
}

.progress-bar .border-bar {
	display: block;
	border-radius: 7px;
	-moz-border-radius: 7px;
	height: 11px;
	padding: 1px;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
	text-align: left;
}

.progress-bar .border-bar .the-progress {
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	height: 7px;
	padding: 1px;
	background-color: #87aa1e;
	border: 1px solid rgba(0,0,0,0.2);
	position: relative;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.progress-bar .border-bar .the-progress span {
	position: absolute;
	left: 0px;
	top: 100%;
	margin-top: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.progress-bar .border-bar .the-progress strong {
	position: absolute;
	right: 0px;
	top: 100%;
	margin-top: 12px;
	width: 80px;
	text-align: center;
	margin-right: -40px;
}

.progress-bar .border-bar .the-progress strong:before {
	display: block;
	position: absolute;
	top: -10px;
	left: 47%;
	content: '\f0d8';
	font-size: 10px;
	font-family: "FontAwesome";
}


a.button,
.button {
	display: inline-block;
	margin-right: 1px;
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	padding: 9px 16px;
	background-color: #256193;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid transparent;
	box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #fff;
	transition: all 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
}

.article-content a.button {
	color: #fff!important;
}

a.button:hover,
.button:hover {
	color: #fff;
	box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -100px 20px rgba(255,255,255,0.1);
}

a.button:active,
.button:active {
	color: #fff;
	box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -100px 20px rgba(0,0,0,0.3);
}

a.button.big-size,
.button.big-size {
	font-size: 20px;
	padding: 14px 20px;
}


.d-articles .item .item-header {
	padding: 0px;
	float: left;
}

.d-articles .item .item-header img {
	width: 60px;
	margin-top: 4px;
}

.d-articles .item .item-content {
	margin-left: 75px;
}

.d-articles .item .item-content p {
	font-size: 13px;
	margin-bottom: 0px;
}

.d-articles .item h4 {
	font-size: 15px;
	margin-bottom: 4px;
}

.d-articles .item.no-image .item-content {
	margin-left: 0px;
}

.d-articles .item {
	position: relative;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	margin-bottom: 12px;
}

.d-articles .item:last-child{
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.panel a.defbutton {
	margin: 8px 0px 3px 0px;
	font-size: 10px;
	background-color: #D3D3D3;
}

.panel a.defbutton:hover {
	background-color: #232323;
}


.panel .tagcloud a {
	font-size: 13px;
	background: rgba(240, 240, 240, 1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px 10px;
	margin: 0 7px 7px 0;
	display: inline-block;
	color: #848484;
	text-shadow: none;
}

.panel .tagcloud a:hover {
	background: rgba(0,0,0,0.5);
	color: #fff!important;
	text-shadow: none;
	box-shadow: none;
}

.footer .panel .tagcloud a {
	background: rgba(255, 255, 255, 0.07);
	box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.footer .panel .tagcloud a:hover {
	background: rgba(255, 255, 255, 0.2);
}

.panel p,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
	margin-bottom: 10px
}

.icon-line {
	display: block;
	margin-top: 8px;
	font-size: 13px!important;
	font-weight: bold;
}

.icon-line i.fa {
	padding-right: 10px;
	width: 15px;
	text-align: center;
}


#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	text-align: right;
	font-size: 16px;
	margin-bottom: 15px;
}

#wp-calendar thead {
	font-size: 13px;
}

#wp-calendar thead th {
	padding-bottom: 10px;
}

#wp-calendar tbody td {
	border: 1px solid #C7C7C7;
	text-align: center;
	padding: 8px;
	color: #A0A0A0;
}

#wp-calendar tbody td a {
	font-weight: bold;
}

#wp-calendar tbody td:hover {
	background: rgba(0,0,0,0.05);
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
}

#wp-calendar tfoot #prev {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 10px;
}


.socialize a {
	display: inline-block;
	width: 51px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: #3b5998;
	font-size: 26px;
	color: #fff;
	margin-right: 2px;
}

.socialize .s-fb {
	background: #3b5998;
}

.socialize .s-tw {
	background: #00aced;
}

.socialize .s-yt {
	background: #bb0000;
}

.socialize .s-tc {
	background: #6441a5;
}

.socialize .s-st {
	background: #3C3C3C;
}

.socialize .s-gp {
	background: #dd4b39;
}

.socialize a:hover {
	color: #fff;
	background: #232323;
}

.socialize a:nth-child(n+6) {
	margin-top: 7px;
}















.strike-modal-wrap.active,
.strike-modal.active {
	display: block;
}

.strike-modal-wrap {
	display: none;
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	z-index:200;
	position:fixed;
	background:rgba(0,0,0,0.8);
	cursor: pointer;
}

.strike-modal {
	display: none;
	min-width: 400px;
	min-height: 100px;
	background: #f4f4f4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	box-shadow:0px 1px 6px rgba(0,0,0,0.3);
	-moz-transition: top 0.4s, left 0.4s;
	-webkit-transition: top 0.4s, left 0.4s;
	-o-transition: top 0.4s, left 0.4s;
	z-index: 201;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.strike-modal > a {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	text-indent: -100px;
	color: transparent;
	background-image: url(../images/modal-close.png);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	padding: 14px;
}

.strike-modal > a:hover {
	box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.1);
}

.strike-modal > a:active {
	box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.2);
}

.strike-modal .strike-modal-title {
	display: block;
	background: #e1e1e1;
	border-bottom: 1px solid #d4d4d4;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	padding: 13px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #696969;
	text-shadow: 0px 1px 0px #fff;
}

.strike-modal .strike-modal-content {
	padding: 15px;
	max-height: 400px;
	overflow-x: none;
	overflow-y: auto;
}

.strike-modal .the-error-msg {
	margin-top: 0px!important;
}

.strike-modal p,
.strike-modal h1,
.strike-modal h2,
.strike-modal h3,
.strike-modal h4,
.strike-modal h5 {
	margin-bottom: 15px;
	display: block;
}



.messages-control {
	display: block;
	margin-bottom: 25px;
}


.messages-container {
	display: block;
	margin-bottom: 35px;
	border-top: 1px solid #EBEBEB;
}

.messages-container img,
.messages-container .avatar {
	width: 40px;
	height: 40px;
}

.messages-container .avatar {
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 3;
}

.messages-container .avatar strong {
	position: absolute;
	top: 3px;
	left: 55px;
	font-size: 13px;
	display: block;
	white-space: nowrap;
}

.messages-container .avatar i {
	position: absolute;
	top: 22px;
	left: 55px;
	font-size: 11px;
	color: #aaa;
	display: block;
	white-space: nowrap;
	font-style: normal;
}

.messages-container .sidebar-comments {
	bottom: auto;
	top: 19px;
	right: 30px;
}

.messages-container .message-block {
	border-bottom: 1px solid #EBEBEB;
	position: relative;
}

.messages-container .message-block .message-link {
	display: block;
	padding: 20px 25px;
	padding-left: 300px;
	padding-right: 80px;
	height: 40px;
	font-weight: normal;
	color: #757575;
}

.messages-container .message-block .message-link .msg-content {
	display: block;
	overflow: hidden;
	height: inherit;
	line-height: 150%;
	font-size: 13px;
}

.messages-container .message-block .msg-content i.fa-reply {
	line-height: 150%;
	padding-right: 10px;
	color: #ccc;
}

.messages-container .message-block:hover .message-link {
	color: #232323;
}

.messages-container .message-block:hover {
	background: #f0f0f0;
}

.messages-container .message-block.unread {
	background: #fff;
}

.messages-container .message-block.unread:hover {
	background: #f9f9f9;
}

.message-block:hover .messages-delete-conv {
	display: block;
}

.messages-delete-conv {
	display: none;
	position: absolute;
	z-index: 2;
	top: 10px;
	right: 10px;
}

.conversation-container .conversation-single {
	display: block;
	padding: 8px 0;
	position: relative;
}

.conversation-container .conversation-single:before {
	display: block;
	content: '\f00c';
	font-family: "FontAwesome";
	font-size: 15px;
	line-height: 33px;
	color: transparent;
	width: 50px;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 100%; 
}

.conversation-container .conversation-single:hover:before {
	color: #E0E0E0;
}

.conversation-container .conversation-single.selected:before {
	color: #aaa;
}

.conversation-container .conversation-single.selected:hover,
.conversation-container .conversation-single.selected {
	background: #F0F0F0;
}

.conversation-container .conversation-single:hover {
	background: #F7F7F7;
}

.conversation-container .conversation-single:after {
	display: block;
	clear: both;
	content: '';
}

.conversation-container .conversation-single .conversation-user {
	display: block;
	float: left;
	margin-left: 15px;
	min-height: 35px;
}

.conversation-container .conversation-single .conversation-text .date-time {
	display: block;
	position: absolute;
	left: 100%;
	margin-left: 10px;
	color: #ccc;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 7px;
	cursor: default;
}

.conversation-container .conversation-single:hover .conversation-text .date-time {
	color: #aaa;
}

.conversation-container .conversation-single .conversation-text .user-name {
	display: block;
	font-size: 12px;
	line-height: 100%;
}

.conversation-container .conversation-single .conversation-text .user-name .admin-ribbon {
	margin-bottom: 3px;
}

.conversation-container .conversation-single .conversation-text p {
	font-size: 13px!important;
	margin-right: 20px;
}

.conversation-container .conversation-single .conversation-text {
	display: block;
	margin-left: 70px;
	font-size: 13px!important;
}

.conversation-single .conversation-user .avatar img,
.conversation-single .conversation-user .avatar {
	width: 35px;
	height: 35px;
	margin-right: 0px;
}


.conversation-container {
	display: block;
	margin-bottom: 20px;
}

.conversation-container .inline-conv-tools {

}

.conversation-container .inline-conv-tools .right a {
	margin-right: 0px;
}

.date-time .fa-star {
	line-height: 130%;
	cursor: pointer;
	position: absolute;
	right: 100%;
	margin-right: 20px;
}

.conversation-container .conv-submit {
	display: block;
	padding: 15px 70px;
}

.conversation-container .inline-conversation {
	display: table-cell;
	background: #fff;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #EBEBEB;
	height: 400px;
	vertical-align: bottom;
}

.conversation-container .inline-conversation .inline-table-fix {
	display: block;
	/*width: 100%;*/
	height: auto;
	padding: 15px 70px;
	max-height: 700px;
	overflow-x: hidden;
	overflow-y: auto;
}

.conversation-container .conv-submit .avatar img,
.conversation-container .conv-submit .avatar {
	width: 50px;
	height: 50px;
	margin-right: 0px;
}

.conversation-container .conv-textarea {
	display: block;
	margin-left: 60px;
	margin-right: 60px;
	/*background: #fff;*/
	/*border: 1px solid #ccc;*/
	padding: 0px;

	height: auto;
	border: 1px solid #cccccc;
	/*padding: 8px 12px;*/
	/*font-size: 12px;*/
	box-shadow: inset 0px 3px 5px rgba(0,0,0,0.05);
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: Arial;
	background: #fff;
	position: relative;
	margin-bottom: 50px;
}

.conversation-container .conv-textarea .conv-bottom {
	position: absolute;
	top: 100%;
	left: 0px;
	margin-top: 10px;
}

.conversation-container .conv-textarea .send-conv-button {
	margin-right: 7px!important;
}

.conversation-container .conv-textarea .conv-bb-link {
	display: inline-block;
	margin-left: 0px;
}

.conversation-container .conv-textarea .conv-smiley-block {
	display: block;
	position: absolute;
	top: 6px;
	right: 8px;
	font-size: 18px;
	padding: 2px;
	color: #ccc;
}

.conversation-container .conv-textarea .conv-smiley-block:hover {
	color: #aaa;
}

.conversation-container .conv-textarea textarea {
	margin: 0px;
	padding: 8px 12px;
	font-family: Arial;
	border: 0px;
	width: 100%;
	height: 45px;
	font-size: 13px;
	background: transparent;
	resize: vertical;
	line-height: 150%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.unread-messageline {
	display: block;
	text-align: center;
	padding: 20px 0;
	color: #aaa;
	background: #fff;
	position: relative;
	cursor: default;
}

.unread-messageline:before {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0px;
	top: 27px;
	background: #E7E7E7;
	content: '';
	z-index: 1;
}

.unread-messageline span {
	position: relative;
	z-index: 2;
	background: inherit;
	padding: 0 20px;
}

.unread-messageline span i.fa {
	line-height: 130%;
}

.conversation-info {
	display: block;
	padding-top: 20px;
	color: #ccc;
	font-size: 12px;
	margin-left: 70px;
}


.conversation-container .inline-conv-tools {
	display: block;
	border-top: 1px solid #E7E7E7;
	padding-top: 20px;
}

.conversation-container .inline-conv-tools .defbutton {
	margin-top: 0px;
}

.conversation-container .conv-reverse-select {
	display: inline-block;
	color: #aaa;
	padding: 6px 0;
	cursor: default;
}

.conversation-container .conv-reverse-select i.fa {
	padding: 0 5px;
	line-height: 140%;
}

.conversation-container .conv-on-select {
	display: none;
}

.conversation-container.is-selected .conv-reverse-select {
	display: none;
}

.conversation-container.is-selected .conv-on-select {
	display: inline-block;
}

.conversation-single img {
	max-width: 100%;
	height: auto;
}

.unread-messageline.unread,
.conversation-single.unread {
	background: #FFF7ED;
}


.conv-bb-link {
	background-color: transparent;
	padding: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.conv-bb-link:hover {
	background-color: #E6E6E6;
	padding: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
}

.temp-paste-text {
	position: absolute;
	z-index: -1;
	padding: 0px;
	border: 0px;
	margin: 0px;
	height: 1px;
	width: 1px;
	background: transparent;
	color: transparent;
	overflow: hidden;
}

.conversation-start-new-block {
	display: block;
	padding: 0 130px;
	margin-top: 70px;
}

.conversation-start-new-block .conv-recipent {
	display: block;
	padding-top: 10px;
}

.conversation-start-new-block h3 {
	margin-top: 20px;
	color: #aaa;
}

.conv-submit.start-new textarea {
	height: 100px;
}

.select-replace {
	position: relative;
}

.select-replace.active-drop .select-arrow .fa-caret-up {
	display: block;
}

.select-replace .select-arrow .fa-caret-up {
	display: none;
}

.select-replace.active-drop .select-arrow .fa-caret-down {
	display: none;
}

.select-replace .select-arrow .fa-caret-down {
	display: block;
}

.select-replace.active-drop .select-options {
	display: block;
}

.select-replace .select-options {
	display: none;
}

.select-replace .select-arrow {
	position: absolute;
	z-index: 2;
	right: 0px;
	top: 0px;
	padding: 13px;
	font-size: 14px;
	line-height: 14px!important;
	color: #ccc;
}

.select-replace .select-arrow:hover {
	color: #aaa;
}

.select-replace .select-arrow i.fa {
	line-height: 14px!important;
}

#main .select-replace input.select-main-input {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 12px;

}

.select-options {
	display: block;
	position: absolute;
	width: 100%;
	background: #fff;
	border: 1px solid #D5D5D5;
	padding: 8px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	margin-top: -1px;
	z-index: 101;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

.select-options a {
	display: block;
	padding: 5px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
}

.select-options a:before {
	display: block;
	content: '';
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.select-options a:last-child {
	border-bottom: 0px;
}

.select-options a:hover {
	background: #3074A2;
	color: #fff;
}

.select-options .avatar img,
.select-options .avatar {
	width: 30px;
	height: 30px;
}

.select-options .avatar {
	margin-right: 10px;
}



.smiley-tooltip {
	display: none;
	position: absolute;
	width: 200px;
	background: #fff;
	border: 1px solid #D5D5D5;
	padding: 12px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	bottom: 100%;
	right: -1px;
	z-index: 100;
	margin-bottom: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
	cursor: default;
}

.smiley-tooltip:before {
	display: block;
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	right: 14px;
	bottom: -5px;
	background: inherit;
	border-bottom: inherit;
	border-right: inherit;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.emoji {
	display: inline-block;
	background: url(../images/emoji.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.emoji.s-smile { background-position: 0px 0px; }
.emoji.s-shock { background-position: 0px -17px; }
.emoji.s-wink { background-position: 0px -34px; }
.emoji.s-lol { background-position: 0px -51px; }
.emoji.s-tongue { background-position: 0px -68px; }
.emoji.s-cheeky { background-position: 0px -85px; }
.emoji.s-inlove { background-position: 0px -102px; }
.emoji.s-sunglasses { background-position: 0px -119px; }
.emoji.s-worried { background-position: 0px -136px; }
.emoji.s-approved { background-position: 0px -153px; }
.emoji.s-dissapointed { background-position: 0px -170px; }
.emoji.s-relieved { background-position: 0px -187px; }
.emoji.s-cry { background-position: 0px -204px; }
.emoji.s-tiredface { background-position: 0px -221px; }
.emoji.s-scream { background-position: 0px -238px; }
.emoji.s-expressionless { background-position: 0px -255px; }
.emoji.s-mm { background-position: 0px -272px; }
.emoji.s-angry { background-position: 0px -289px; }
.emoji.s-rage { background-position: 0px -306px; }
.emoji.s-angel { background-position: 0px -323px; }
.emoji.s-coldsweat { background-position: 0px -340px; }
.emoji.s-flushed { background-position: 0px -357px; }
.emoji.s-astonished { background-position: 0px -374px; }
.emoji.s-mask { background-position: 0px -391px; }
.emoji.s-kiss { background-position: 0px -408px; }
.emoji.s-devil { background-position: 0px -425px; }
.emoji.s-heart { background-position: 0px -443px; }
.emoji.s-thumbup { background-position: 0px -459px; }
.emoji.s-thumbdown { background-position: 0px -476px; }
.emoji.s-finger { background-position: 0px -493px; }
.emoji.s-peace { background-position: 0px -510px; }
.emoji.s-okidoki { background-position: 0px -527px; }



.strike-player {
	display: block;
	background: #232323;
	color: #fff;
	height: 40px;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.strike-player #songPlayPause {
	display: block;
	background: #383838;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	font-size: 14px;
}

.strike-player #songPlayPause:hover {
	background: #474747;
}

.strike-player.player-live .live-stream,
.strike-player.player-live .live-listeners,
.strike-player.player-live .live-admin-message,
.strike-player #songPlayPause i.fa-play,
.strike-player.playing #songPlayPause i.fa-pause {
	display: block;
}

.strike-player .live-stream,
.strike-player .live-listeners,
.strike-player .live-admin-message,
.strike-player.playing #songPlayPause i.fa-play,
.strike-player #songPlayPause i.fa-pause {
	display: none;
}

.strike-player .live-listeners {
	position: absolute;
	left: 104px;
	top: 0px;
	text-align: left;
	line-height: 40px;
	height: 40px;
	color: #aaa;
	font-size: 10px;
	vertical-align: baseline;
}

.strike-player .live-admin-message {
	position: absolute;
	left: 225px;
	top: 0px;
	text-align: left;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	vertical-align: middle;
}

.strike-player .live-admin-message i.fa {
	font-size: 13px;
	padding-right: 6px;
}

.strike-player #songTime {
	display: block;
	position: absolute;
	left: 54px;
	top: 0px;
	text-align: left;
	line-height: 40px;
	height: 40px;
	color: #aaa;
	font-size: 10px;
}

.strike-player.player-live #songSlider {
	display: none;
	left: 227px;
	width: 310px;
}

.strike-player.player-live #songTime {
	left: 182px;
}

i.fa {
	line-height: inherit!important;
}

.strike-player .live-stream {
	position: absolute;
	left: 54px;
	background: #d83524;
	color: #fff;
	padding: 0 7px;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 15px;
	margin-top: 12px;
}

.strike-player .live-stream i.fa {
	font-size: 6px;
	padding-right: 3px;
}

.strike-player #songSlider:before {
	display: block;
	position: absolute;
	height: 40px;
	content: '';
	left: 0px;
	top: -16px;
	width: 100%;
}

.strike-player #songSlider {
	display: block;
	position: absolute;
	left: 137px;
	top: 16px;
	width: 440px;
	height: 7px;
	background: #383838;
	cursor: pointer;
	border-radius: 7px;
	-moz-border-radius: 7px;
}

.strike-player #songSlider #trackProgress {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	background: #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
}

.strike-player #volumeUp {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	font-size: 12px;
	color: #636363;
}

.strike-player #volumeDown {
	display: none;
	position: absolute;
	right: 65px;
	top: 0px;
	width: 30px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	font-size: 14px;
	color: #636363;
}

.strike-player #volumeDown:hover,
.strike-player #volumeUp:hover {
	color: #fff;
}

.strike-player #volumeMeter {
	display: block;
	position: absolute;
	right: 15px;
	top: 11px;
	width: 35px;
	height: 17px;
	background-color: #393939;
	cursor: pointer;
	z-index: 1;
	overflow: hidden;
}

.strike-player #volumeMeter:before {
	content: '';
	display: block;
	position: absolute;
	cursor: pointer;
	top: -7px;
	left: -10px;
	background: #232323;
	width: 130%;
	height: 100%;
	transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
	z-index: 2;
}

.strike-player #volumeMeter #volumeStatus {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: #fff;
}




#_strike-user {
	display:block;
	background:#fff;
	color:#232323;
	border:1px solid #b9b9b9;
	position:absolute;
	padding:0px;
	font-size:11px;
	left:0px;
	top:0px;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0);
	margin-top:-185px;
	border-radius:2px;
	-moz-border-radius:2px;
	cursor:default;
	box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-moz-transition: opacity 0.2s, margin-top 0.2s;
	-webkit-transition: opacity 0.2s, margin-top 0.2s;
	-o-transition: opacity 0.2s, margin-top 0.2s;
	width: 330px;
}

#_strike-user.upsidedown {
	margin-top: 35px;
}

#_strike-user.upsidedown.active {
	margin-top: 25px;
}

#_strike-user.upsidedown:before {
	display: none;
}

#_strike-user.upsidedown .username:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background: inherit;
	position:absolute;
	top:-4px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#_strike-user:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background: #f3f3f3;
	border-right:inherit;
	border-bottom:inherit;
	position:absolute;
	bottom:-4px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#_strike-user.active {
	display:block;
	z-index:100;
	margin-top:-175px;
	opacity:1;
	filter:alpha(opacity=100);
}

#_strike-user .username {
	background: #232323;
	color: #fff;
	display: block;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;
	margin:-1px -1px 0px -1px;
	padding-left: 115px;
	border-radius: 2px 2px 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#_strike-user .bottom {
	margin-top: 10px;
	background: #f3f3f3;
	color: #232323;
	display: block;
	padding: 9px 15px;
	font-size: 12px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px solid #e9e9e9;
	text-align: right;
}

#_strike-user .avatar {
	display: block;
	float: left;
	margin: -25px 0px 0px 10px;
	width: 90px;
	height: 90px;
}

#_strike-user .avatar img {
	border-radius: 2px;
}

#_strike-user .info {
	display: block;
	margin-left: 115px;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	line-height: 140%;
	height: 70px;
}

#_strike-user .com-control {
	color: #898989;
	font-size: 12px;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px 8px;
	margin: -5px -10px -4px 10px;
}

#_strike-user .com-control .fa {
	font-size: 10px;
	display: inline-block;
	padding-top: 1px;
	padding-right: 6px;
}

#_strike-user .com-control:hover {
	color: #fff;
	background: #232323;
}

#_strike-user .admin-ribbon {
	margin-left: 0px;
}

#_strike-user .info > div {
	margin-bottom: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 17px;
	padding-right: 10px;
}

#_strike-user .info > div > font {
	display: inline-block;
	color: #a8a8a8;
	padding-right: 6px;
}

#_strike-user .info > div:last-child {
	margin-bottom: 0px;
}







/* No Slider */

.no-slider #slider-imgs .featured-img-box > div {
	display: none;
}

.no-slider #slider-imgs .featured-img-box {
	background: url(../images/no-slider-bg.jpg) no-repeat center;
	box-shadow: inset 0px -260px 150px rgba(0,0,0,0.6);
}

.no-slider.gamepage #slider-imgs .featured-img-box {
	box-shadow: none;
}

.no-slider #top-layer {
	/*background: none;*/
}

.no-slider #slider div#slider-info {
	display: none;
}

.no-slider #slider, .no-slider #header {
	height: 190px;
}

.no-slider #main-box #main {
	margin-top: 0px;
}

#main-box.sidebar-left #main {
	float: right;
}















::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 16px;
    background: #fff;
}
::-webkit-scrollbar-button {
    display: none;
    height:0;
    width: 0;
}
::-webkit-scrollbar-track {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    border-width: 0 0 0 4px;
    border: solid transparent;
}
::-webkit-scrollbar-track:hover {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:active {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 0;
}
::-webkit-scrollbar-track:horizontal:hover {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:horizontal:active {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: rgba(0,0,0,.2);
    /*border-width: 1px 1px 1px 6px;
    border: solid transparent;*/
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    min-height: 28px;
    padding: 100px 0 0;
}
::-webkit-scrollbar-thumb:hover {
    background-color:rgba(0,0,0,.4);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
}
::-webkit-scrollbar-thumb:active {
    background-color:rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 1px 1px;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    padding: 0 0 0 100px;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
body::-webkit-scrollbar-track-piece {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    /*border-width: 0 0 0 3px;
    border: solid #fff;*/
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
    border-width:3px 0 0;
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal {
    border-width: 5px 1px 1px;
}
body::-webkit-scrollbar-corner {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    border-width: 3px 0 0 3px;
    border: solid #fff;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}




#menu-bottom.blurred {
	top: 63px;
}

#menu-bottom.blurred #menu {
	background-image: transparent;
}

#menu-bottom #menu {
	background-image: url(../images/px.gif);
	background-position: center 2000px;
	background-repeat: no-repeat;
}

#menu-bottom.blurred #menu {
	margin-top: 0px;
	position: relative;
	background-image: none;
	background-position: center 2000px;
	background-repeat: no-repeat;
}

/*#menu-bottom.blurred #menu:before {
	content: "";
	position: absolute;
	left: 0;
	top: -63px;
	right: 0;
	z-index: 0;
	display: block;
	background-image: inherit;
	background-position: center top;
	width: 120%;
	margin-left: -10%;
	height: 1000px;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	transition: background-image 0.8s;
	-moz-transition: background-image 0.8s;
	-webkit-transition: background-image 0.8s;
	-o-transition: background-image 0.8s;
}*/

#menu-bottom.blurred #menu table {
	z-index: 2;
	position: relative;
}







.game-info-left {
	display: block;
	float: left;
	width: 246px;
	background: inherit;
	margin-top: -200px;
	min-height: 300px;
	margin-left: 20px;
	position: relative;
	z-index: 4;
}

.game-info-left .game-poster {
	display: block;
	width: 220px;
	margin: 13px;
}

.game-info-left .game-info-details {
	display: block;
	margin: 13px;
}

.pegi {
	display: block;
	/*background: rgba(0,0,0,0.04);*/
}

.pegi .pegi-desc {
	display: block;
	margin-left: 70px;
	font-size: 0;
}

.pegi .pegi-desc h3 {
	font-size: 12px;
	margin-bottom: 7px;
}

.pegi .pegi-desc .pegi-tool {
	display: inline-block;
	width: 35px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.pegi .pegi-desc .pegi-tool.pegi-disabled {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.pegi .pegi-desc .pegi-tool:nth-child(4n) {
	margin-right: 0px;
}

.game-info-right:before {
	display: block;
	position: absolute;
	left: 15px;
	top: 0px;
	width: 255px;
	height: 82px;
	background: url(../images/game-poster-shadow.png) no-repeat center;
	content: '';
	z-index: 3;
}

.game-info-right {
	display: block;
	/*margin-left: 266px;*/
	float: left;
	width: 734px;
}

.game-info-right .game-overlay-info {
	display: block;
	padding: 24px 20px;
}

.game-info-right .game-overlay-info > h1 {
	margin-bottom: 8px;
	font-size: 28px;
	text-transform: uppercase;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.game-info-right .game-overlay-info > h1 span {
	font-weight: normal;
}

.game-info-right .game-overlay-info > span {
	font-size: 14px;
}

.game-info-right .game-overlay-info > span a {
	margin-right: 10px;
	display: inline-block;
	color: rgba(255,255,255,0.7);
}

.game-info-right .game-overlay-info > span a:hover {
	color: #fff;
}

.game-info-right .game-menu {
	display: block;
	background: rgba(0,0,0,0.35);
	position: absolute;
	bottom: 100%;
	border-bottom: 5px solid #256193;
	left: 0px;
	padding-left: 266px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 0 0 1px #000;
}

.game-info-right .game-menu a {
	color: #fff;
}

.game-info-right .game-menu ul {
	display: block;
	background-color: rgba(0,0,0,0.6);
}

.game-info-right .game-menu ul:after {
	display: block;
	content: '';
	clear: both;
}

.game-info-right .game-menu ul li {
	display: block;
	float: left;
}

.game-info-right .game-menu ul li a {
	display: block;
	color: #fff;
	padding: 15px 20px;
	font-size: 14px;
}

.game-info-right .game-menu ul li.active:hover a,
.game-info-right .game-menu ul li.active a {
	background-color: inherit;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 65px 40px -40px rgba(255,255,255,0.14);
}

.game-info-right .game-menu ul li:hover a {
	background-color: rgba(0,0,0,0.6);
}

.game-info-left .defbutton {
	display: block;
	margin: 0px;
	padding: 10px 15px;
	text-align: center;
}

a.defbutton {
	color: #4D4D4D;
	text-decoration: none!important;
}

.game-info-buttons {
	display: block;
	margin-bottom: 15px;
}

.game-info-buttons .defbutton {
	margin-bottom: 2px;
}

.defbutton.green {
	background: #6fb205;
	color: #fff;
}

.defbutton.green:hover {
	background: #232323;
}

.defbutton.red {
	background: #B14320;
	color: #fff;
}

.defbutton.red:hover {
	background: #232323;
}

.game-info-graph {
	display: block;
	margin-bottom: 20px;
}

.game-info-graph > div {
	display: block;
	margin-bottom: 8px;
}

.game-info-graph span {
	display: block;
	font-size: 11px;
	color: #ccc;
	margin-bottom: 3px;
}

.game-info-graph > div:hover span {
	color: #aaa;
}

.game-info-graph > div strong {
	display: block;
	margin-bottom: 2px;
	color: #707070;
}

.game-info-graph > div:hover strong {
	color: #232323;
}


.game-info-rating {
	display: block;
	background-color: #232323;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.game-info-rating a {
	color: #fff;
	line-height: 14px;
}

.game-info-rating a i.fa {
	line-height: inherit;
}

.game-info-rating h3 {
	display: block;
	margin-bottom: 9px;
	/*margin-left: 50px;*/
	font-size: 12px;
	line-height: 12px;
	color: #777777;
}

.game-info-rating .strike-rating-5 {
	display: block;
	background: #C9642B;
	margin-bottom: 10px;
}

.game-info-rating .strike-rating {
	display: inline-block;
	width: 40px;
}

.game-info-rating strong {
	display: block;
	font-size: 32px;
	/* margin-left: 50px; */
	margin-bottom: 7px;
	line-height: 26px;
}

.game-info-rating strong span {
	font-weight: normal;
	color: #aaa;
	font-size: 60%;
	vertical-align: baseline;
}

.game-info-rating .defbutton {
	margin-top: 10px;
	margin-left: -10px;
	margin-bottom: -10px;
	margin-right: -10px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	background-color: #353535;
}

.game-info-rating .defbutton:hover {
	background-color: #4B4B4B;
}

.game-info-rating .rating-stars {
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 2px;
	height: 20px;
	width: 102px;
	position: relative;
	margin-bottom: 2px;
	text-align: left;
	color: #3A3A3A;
}

.game-info-rating .rating-stars:after {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	content: '\f005\f005\f005\f005\f005';
	font-family: "FontAwesome";
	z-index: 0;
	overflow: hidden;
}

.game-info-rating .rating-stars .rating-stars-inner {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	z-index: 2;
	overflow: hidden;
	color: #EBC018 ;
}

.game-info-rating .rating-stars .rating-stars-inner:after {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	content: '\f005\f005\f005\f005\f005';
	font-family: "FontAwesome";
	z-index: 0;
	overflow: hidden;
}

.game-info-rating hr {
	border: 0px;
	height: 1px;
	background: #303030;
	width: 100%;
	display: block;
	margin-bottom: 12px;
}

.defbutton .pricetag {
	display: inline-block;
	background: #6fb205;
	color: #fff;
	padding: 1px 4px;
	margin: -1px 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-left: 3px;
}

.game-info-right .photo-blocks li {
	margin-right: 9px;
}

.game-info-right .photo-blocks li:nth-child(5n+0) {
	margin-right: 0px;
}

.game-info-right .photo-blocks li:nth-child(5n+1) {
	clear: both;
}

.game-info-right .photo-blocks {
	margin-bottom: 25px;
}

.users-more {
	display: inline-block;
	padding: 12px 8px;
	font-size: 14px;
	font-weight: bold;
	background: #f0f0f0;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.users-more:hover {
	background: #E2E2E2;
	color: #232323;
}

.game-info-right .profile-friends-list {
	margin-bottom: 25px;
}

.buttontext {
	display: block;
	text-align: center;
	padding: 10px 15px;
	color: #aaa;
}

.game-info-right .photo-gallery-single {
	padding-left: 20px;
	padding-right: 20px;
}

.game-info-right .photo-gallery-single .photo-single-thumbnails {
	margin-left: 0px;
	margin-right: 0px;
}

.game-info-right .photo-blocks li > strong {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 128px;
}

.game-info-right .photo-blocks img {
	background-position: center;
	background-size: cover;
}

.video-gallery-single {
	display: block;
	margin-bottom: 25px;
	margin-left: 30px;
	margin-right: 30px;
}

.video-wrapper {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 15px;
}

.video-wrapper iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}

.video-game-stores {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.video-game-stores .item {
	display: block;
	float: left;
	text-align: center;
	width: 24.24%;
	margin-left: 1%;
	margin-bottom: 1%;
	padding: 15px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	color: #232323;
}

.video-game-stores .item:nth-child(4n+1) {
	margin-left: 0px;
	clear: both;
}

.video-game-stores .item:hover {
	background: #E7E7E7;
}

.video-game-stores .item img {
	max-width: 80%;
}

.video-game-stores .item .store-poster {
	margin-bottom: 10px;
	display: inline-block;
}

.video-game-stores .item .store-title {
	margin-bottom: 10px;
	display: block;
}

.video-game-stores .item .store-title img {
	max-width: 60%;
}

.video-game-stores .item strong {
	margin-bottom: 5px;
	padding: 0 10px;
	font-size: 13px;
	display: block;
}

.video-game-stores .item .pricetag {
	display: block;
	color: #609B20;
	font-size: 16px;
	font-weight: bold;
}

.event-calendar table {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.event-calendar .calendar-title {
	margin-bottom: 28px;
	text-align: center;
}

.event-calendar .calendar-title h3 {
	padding-top: 7px;
}

.event-calendar table {
	width: 100%;
}

.event-calendar table td {
	border: 1px solid #E2E2E2;
	width: 14%;
	height: 120px;
}

.event-calendar table tbody tr:last-child td {
	border-bottom: 0px;
}

.event-calendar table tr td:first-child {
	border-left: 0px;
}

.event-calendar table tr td:last-child {
	border-right: 0px;
}

.event-calendar table tr td {
	border-left: 0px;
}

.event-calendar table tr td:hover {
	background: rgba(255,255,255,0.2);
}

.event-calendar table tr td.today {
	background: rgba(255,255,255,0.3);
}

.event-calendar table tr th {
	padding: 15px 0px;
	text-transform: uppercase;
	background: rgba(0,0,0,0.03);
}

.event-calendar td.notthismonth {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.event-calendar .date-title {
	padding: 10px;
	text-align: right;
	display: block;
	font-weight: bold;
}

.event-calendar .cal-event {
	display: block;
	padding: 10px;
	padding-top: 0px;
}

.event-calendar .cal-event a {
	display: block;
	font-weight: bold;
	font-size: 12px;
}

.event-calendar .cal-event a span {
	display: block;
	font-weight: normal;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-size: 12px;
	padding-top: 2px;
}


	#content, #menu, #main-box.full-width #main, .wrapper{
		border-left:2px solid #fff;
		border-right:2px solid #fff;
	}
	#header-top .wrapper{border-width:0;}
	
	#content, #main-box.full-width #main{
    box-shadow: 15px 0 30px -10px rgba(147, 176, 215, 0.75), -15px 0 30px -10px rgba(147, 176, 215, 0.75);
    -moz-box-shadow:none !important;
    -webkit-box-shadow: 15px 0 30px -10px rgba(147, 176, 215, 0.75), -15px 0 30px -10px rgba(147, 176, 215, 0.75);
    -o-box-shadow: 15px 0 30px -10px rgba(147, 176, 215, 0.75), -15px 0 30px -10px rgba(147, 176, 215, 0.75);
	}	
	
	
	#header-top{
		border-bottom:1px solid #fff;
		
    box-shadow: 5px 0 20px 0 rgba(147, 176, 215, 0.75);
    -moz-box-shadow:none !important;
    -webkit-box-shadow: 5px 0 20px 0 rgba(147, 176, 215, 0.75);
    -o-box-shadow: 5px 0 20px 0 rgba(147, 176, 215, 0.75);

	}
	
	.dfgdfgggdfgfdgf{
	box-shadow: 0px 0px 36px 3px rgba(255,255,255,0.35), 15px 0 30px -10px rgba(23, 95, 150, 0.75), -15px 0 30px -10px rgba(147, 176, 215, 0.75);
	-webkit-box-shadow: 0px 0px 36px 3px rgba(255,255,255,0.62);
	-moz-box-shadow:none !important;
	}	
	
	@-moz-document url-prefix() {
		.dfgdfgggdfgfdgf, #header-top, #content, #main-box.full-width #main {
			box-shadow:none;
		}
	}

#marcheHeaderTitle{float:left;line-height:40px;margin-left:0px;padding-top:5px;margin-right:10px;text-shadow:1px 1px 0px black;}	
.marchePersoBoxedHeader
{
	/*margin:17px auto 0 auto;*/
	margin:5px auto 0 auto;
	padding: 5px 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	list-style: none;
	font-size: 14px;
	background-color: #fcfcfc;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.08);
	background-clip: padding-box;
	
	background-image:url("../images/gplaypattern.png");
	background-repeat:repeat;
	overflow:hidden;height:43px;
}

.marchePersoBoxedHeader .marchePersoBoxedHeaderInner
{

	height:43px;
	position:relative;
    overflow-x:hidden;
    overflow-y:hidden;
    white-space: nowrap;
	border:1px solid white;
	border-width:0 1px;
}


.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a
{
	background: url("../images/ui_mini_perso.png") no-repeat;
	width:141px;
	height:43px;
	margin:0 0 0 2px;
	display: inline-block;
}

.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a.aucun_perso_en_vente_menudroite
{
	display:block;
	width:283px;
	height:43px;
	background: url("../images/aucun_perso_en_vente_menudroite.png") no-repeat;
	margin:0 auto 10px auto;
	text-indent:-9999px;
}

.marchePersoBoxedHeader .marchePersoBoxedHeaderInner > div{display:inline;}

.marchePersoBoxedHeader .marchePersoBoxedHeaderInner div:first-child a{margin-left:5px;}
.marchePersoBoxedHeader .marchePersoBoxedHeaderInner div:last-child a{margin-right:5px;}
.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a:hover div.mini_perso_classe{color:#1a6fef;}
.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a:hover  img{opacity:1;}

.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a img
{
	width:35px;
	height:35px;
	display:block;
	margin:4px auto 0 auto;
	opacity:0.8;
	float:left;
	margin-left:4px;
	overflow:hidden;
}

.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a div.mini_perso_details
{
	width:97px;
	height:39px;
	margin:0 2px 2px 0;
	font-size:12px;
	float:right;
	padding:0;
	line-height:20px;
	text-align:center;
	padding-top:2px;
	overflow:hidden;
	
	font-size:14px;
	text-shadow:1px 1px 0 white;
}
.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a div.mini_perso_level
{
color:#005bc1;
}
.marchePersoBoxedHeader .marchePersoBoxedHeaderInner a div.mini_perso_classe
{
color:#575757;
}


.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}

.spoiler{padding:5px;border:2px solid #808080;background-color: white;margin: 5px 5px;max-height:400px;overflow: auto;color: black;}
.spoilertexte{font-weight:bold; font-size:10px;}
.quote{padding:5px;border:1px solid #653533;margin: 5px 5px; overflow: auto;background-color:#fafafa;}

.tooltip{position: absolute;overflow:hidden;display: none;background-color: #FCFCFC;color: #000000;border: 1px solid #DDDDDD;border-left: 4px solid #ebb40b;padding: 4px 10px;z-index: 300;width: 200px;}
#easyTooltip{margin:0 10px 1em 0;width:320px;padding:8px;background:#d4d1c4;border:4px solid #949187;line-height:130%;z-index:9999999;}
#easyTooltip h3{margin:0 0 .5em 0;font:13px Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;}	
#easyTooltip p{margin:0 0 .5em 0;}	
a.plusetmoinpagination
{
	cursor:pointer;font-weight:bold;background:#e7e7e7;color:gray;
}
a.plusetmoinpagination:hover
{
	cursor:pointer;font-weight:bold;background:#f0f0f0;color:gray;
	border-size:0;
	box-shadow: 0 0 0;
}

#anneauD,#anneauG,#dofus1,#dofus2,#dofus3,#dofus4,#dofus5,#dofus6,#cape,#coiffe,#botte,#ceinture,#familie,#cac,#dinde,#amulette,#bouclier{display:none;}

.ak-top
{
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #d4d1c4;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-color: #b1ac9c;
  border-right-color: #b1ac9c;
  border-bottom-color: #b1ac9c;
  border-left-color: #b1ac9c;
}
 .ak-encyclo-detail
{
  margin-top:10px;
  background-color:#ffffff;
  border:1px solid #88765c;
  clear:left;
  font-family:Verdana;
}
.ak-encyclo-detail-aligne
{
	border-bottom:1px solid #c9c6bb;
	padding:1px 5px;
}

.ak-detail
{
  float: left;
  width: 160px;
  line-height:20px;
}
.ak-name
{
  color: #28170e;
  font-weight: bold;
}
.ak-level
{
  font-weight: bold;
  color: #c06900;
}
.ak-type
{
  color: #78664c;
  font-size: 14px;
  font-style: italic;
}
.ak-encyclo-detail-illu
{
  text-align: center;
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-top-style: inset;
  border-right-style: inset;
  border-bottom-style: inset;
  border-left-style: inset;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  margin-bottom: 0.6rem;
  border-top-color: #b1ac9c;
  border-right-color: #c9c6bb;
  border-bottom-color: #dfdbcd;
  border-left-color: #c9c6bb;
  background-color: transparent;
  background-image: url("../images/shoputils/bg-item.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
  box-sizing: border-box;
}

.ak-encyclo-detail-illu img
{
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  max-width: 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
  height: auto;
}

.ak-show-one-png-52{display:block;width:52px;height:52px;margin:5px auto 0 auto;}
.ak-equipment-left, .ak-equipment-right
{
  position: relative;
  float: left;
  width: 10%;
}

.ak-caracteristics-content .ak-equipment-left
{
  margin-top: 0px;
  margin-right: 0.5em;
  margin-bottom: 0px;
  margin-left: 0.5em;
}

.ak-equipment-left, .ak-equipment-right
{
  position: relative;
  float: left;
  width: 10%;
}
.ak-equipment-middle{position:relative;float:left;}
.ak-chracter-illustration{left:100px;}


 .ak-equipment-item
{
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-color: #b1ac9c;
  border-left-color: #c9c6bb;
  border-right-color: #c9c6bb;
  border-bottom-color: #dfdbcd;
  height: 64px;
  left: 50%;
  margin-bottom: 14px;
  margin-left: -37px;
  position: relative;
  width: 64px;
}

 .ak-equipment-item2
{
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-color: #b1ac9c;
  border-left-color: #c9c6bb;
  border-right-color: #c9c6bb;
  border-bottom-color: #dfdbcd;
  
  float:left;
  margin-right:2px;
  
  height: 64px;
  width: 64px;
 }

.ak-equipment-hat
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_hat.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-dofus
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_dofus.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-none
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_none.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-pet
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_pet.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-belt
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_belt.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}


 .ak-equipment-amulet
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_amulet.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-shield
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_shield.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-ring1
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_ring1.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-ring2
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_ring2.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-cap
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_cap.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-boots
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_boots.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-equipment-weapon
{
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment_weapon.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.ak-character-equipments
{
  width: 454px;
  margin-bottom: 0px;
}

.ak-character-equipments
{
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  height: 415px;
  position: relative;
  margin-bottom: 15px;
}


.ak-character-equipments
{
  border-top-color: #b1ac9c;
  border-left-color: #c9c6bb;
  border-right-color: #c9c6bb;
  border-bottom-color: #dfdbcd;
  background-color: transparent;
  background-image: url("../images/shoputils/bg_equipment.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -130px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}




.ak-icon-big.ak-polls,
.ak-icon-big.ak-alliance,
.ak-icon-big.ak-alliance-pages,
.ak-icon-big.ak-animation,
.ak-icon-big.ak-builds,
.ak-icon-big.ak-calendar,
.ak-icon-big.ak-character,
.ak-icon-big.ak-character-pages,
.ak-icon-big.ak-devblog,
.ak-icon-big.ak-directories,
.ak-icon-big.ak-edition,
.ak-icon-big.ak-editions-dofus,
.ak-icon-big.ak-forum,
.ak-icon-big.ak-guild,
.ak-icon-big.ak-guild-pages,
.ak-icon-big.ak-heroic,
.ak-icon-big.ak-illustration,
.ak-icon-big.ak-krosmaster,
.ak-icon-big.ak-ladder-alliance,
.ak-icon-big.ak-ladder-general,
.ak-icon-big.ak-ladder-kolizeum,
.ak-icon-big.ak-ladder-krosmaster,
.ak-icon-big.ak-ladder-success,
.ak-icon-big.ak-news,
.ak-icon-big.ak-screenshot,
.ak-icon-big.ak-server-offline,
.ak-icon-big.ak-server-online,
.ak-icon-big.ak-servers,
.ak-icon-big.ak-sponsorship,
.ak-icon-big.ak-success,
.ak-icon-big.ak-support,
.ak-icon-big.ak-videos,
.ak-icon-big.ak-married,
.ak-icon-big.ak-job-pages,
.ak-icon-big.ak-rules,
.ak-icon-big.ak-patchnote,
.ak-icon-big.ak-codes,
.ak-icon-big.ak-gift,
.ak-icon-big.ak-shop,
.ak-icon-big.ak-bank,
.ak-icon-big.ak-bak,
.ak-icon-big.ak-ogrines,
.ak-icon-big.ak-kamas,
.ak-icon-big.ak-progress,
.ak-icon-big.ak-address .ak-icon-big.ak-download,
.ak-icon-big.ak-rates,
.ak-icon-med.ak-polls,
.ak-icon-med.ak-alliance,
.ak-icon-med.ak-alliance-pages,
.ak-icon-med.ak-animation,
.ak-icon-med.ak-builds,
.ak-icon-med.ak-calendar,
.ak-icon-med.ak-character,
.ak-icon-med.ak-character-pages,
.ak-icon-med.ak-devblog,
.ak-icon-med.ak-directories,
.ak-icon-med.ak-edition,
.ak-icon-med.ak-editions-dofus,
.ak-icon-med.ak-forum,
.ak-icon-med.ak-guild,
.ak-icon-med.ak-guild-pages,
.ak-icon-med.ak-heroic,
.ak-icon-med.ak-illustration,
.ak-icon-med.ak-krosmaster,
.ak-icon-med.ak-ladder-alliance,
.ak-icon-med.ak-ladder-general,
.ak-icon-med.ak-ladder-kolizeum,
.ak-icon-med.ak-ladder-krosmaster,
.ak-icon-med.ak-ladder-success,
.ak-icon-med.ak-news,
.ak-icon-med.ak-screenshot,
.ak-icon-med.ak-server-offline,
.ak-icon-med.ak-server-online,
.ak-icon-med.ak-servers,
.ak-icon-med.ak-sponsorship,
.ak-icon-med.ak-success,
.ak-icon-med.ak-support,
.ak-icon-med.ak-videos,
.ak-icon-med.ak-married,
.ak-icon-med.ak-job-pages,
.ak-icon-med.ak-rules,
.ak-icon-med.ak-patchnote,
.ak-icon-med.ak-codes,
.ak-icon-med.ak-gift,
.ak-icon-med.ak-shop,
.ak-icon-med.ak-bank,
.ak-icon-med.ak-bak,
.ak-icon-med.ak-ogrines,
.ak-icon-med.ak-kamas,
.ak-icon-med.ak-progress,
.ak-icon-med.ak-address .ak-icon-med.ak-download,
.ak-icon-med.ak-rates,
.ak-icon-tiny.ak-polls,
.ak-icon-tiny.ak-alliance,
.ak-icon-tiny.ak-alliance-pages,
.ak-icon-tiny.ak-animation,
.ak-icon-tiny.ak-builds,
.ak-icon-tiny.ak-calendar,
.ak-icon-tiny.ak-character,
.ak-icon-tiny.ak-character-pages,
.ak-icon-tiny.ak-devblog,
.ak-icon-tiny.ak-directories,
.ak-icon-tiny.ak-edition,
.ak-icon-tiny.ak-editions-dofus,
.ak-icon-tiny.ak-forum,
.ak-icon-tiny.ak-guild,
.ak-icon-tiny.ak-guild-pages,
.ak-icon-tiny.ak-heroic,
.ak-icon-tiny.ak-illustration,
.ak-icon-tiny.ak-krosmaster,
.ak-icon-tiny.ak-ladder-alliance,
.ak-icon-tiny.ak-ladder-general,
.ak-icon-tiny.ak-ladder-kolizeum,
.ak-icon-tiny.ak-ladder-krosmaster,
.ak-icon-tiny.ak-ladder-success,
.ak-icon-tiny.ak-news,
.ak-icon-tiny.ak-screenshot,
.ak-icon-tiny.ak-server-offline,
.ak-icon-tiny.ak-server-online,
.ak-icon-tiny.ak-servers,
.ak-icon-tiny.ak-sponsorship,
.ak-icon-tiny.ak-success,
.ak-icon-tiny.ak-support,
.ak-icon-tiny.ak-videos,
.ak-icon-tiny.ak-married,
.ak-icon-tiny.ak-job-pages,
.ak-icon-tiny.ak-rules,
.ak-icon-tiny.ak-patchnote,
.ak-icon-tiny.ak-codes,
.ak-icon-tiny.ak-gift,
.ak-icon-tiny.ak-shop,
.ak-icon-tiny.ak-bank,
.ak-icon-tiny.ak-bak,
.ak-icon-tiny.ak-ogrines,
.ak-icon-tiny.ak-kamas,
.ak-icon-tiny.ak-progress,
.ak-icon-tiny.ak-address .ak-icon-tiny.ak-download,
.ak-icon-tiny.ak-rates {
    background-image: url("../images/shoputils/sprite2.png");
    background-repeat: no-repeat
}
.ak-icon-big.ak-polls,
.ak-icon-big.ak-alliance,
.ak-icon-big.ak-animation,
.ak-icon-big.ak-builds,
.ak-icon-big.ak-calendar,
.ak-icon-big.ak-character,
.ak-icon-big.ak-devblog,
.ak-icon-big.ak-directories,
.ak-icon-big.ak-edition,
.ak-icon-big.ak-editions-dofus,
.ak-icon-big.ak-forum,
.ak-icon-big.ak-guild,
.ak-icon-big.ak-guild-pages,
.ak-icon-big.ak-heroic,
.ak-icon-big.ak-illustration,
.ak-icon-big.ak-krosmaster,
.ak-icon-big.ak-ladder-alliance,
.ak-icon-big.ak-ladder-general,
.ak-icon-big.ak-ladder-kolizeum,
.ak-icon-big.ak-ladder-krosmaster,
.ak-icon-big.ak-ladder-success,
.ak-icon-big.ak-news,
.ak-icon-big.ak-screenshot,
.ak-icon-big.ak-server-offline,
.ak-icon-big.ak-server-online,
.ak-icon-big.ak-servers,
.ak-icon-big.ak-sponsorship,
.ak-icon-big.ak-success,
.ak-icon-big.ak-support,
.ak-icon-big.ak-videos,
.ak-icon-big.ak-married,
.ak-icon-big.ak-rules,
.ak-icon-big.ak-patchnote,
.ak-icon-big.ak-codes,
.ak-icon-big.ak-gift,
.ak-icon-big.ak-shop,
.ak-icon-big.ak-bank,
.ak-icon-big.ak-bak,
.ak-icon-big.ak-ogrines,
.ak-icon-big.ak-kamas,
.ak-icon-big.ak-address,
.ak-icon-big.ak-progress .ak-icon-big.ak-download,
.ak-icon-big.ak-rates {
    background-size: 65px auto
}
.ak-icon-big.ak-polls {
    background-position: 0 -10px
}
.ak-icon-big.ak-alliance {
    background-position: 0 -95px
}
.ak-icon-big.ak-animation {
    background-position: 0 -180px
}
.ak-icon-big.ak-builds {
    background-position: 0 -265px
}
.ak-icon-big.ak-calendar {
    background-position: 0 -350px
}
.ak-icon-big.ak-character {
    background-position: 0 -435px
}
.ak-icon-big.ak-devblog {
    background-position: 0 -520px
}
.ak-icon-big.ak-directories {
    background-position: 0 -605px
}
.ak-icon-big.ak-editions-dofus,
.ak-icon-big.ak-edition {
    background-position: 0 -690px
}
.ak-icon-big.ak-forum {
    background-position: 0 -775px
}
.ak-icon-big.ak-guild {
    background-position: 0 -860px
}
.ak-icon-big.ak-heroic {
    background-position: 0 -945px
}
.ak-icon-big.ak-illustration {
    background-position: 0 -1030px
}
.ak-icon-big.ak-krosmaster {
    background-position: 0 -1115px
}
.ak-icon-big.ak-ladder-alliance {
    background-position: 0 -1200px
}
.ak-icon-big.ak-ladder-general {
    background-position: 0 -1285px
}
.ak-icon-big.ak-ladder-kolizeum {
    background-position: 0 -1370px
}
.ak-icon-big.ak-ladder-krosmaster {
    background-position: 0 -1455px
}
.ak-icon-big.ak-ladder-success {
    background-position: 0 -1540px
}
.ak-icon-big.ak-news {
    background-position: 0 -1625px
}
.ak-icon-big.ak-screenshot {
    background-position: 0 -1712px
}
.ak-icon-big.ak-server-offline {
    background-position: 0 -1795px
}
.ak-icon-big.ak-server-online {
    background-position: 0 -1880px
}
.ak-icon-big.ak-servers {
    background-position: 0 -1965px
}
.ak-icon-big.ak-sponsorship {
    background-position: 0 -2050px
}
.ak-icon-big.ak-success {
    background-position: 0 -2135px
}
.ak-icon-big.ak-support {
    background-position: 0 -2220px
}
.ak-icon-big.ak-videos {
    background-position: 0 -2308px
}
.ak-icon-big.ak-married {
    background-position: 0 -2390px
}
.ak-icon-big.ak-job-pages {
    background-position: 0 -2477px
}
.ak-icon-big.ak-rules {
    background-position: 0 -2610px
}
.ak-icon-big.ak-patchnote {
    background-position: 0 -2694px
}
.ak-icon-big.ak-codes {
    background-position: 0 -2777px
}
.ak-icon-big.ak-gift {
    background-position: 0 -2837px
}
.ak-icon-big.ak-shop {
    background-position: 0 -2903px
}
.ak-icon-big.ak-bank {
    background-position: 0 -2968px
}
.ak-icon-big.ak-bak {
    background-position: 0 -3172px
}
.ak-icon-big.ak-address {
    background-position: 0 -3036px
}
.ak-icon-big.ak-progress {
    background-position: 0 -3104px
}
.ak-icon-big.ak-ogrines {
    background-position: 0 -3247px
}
.ak-icon-big.ak-kamas {
    background-position: 0 -3318px
}
.ak-icon-big.ak-download {
    background-position: 0 -3408px
}
.ak-icon-big.ak-rates {
    background-position: 0 -3486px
}
.ak-icon-med.ak-polls,
.ak-icon-med.ak-alliance,
.ak-icon-med.ak-animation,
.ak-icon-med.ak-builds,
.ak-icon-med.ak-calendar,
.ak-icon-med.ak-character,
.ak-icon-med.ak-devblog,
.ak-icon-med.ak-directories,
.ak-icon-med.ak-editions-dofus,
.ak-icon-med.ak-edition,
.ak-icon-med.ak-forum,
.ak-icon-med.ak-guild,
.ak-icon-med.ak-heroic,
.ak-icon-med.ak-illustration,
.ak-icon-med.ak-krosmaster,
.ak-icon-med.ak-ladder-alliance,
.ak-icon-med.ak-ladder-general,
.ak-icon-med.ak-ladder-kolizeum,
.ak-icon-med.ak-ladder-krosmaster,
.ak-icon-med.ak-ladder-success,
.ak-icon-med.ak-news,
.ak-icon-med.ak-screenshot,
.ak-icon-med.ak-server-offline,
.ak-icon-med.ak-server-online,
.ak-icon-med.ak-servers,
.ak-icon-med.ak-sponsorship,
.ak-icon-med.ak-success,
.ak-icon-med.ak-support,
.ak-icon-med.ak-videos,
.ak-icon-med.ak-married,
.ak-icon-med.ak-rules,
.ak-icon-med.ak-patchnote,
.ak-icon-med.ak-codes,
.ak-icon-med.ak-gift,
.ak-icon-med.ak-shop,
.ak-icon-med.ak-bank,
.ak-icon-med.ak-ogrines,
.ak-icon-med.ak-kamas,
.ak-icon-med.ak-bak .ak-icon-med.ak-download,
.ak-icon-med.ak-rates {
    background-size: 46px auto
}
.ak-icon-med.ak-polls {
    background-position: 0 -5px
}
.ak-icon-med.ak-alliance-pages,
.ak-icon-med.ak-alliance {
    background-position: 0 -65px
}
.ak-icon-med.ak-animation {
    background-position: 0 -126px
}
.ak-icon-med.ak-builds {
    background-position: 0 -187px
}
.ak-icon-med.ak-calendar {
    background-position: 0 -245px
}
.ak-icon-med.ak-character,
.ak-icon-med.ak-character-pages {
    background-position: 0 -306px
}
.ak-icon-med.ak-devblog {
    background-position: 0 -365px
}
.ak-icon-med.ak-directories {
    background-position: 0 -426px
}
.ak-icon-med.ak-editions-dofus,
.ak-icon-med.ak-edition {
    background-position: 0 -486px
}
.ak-icon-med.ak-forum {
    background-position: 0 -546px
}
.ak-icon-med.ak-guild,
.ak-icon-med.ak-guild-pages {
    background-position: 0 -605px
}
.ak-icon-med.ak-heroic {
    background-position: 0 -666px
}
.ak-icon-med.ak-illustration {
    background-position: 0 -725px
}
.ak-icon-med.ak-krosmaster {
    background-position: 0 -788px
}
.ak-icon-med.ak-ladder-alliance {
    background-position: 0 -845px
}
.ak-icon-med.ak-ladder-general {
    background-position: 0 -906px
}
.ak-icon-med.ak-ladder-kolizeum {
    background-position: 0 -966px
}
.ak-icon-med.ak-ladder-krosmaster {
    background-position: 0 -1025px
}
.ak-icon-med.ak-ladder-success {
    background-position: 0 -1086px
}
.ak-icon-med.ak-news {
    background-position: 0 -1146px
}
.ak-icon-med.ak-screenshot {
    background-position: 0 -1205px
}
.ak-icon-med.ak-server-offline {
    background-position: 0 -1267px
}
.ak-icon-med.ak-server-online {
    background-position: 0 -1328px
}
.ak-icon-med.ak-servers {
    background-position: 0 -1386px
}
.ak-icon-med.ak-sponsorship {
    background-position: 0 -1445px
}
.ak-icon-med.ak-success {
    background-position: 0 -1509px
}
.ak-icon-med.ak-support {
    background-position: 0 -1564px
}
.ak-icon-med.ak-videos {
    background-position: 0 -1625px
}
.ak-icon-med.ak-married {
    background-position: 0 -1692px
}
.ak-icon-med.ak-job-pages {
    background-position: 0 -1750px
}
.ak-icon-med.ak-rules {
    background-position: 0 -1846px
}
.ak-icon-med.ak-patchnote {
    background-position: 0 -1905px
}
.ak-icon-med.ak-codes {
    background-position: 0 -1958px
}
.ak-icon-med.ak-gift {
    background-position: 0 -2007px
}
.ak-icon-med.ak-shop {
    background-position: 0 -2051px
}
.ak-icon-med.ak-bank {
    background-position: 0 -2098px
}
.ak-icon-med.ak-bak {
    background-position: 0 -3172px
}
.ak-icon-med.ak-ogrines {
    background-position: 0 -3247px
}
.ak-icon-med.ak-kamas {
    background-position: 0 -3318px
}
.ak-icon-med.ak-download {
    background-position: 0 -3408px
}
.ak-icon-med.ak-rates {
    background-position: 0 -3486px
}
.ak-icon-tiny.ak-krosmaster,
.ak-icon-tiny.ak-editions-dofus,
.ak-icon-tiny.ak-edition,
.ak-icon-tiny.ak-animation {
    background-size: 34px auto
}
.ak-icon-tiny.ak-krosmaster {
    background-position: 0 -583px
}
.ak-icon-tiny.ak-editions-dofus,
.ak-icon-tiny.ak-edition {
    background-position: 0 -360px
}
.ak-icon-tiny.ak-animation {
    background-position: 0 -94px
}
.ak-icon-big.ak-breeds,
.ak-icon-big.ak-consumables,
.ak-icon-big.ak-dungeons,
.ak-icon-big.ak-equipments,
.ak-icon-big.ak-jobs,
.ak-icon-big.ak-monsters,
.ak-icon-big.ak-pets,
.ak-icon-big.ak-quests,
.ak-icon-big.ak-ressources,
.ak-icon-big.ak-rides,
.ak-icon-big.ak-companions,
.ak-icon-big.ak-weapons,
.ak-icon-big.ak-plus-dofus,
.ak-icon-big.ak-plus_dofus,
.ak-icon-big.ak-mmo,
.ak-icon-big.ak-mmorpg,
.ak-icon-big.ak-egg,
.ak-icon-big.ak-encyclopedia,
.ak-icon-big.ak-sets,
.ak-icon-big.ak-spells,
.ak-icon-big.ak-universe,
.ak-icon-big.ak-tutorials,
.ak-icon-big.ak-neutral,
.ak-icon-big.ak-tx-neutral,
.ak-icon-big.ak-move,
.ak-icon-big.ak-tx-movementpoints,
.ak-icon-big.ak-water,
.ak-icon-big.ak-tx-chance,
.ak-icon-big.ak-range,
.ak-icon-big.ak-tx-range,
.ak-icon-big.ak-air,
.ak-icon-big.ak-tx-agility,
.ak-icon-big.ak-tx-initiative,
.ak-icon-big.ak-action,
.ak-icon-big.ak-tx-actionpoints,
.ak-icon-big.ak-tx-prospecting,
.ak-icon-big.ak-life,
.ak-icon-big.ak-tx-vitality,
.ak-icon-big.ak-tx-lifepoints,
.ak-icon-big.ak-tx-wisdom,
.ak-icon-big.ak-fire,
.ak-icon-big.ak-tx-intelligence,
.ak-icon-big.ak-earth,
.ak-icon-big.ak-tx-strength,
.ak-icon-big.ak-tx-escape,
.ak-icon-big.ak-tx-invocation,
.ak-icon-big.ak-tx-tackle,
.ak-icon-big.ak-tx-summonablecreaturesboost,
.ak-icon-big.ak-tx-criticalhit,
.ak-icon-big.ak-tx-weapondamage,
.ak-icon-big.ak-tx-trappercent,
.ak-icon-big.ak-tx-trap,
.ak-icon-big.ak-tx-shieldpoints,
.ak-icon-big.ak-tx-return,
.ak-icon-big.ak-tx-pushreduction,
.ak-icon-big.ak-tx-push,
.ak-icon-big.ak-tx-lifepoints,
.ak-icon-big.ak-tx-heal,
.ak-icon-big.ak-tx-dodgemp,
.ak-icon-big.ak-tx-dodgeap,
.ak-icon-big.ak-tx-damagespercent,
.ak-icon-big.ak-tx-damage,
.ak-icon-big.ak-tx-criticalreduction,
.ak-icon-big.ak-tx-criticaldamage,
.ak-icon-big.ak-tx-attackmp,
.ak-icon-big.ak-tx-attackap,
.ak-icon-big.ak-game,
.ak-icon-big.ak-tree-tutorial,
.ak-icon-big.ak-idols,
.ak-icon-big.ak-tx-stalskamas,
.ak-icon-big.ak-tx-incarnation,
.ak-icon-big.ak-tx-hunting,
.ak-icon-big.ak-tx-apcostreduction,
.ak-icon-big.ak-tx-emote,
.ak-icon-med.ak-breeds,
.ak-icon-med.ak-consumables,
.ak-icon-med.ak-dungeons,
.ak-icon-med.ak-equipments,
.ak-icon-med.ak-jobs,
.ak-icon-med.ak-monsters,
.ak-icon-med.ak-pets,
.ak-icon-med.ak-quests,
.ak-icon-med.ak-ressources,
.ak-icon-med.ak-rides,
.ak-icon-med.ak-companions,
.ak-icon-med.ak-weapons,
.ak-icon-med.ak-plus-dofus,
.ak-icon-med.ak-plus_dofus,
.ak-icon-med.ak-mmo,
.ak-icon-med.ak-mmorpg,
.ak-icon-med.ak-egg,
.ak-icon-med.ak-encyclopedia,
.ak-icon-med.ak-sets,
.ak-icon-med.ak-spells,
.ak-icon-med.ak-universe,
.ak-icon-med.ak-tutorials,
.ak-icon-med.ak-neutral,
.ak-icon-med.ak-tx-neutral,
.ak-icon-med.ak-move,
.ak-icon-med.ak-tx-movementpoints,
.ak-icon-med.ak-water,
.ak-icon-med.ak-tx-chance,
.ak-icon-med.ak-range,
.ak-icon-med.ak-tx-range,
.ak-icon-med.ak-air,
.ak-icon-med.ak-tx-agility,
.ak-icon-med.ak-tx-initiative,
.ak-icon-med.ak-action,
.ak-icon-med.ak-tx-actionpoints,
.ak-icon-med.ak-tx-prospecting,
.ak-icon-med.ak-life,
.ak-icon-med.ak-tx-vitality,
.ak-icon-med.ak-tx-lifepoints,
.ak-icon-med.ak-tx-wisdom,
.ak-icon-med.ak-fire,
.ak-icon-med.ak-tx-intelligence,
.ak-icon-med.ak-earth,
.ak-icon-med.ak-tx-strength,
.ak-icon-med.ak-tx-escape,
.ak-icon-med.ak-tx-invocation,
.ak-icon-med.ak-tx-tackle,
.ak-icon-med.ak-tx-summonablecreaturesboost,
.ak-icon-med.ak-tx-criticalhit,
.ak-icon-med.ak-tx-weapondamage,
.ak-icon-med.ak-tx-trappercent,
.ak-icon-med.ak-tx-trap,
.ak-icon-med.ak-tx-shieldpoints,
.ak-icon-med.ak-tx-return,
.ak-icon-med.ak-tx-pushreduction,
.ak-icon-med.ak-tx-push,
.ak-icon-med.ak-tx-lifepoints,
.ak-icon-med.ak-tx-heal,
.ak-icon-med.ak-tx-dodgemp,
.ak-icon-med.ak-tx-dodgeap,
.ak-icon-med.ak-tx-damagespercent,
.ak-icon-med.ak-tx-damage,
.ak-icon-med.ak-tx-criticalreduction,
.ak-icon-med.ak-tx-criticaldamage,
.ak-icon-med.ak-tx-attackmp,
.ak-icon-med.ak-tx-attackap,
.ak-icon-med.ak-game,
.ak-icon-med.ak-tree-tutorial,
.ak-icon-med.ak-idols,
.ak-icon-med.ak-tx-stalskamas,
.ak-icon-med.ak-tx-incarnation,
.ak-icon-med.ak-tx-hunting,
.ak-icon-med.ak-tx-apcostreduction,
.ak-icon-med.ak-tx-emote,
.ak-icon-small.ak-breeds,
.ak-icon-small.ak-consumables,
.ak-icon-small.ak-dungeons,
.ak-icon-small.ak-equipments,
.ak-icon-small.ak-jobs,
.ak-icon-small.ak-monsters,
.ak-icon-small.ak-pets,
.ak-icon-small.ak-quests,
.ak-icon-small.ak-ressources,
.ak-icon-small.ak-rides,
.ak-icon-small.ak-companions,
.ak-icon-small.ak-weapons,
.ak-icon-small.ak-plus-dofus,
.ak-icon-small.ak-plus_dofus,
.ak-icon-small.ak-mmo,
.ak-icon-small.ak-mmorpg,
.ak-icon-small.ak-egg,
.ak-icon-small.ak-encyclopedia,
.ak-icon-small.ak-sets,
.ak-icon-small.ak-spells,
.ak-icon-small.ak-universe,
.ak-icon-small.ak-tutorials,
.ak-icon-small.ak-neutral,
.ak-icon-small.ak-tx-neutral,
.ak-icon-small.ak-move,
.ak-icon-small.ak-tx-movementpoints,
.ak-icon-small.ak-water,
.ak-icon-small.ak-tx-chance,
.ak-icon-small.ak-range,
.ak-icon-small.ak-tx-range,
.ak-icon-small.ak-air,
.ak-icon-small.ak-tx-agility,
.ak-icon-small.ak-tx-initiative,
.ak-icon-small.ak-action,
.ak-icon-small.ak-tx-actionpoints,
.ak-icon-small.ak-tx-prospecting,
.ak-icon-small.ak-life,
.ak-icon-small.ak-tx-vitality,
.ak-icon-small.ak-tx-lifepoints,
.ak-icon-small.ak-tx-wisdom,
.ak-icon-small.ak-fire,
.ak-icon-small.ak-tx-intelligence,
.ak-icon-small.ak-earth,
.ak-icon-small.ak-tx-strength,
.ak-icon-small.ak-tx-escape,
.ak-icon-small.ak-tx-invocation,
.ak-icon-small.ak-tx-tackle,
.ak-icon-small.ak-tx-summonablecreaturesboost,
.ak-icon-small.ak-tx-criticalhit,
.ak-icon-small.ak-tx-weapondamage,
.ak-icon-small.ak-tx-trappercent,
.ak-icon-small.ak-tx-trap,
.ak-icon-small.ak-tx-shieldpoints,
.ak-icon-small.ak-tx-return,
.ak-icon-small.ak-tx-pushreduction,
.ak-icon-small.ak-tx-push,
.ak-icon-small.ak-tx-lifepoints,
.ak-icon-small.ak-tx-heal,
.ak-icon-small.ak-tx-dodgemp,
.ak-icon-small.ak-tx-dodgeap,
.ak-icon-small.ak-tx-damagespercent,
.ak-icon-small.ak-tx-damage,
.ak-icon-small.ak-tx-criticalreduction,
.ak-icon-small.ak-tx-criticaldamage,
.ak-icon-small.ak-tx-attackmp,
.ak-icon-small.ak-tx-attackap,
.ak-icon-small.ak-game,
.ak-icon-small.ak-tree-tutorial,
.ak-icon-small.ak-idols,
.ak-icon-small.ak-tx-stalskamas,
.ak-icon-small.ak-tx-incarnation,
.ak-icon-small.ak-tx-hunting,
.ak-icon-small.ak-tx-apcostreduction,
.ak-icon-small.ak-tx-emote,
.ak-icon-tiny.ak-breeds,
.ak-icon-tiny.ak-consumables,
.ak-icon-tiny.ak-dungeons,
.ak-icon-tiny.ak-equipments,
.ak-icon-tiny.ak-jobs,
.ak-icon-tiny.ak-monsters,
.ak-icon-tiny.ak-pets,
.ak-icon-tiny.ak-quests,
.ak-icon-tiny.ak-ressources,
.ak-icon-tiny.ak-rides,
.ak-icon-tiny.ak-companions,
.ak-icon-tiny.ak-weapons,
.ak-icon-tiny.ak-plus-dofus,
.ak-icon-tiny.ak-plus_dofus,
.ak-icon-tiny.ak-mmo,
.ak-icon-tiny.ak-mmorpg,
.ak-icon-tiny.ak-egg,
.ak-icon-tiny.ak-encyclopedia,
.ak-icon-tiny.ak-sets,
.ak-icon-tiny.ak-spells,
.ak-icon-tiny.ak-universe,
.ak-icon-tiny.ak-tutorials,
.ak-icon-tiny.ak-neutral,
.ak-icon-tiny.ak-tx-neutral,
.ak-icon-tiny.ak-move,
.ak-icon-tiny.ak-tx-movementpoints,
.ak-icon-tiny.ak-water,
.ak-icon-tiny.ak-tx-chance,
.ak-icon-tiny.ak-range,
.ak-icon-tiny.ak-tx-range,
.ak-icon-tiny.ak-air,
.ak-icon-tiny.ak-tx-agility,
.ak-icon-tiny.ak-tx-initiative,
.ak-icon-tiny.ak-action,
.ak-icon-tiny.ak-tx-actionpoints,
.ak-icon-tiny.ak-tx-prospecting,
.ak-icon-tiny.ak-life,
.ak-icon-tiny.ak-tx-vitality,
.ak-icon-tiny.ak-tx-lifepoints,
.ak-icon-tiny.ak-tx-wisdom,
.ak-icon-tiny.ak-fire,
.ak-icon-tiny.ak-tx-intelligence,
.ak-icon-tiny.ak-earth,
.ak-icon-tiny.ak-tx-strength,
.ak-icon-tiny.ak-tx-escape,
.ak-icon-tiny.ak-tx-invocation,
.ak-icon-tiny.ak-tx-tackle,
.ak-icon-tiny.ak-tx-summonablecreaturesboost,
.ak-icon-tiny.ak-tx-criticalhit,
.ak-icon-tiny.ak-tx-weapondamage,
.ak-icon-tiny.ak-tx-trappercent,
.ak-icon-tiny.ak-tx-trap,
.ak-icon-tiny.ak-tx-shieldpoints,
.ak-icon-tiny.ak-tx-return,
.ak-icon-tiny.ak-tx-pushreduction,
.ak-icon-tiny.ak-tx-push,
.ak-icon-tiny.ak-tx-lifepoints,
.ak-icon-tiny.ak-tx-heal,
.ak-icon-tiny.ak-tx-dodgemp,
.ak-icon-tiny.ak-tx-dodgeap,
.ak-icon-tiny.ak-tx-damagespercent,
.ak-icon-tiny.ak-tx-damage,
.ak-icon-tiny.ak-tx-criticalreduction,
.ak-icon-tiny.ak-tx-criticaldamage,
.ak-icon-tiny.ak-tx-attackmp,
.ak-icon-tiny.ak-tx-attackap,
.ak-icon-tiny.ak-game,
.ak-icon-tiny.ak-tree-tutorial,
.ak-icon-tiny.ak-idols,
.ak-icon-tiny.ak-tx-stalskamas,
.ak-icon-tiny.ak-tx-incarnation,
.ak-icon-tiny.ak-tx-hunting,
.ak-icon-tiny.ak-tx-apcostreduction,
.ak-icon-tiny.ak-tx-emote {
    background-image: url("../images/shoputils/sprite.png");
    background-repeat: no-repeat
}
.ak-icon-small
{
  display: inline-block;
  width: 22px;
  height: 22px;
}
.ak-icon-big.ak-breeds,
.ak-icon-big.ak-consumables,
.ak-icon-big.ak-dungeons,
.ak-icon-big.ak-equipments,
.ak-icon-big.ak-jobs,
.ak-icon-big.ak-monsters,
.ak-icon-big.ak-pets,
.ak-icon-big.ak-quests,
.ak-icon-big.ak-ressources,
.ak-icon-big.ak-rides,
.ak-icon-big.ak-companions,
.ak-icon-big.ak-weapons,
.ak-icon-big.ak-plus-dofus,
.ak-icon-big.ak-plus_dofus,
.ak-icon-big.ak-mmo,
.ak-icon-big.ak-mmorpg,
.ak-icon-big.ak-egg,
.ak-icon-big.ak-encyclopedia,
.ak-icon-big.ak-sets,
.ak-icon-big.ak-spells,
.ak-icon-big.ak-universe,
.ak-icon-big.ak-tutorials,
.ak-icon-big.ak-game,
.ak-icon-big.ak-tree-tutorial,
.ak-icon-big.ak-idols {
    background-size: 126px auto
}
.ak-icon-big.ak-breeds {
    background-position: 0 -10px
}
.ak-icon-big.ak-consumables {
    background-position: 0 -95px
}
.ak-icon-big.ak-dungeons {
    background-position: 0 -180px
}
.ak-icon-big.ak-equipments {
    background-position: 0 -265px
}
.ak-icon-big.ak-jobs {
    background-position: 0 -346px
}
.ak-icon-big.ak-monsters {
    background-position: 0 -435px
}
.ak-icon-big.ak-pets {
    background-position: 0 -520px
}
.ak-icon-big.ak-quests {
    background-position: 0 -605px
}
.ak-icon-big.ak-ressources {
    background-position: 0 -690px
}
.ak-icon-big.ak-rides {
    background-position: 0 -775px
}
.ak-icon-big.ak-weapons,
.ak-icon-big.ak-plus-dofus {
    background-position: 0 -860px
}
.ak-icon-big.ak-egg {
    background-position: 0 -945px
}
.ak-icon-big.ak-encyclopedia {
    background-position: 0 -1030px
}
.ak-icon-big.ak-sets {
    background-position: 0 -1115px
}
.ak-icon-big.ak-spells {
    background-position: 0 -1197px
}
.ak-icon-big.ak-universe {
    background-position: 0 -1285px
}
.ak-icon-big.ak-tutorials {
    background-position: 0 -1370px
}
.ak-icon-big.ak-companions {
    background-position: 0 -1600px
}
.ak-icon-big.ak-game {
    background-position: 0 -945px
}
.ak-icon-big.ak-tree-tutorial {
    background-position: 0 -1673px
}
.ak-icon-big.ak-idols {
    background-position: 0 -1751px
}
.ak-icon-med.ak-breeds,
.ak-icon-med.ak-consumables,
.ak-icon-med.ak-dungeons,
.ak-icon-med.ak-equipments,
.ak-icon-med.ak-jobs,
.ak-icon-med.ak-monsters,
.ak-icon-med.ak-pets,
.ak-icon-med.ak-quests,
.ak-icon-med.ak-ressources,
.ak-icon-med.ak-rides,
.ak-icon-med.ak-companions,
.ak-icon-med.ak-weapons,
.ak-icon-med.ak-plus-dofus,
.ak-icon-med.ak-plus_dofus,
.ak-icon-med.ak-mmorpg,
.ak-icon-med.ak-egg,
.ak-icon-med.ak-encyclopedia,
.ak-icon-med.ak-sets,
.ak-icon-med.ak-spells,
.ak-icon-med.ak-universe,
.ak-icon-med.ak-tutorials,
.ak-icon-med.ak-tree-tutorial,
.ak-icon-med.ak-idols {
    background-size: 89px auto
}
.ak-icon-med.ak-breeds {
    background-position: 0 -5px
}
.ak-icon-med.ak-consumables {
    background-position: 0 -65px
}
.ak-icon-med.ak-dungeons {
    background-position: 0 -126px
}
.ak-icon-med.ak-equipments {
    background-position: 0 -187px
}
.ak-icon-med.ak-jobs {
    background-position: 0 -243px
}
.ak-icon-med.ak-monsters {
    background-position: 0 -306px
}
.ak-icon-med.ak-pets {
    background-position: 0 -365px
}
.ak-icon-med.ak-quests {
    background-position: 0 -432px
}
.ak-icon-med.ak-ressources {
    background-position: 0 -486px
}
.ak-icon-med.ak-rides {
    background-position: 0 -546px
}
.ak-icon-med.ak-weapons,
.ak-icon-med.ak-mmo,
.ak-icon-med.ak-mmorpg {
    background-position: 0 -605px
}
.ak-icon-med.ak-egg {
    background-position: 0 -666px
}
.ak-icon-med.ak-encyclopedia {
    background-position: 0 -725px
}
.ak-icon-med.ak-sets {
    background-position: 0 -785px
}
.ak-icon-med.ak-spells {
    background-position: 0 -842px
}
.ak-icon-med.ak-universe {
    background-position: 0 -906px
}
.ak-icon-med.ak-tutorials {
    background-position: 0 -967px
}
.ak-icon-med.ak-plus-dofus,
.ak-icon-med.ak-plus_dofus {
    background-position: 0 -1026px
}
.ak-icon-med.ak-companions {
    background-position: 0 -1132px
}
.ak-icon-med.ak-tree-tutorial {
    background-position: 1px -1187px
}
.ak-icon-med.ak-idols {
    background-position: 1px -1234px
}
.ak-icon-small.ak-neutral,
.ak-icon-small.ak-tx-neutral,
.ak-icon-small.ak-move,
.ak-icon-small.ak-tx-movementpoints,
.ak-icon-small.ak-water,
.ak-icon-small.ak-tx-chance,
.ak-icon-small.ak-range,
.ak-icon-small.ak-tx-range,
.ak-icon-small.ak-air,
.ak-icon-small.ak-tx-agility,
.ak-icon-small.ak-tx-initiative,
.ak-icon-small.ak-action,
.ak-icon-small.ak-tx-actionpoints,
.ak-icon-small.ak-tx-prospecting,
.ak-icon-small.ak-life,
.ak-icon-small.ak-tx-vitality,
.ak-icon-small.ak-tx-lifepoints,
.ak-icon-small.ak-tx-wisdom,
.ak-icon-small.ak-fire,
.ak-icon-small.ak-tx-intelligence,
.ak-icon-small.ak-earth,
.ak-icon-small.ak-tx-strength,
.ak-icon-small.ak-tx-escape,
.ak-icon-small.ak-tx-invocation,
.ak-icon-small.ak-tx-tackle,
.ak-icon-small.ak-tx-summonablecreaturesboost,
.ak-icon-small.ak-tx-criticalhit,
.ak-icon-small.ak-tx-weapondamage,
.ak-icon-small.ak-tx-trappercent,
.ak-icon-small.ak-tx-trap,
.ak-icon-small.ak-tx-shieldpoints,
.ak-icon-small.ak-tx-return,
.ak-icon-small.ak-tx-pushreduction,
.ak-icon-small.ak-tx-push,
.ak-icon-small.ak-tx-lifepoints,
.ak-icon-small.ak-tx-heal,
.ak-icon-small.ak-tx-dodgemp,
.ak-icon-small.ak-tx-dodgeap,
.ak-icon-small.ak-tx-damagespercent,
.ak-icon-small.ak-tx-damage,
.ak-icon-small.ak-tx-criticalreduction,
.ak-icon-small.ak-tx-criticaldamage,
.ak-icon-small.ak-tx-attackmp,
.ak-icon-small.ak-tx-attackap {
    background-size: auto auto
}
.ak-icon-small.ak-neutral,
.ak-icon-small.ak-tx-neutral {
    background-position: -97px -15px
}
.ak-icon-small.ak-move,
.ak-icon-small.ak-tx-movementpoints {
    background-position: -97px -52px
}
.ak-icon-small.ak-water,
.ak-icon-small.ak-tx-chance {
    background-position: -97px -89px
}
.ak-icon-small.ak-range,
.ak-icon-small.ak-tx-range {
    background-position: -97px -128px
}
.ak-icon-small.ak-air,
.ak-icon-small.ak-tx-agility {
    background-position: -97px -167px
}
.ak-icon-small.ak-tx-initiative {
    background-position: -97px -205px
}
.ak-icon-small.ak-action,
.ak-icon-small.ak-tx-actionpoints {
    background-position: -97px -243px
}
.ak-icon-small.ak-tx-prospecting {
    background-position: -97px -279px
}
.ak-icon-small.ak-life,
.ak-icon-small.ak-tx-vitality,
.ak-icon-small.ak-tx-lifepoints {
    background-position: -97px -319px
}
.ak-icon-small.ak-tx-wisdom {
    background-position: -97px -358px
}
.ak-icon-small.ak-fire,
.ak-icon-small.ak-tx-intelligence {
    background-position: -97px -394px
}
.ak-icon-small.ak-earth,
.ak-icon-small.ak-tx-strength {
    background-position: -97px -432px
}
.ak-icon-small.ak-tx-escape {
    background-position: -97px -468px
}
.ak-icon-small.ak-tx-invocation,
.ak-icon-small.ak-tx-summonablecreaturesboost {
    background-position: -97px -507px
}
.ak-icon-small.ak-tx-tackle {
    background-position: -97px -545px
}
.ak-icon-small.ak-tx-criticalhit {
    background-position: -97px -589px
}
.ak-icon-small.ak-tx-weapondamage {
    background-position: -97px -630px
}
.ak-icon-small.ak-tx-trappercent {
    background-position: -97px -673px
}
.ak-icon-small.ak-tx-trap {
    background-position: -97px -712px
}
.ak-icon-small.ak-tx-shieldpoints {
    background-position: -97px -752px
}
.ak-icon-small.ak-tx-return {
    background-position: -97px -791px
}
.ak-icon-small.ak-tx-pushreduction {
    background-position: -97px -832px
}
.ak-icon-small.ak-tx-push {
    background-position: -97px -872px
}
.ak-icon-small.ak-tx-lifepoints {
    background-position: -97px -918px
}
.ak-icon-small.ak-tx-heal {
    background-position: -97px -966px
}
.ak-icon-small.ak-tx-dodgemp {
    background-position: -97px -1016px
}
.ak-icon-small.ak-tx-dodgeap {
    background-position: -97px -1064px
}
.ak-icon-small.ak-tx-damagespercent {
    background-position: -97px -1108px
}
.ak-icon-small.ak-tx-damage {
    background-position: -97px -1156px
}
.ak-icon-small.ak-tx-criticalreduction {
    background-position: -97px -1200px
}
.ak-icon-small.ak-tx-criticaldamage {
    background-position: -97px -1248px
}
.ak-icon-small.ak-tx-attackmp {
    background-position: -97px -1297px
}
.ak-icon-small.ak-tx-attackap {
    background-position: -97px -1340px
}
.ak-icon-small.ak-tx-stalskamas {
    background-position: -97px -1542px
}
.ak-icon-small.ak-tx-incarnation {
    background-position: -97px -1511px
}
.ak-icon-small.ak-tx-hunting {
    background-position: -97px -1476px
}
.ak-icon-small.ak-tx-apcostreduction {
    background-position: -97px -1416px
}
.ak-icon-small.ak-tx-emote {
    background-position: -97px -1446px
}
.ak-icon-tiny.ak-weapons,
.ak-icon-tiny.ak-plus-dofus,
.ak-icon-tiny.ak-mmo,
.ak-icon-tiny.ak-egg,
.ak-icon-tiny.ak-mmorpg {
    background-size: 64px auto
}
.ak-icon-tiny.ak-egg {
    background-position: 0 -478px
}
.ak-icon-tiny.ak-weapons,
.ak-icon-tiny.ak-plus-dofus,
.ak-icon-tiny.ak-mmo,
.ak-icon-tiny.ak-mmorpg {
    background-position: 0 -436px
}

.ak-aside
{
	position:absolute;
	right:10px;
}















/* Ligne 1 */
.ak-spells-list .ak-spell-selected
{
  opacity: 1;
}

/* Ligne 1 */
.ak-spells-list .ak-spell
{
  border-top-color: #b1ac9c;
  border-right-color: #b1ac9c;
  border-bottom-color: #b1ac9c;
  border-left-color: #b1ac9c;
}

/* Ligne 1 */
.ak-spells-list .ak-spell:hover
{
  opacity: 1;
}

/* Ligne 1 */
.ak-spells-list .ak-spell
{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  float: left;
  width:50px;
  height:50px;
  padding-top: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  position: relative;

  display: table-cell;
  opacity: 0.7;
}

/* Ligne 1 */
.ak-spells-list .ak-spell-selected
{
  opacity: 1;
}

/* Ligne 1 */
.ak-spells-list .ak-spell
{
  border-top-color: #b1ac9c;
  border-right-color: #b1ac9c;
  border-bottom-color: #b1ac9c;
  border-left-color: #b1ac9c;
}

/* Ligne 1 */
.ak-spells-list .ak-spell:hover
{
  opacity: 1;
}

/* Ligne 1 */
.ak-spells-list .ak-spell-out
{
  background-color: #c9c6bb;
}

/* Ligne 1 */
.ak-spells-list .ak-spell-nb
{
  background-color: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  line-height: 12px;
  padding-top: 0.2em;
  padding-right: 0.3em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  position: absolute;
  right: 1em;
  text-align: center;
  top: 1em;
}

.ak-spell-nb2
{
background-color: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  line-height: 12px;
  padding-top: 0.2em;
  padding-right: 0.3em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  position: absolute;
  bottom:0;
  right:0;
  text-align: center;
  
}

/* Ligne 1 */
.ak-spells-list .ak-spell-nb
{
  color: #ffffff;
}


/* Ligne 4 */
.ak-table
{
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  width: 100%;
  background-color: #f8f8f6;
  border:1px solid #b1ac9c;
}



/* Ligne 4 */
.ak-table tr th
{
  height: 40px;
  text-transform: none;
}

/* Ligne 4 */
.ak-table tr th
{
  background-color: #a5a288;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #362712;
}

/* Ligne 4 */
.ak-table.ak-displaymode-alternative tr th
{
  vertical-align: middle;
  height: 28px;
}


/* Ligne 4 */
.ak-table tr th, .ak-table tr td
{
  padding-top: 0.5rem;
  padding-right: 0.8rem;
  padding-bottom: 0.5rem;
  padding-left: 0.8rem;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  line-height: 20px;
}

/* Ligne 4 */
.ak-table tr td
{
  height: 45px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/* Ligne 4 */
.ak-table tr td
{
  border-bottom-color: #b1ac9c;
  color: #362712;
}

/* Ligne 4 */
.ak-table.ak-displaymode-alternative tr td
{
  vertical-align: middle;
  height: 28px;
  font-style: italic;
  padding-top: 0px;
  padding-right: 0.5rem;
  padding-bottom: 0px;
  padding-left: 0.5rem;
}

/* Ligne 4 */
.ak-table tr:first-child td
{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #b1ac9c;
}

@import url(https://fonts.googleapis.com/css?family=Roboto);

.ak-table *
{
	/*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size:12px;
}

a.voirplusdepersonnages_menu, a.vendrelundesmiens_menu, a.vente_en_cours_achat_precedent
{
	display:block;
	height:27px;
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	margin:auto;
	text-indent:-9999px;
}

a.vendrelundesmiens_menu
{
	width:219px;
	background: url("../images/vendrelundesmiens.png") no-repeat top;
	margin-top:5px;
}

a.voirplusdepersonnages_menu
{
	display:block;
	width:289px;
	height:227px;
	background: url("../images/voir_plus_de_personnages.png") no-repeat top;
	margin:0 auto 10px auto;
	text-indent:-9999px;
}

a.vente_en_cours_achat_precedent
{
	width:254px;
	background: url("../images/vente_en_cours_achat_precedent.png") no-repeat top;
	margin-top:5px;
}


a.voirplusdepersonnages_menu:hover, a.vendrelundesmiens_menu:hover, a.vente_en_cours_achat_precedent:hover
{
	background-position:bottom;
}

a.aucun_perso_en_vente_menudroite
{
	display:block;
	width:283px;
	height:43px;
	background: url("../images/aucun_perso_en_vente_menudroite.png") no-repeat;
	margin:0 auto 10px auto;
	text-indent:-9999px;
}

a.mini_perso_menu
{
	display:block;
	width:141px;
	height:43px;
	background: url("../images/ui_mini_perso.png") no-repeat;
	float:left;
	margin:0 0 5px 0;
	
	position:relative;
	left:-5px;
}

a.mini_perso_menu{margin-left:5px;}
a.mini_perso_menu_clair:nth-child(even){margin-left:5px;}
a.mini_perso_menu_clair:nth-child(odd){margin-left:0px;}
a.mini_perso_menu_clair{background: url("../images/ui_mini_perso_clair.png") no-repeat;}

a.mini_perso_menu:hover div.mini_perso_classe{color:#1a6fef;}
a.mini_perso_menu:hover  img{opacity:1;}

a.mini_perso_menu img
{
	width:35px;
	height:35px;
	display:block;
	margin:4px auto 0 auto;
	opacity:0.8;
}

a.mini_perso_menu div.mini_perso_details
{
	width:97px;
	height:39px;
	float:right;
	margin:0 2px 2px 0;
	font-size:12px;
	padding:0;
	line-height:20px;
	text-align:center;
	padding-top:2px;
	overflow:hidden;
	
	font-size:14px;
	text-shadow:1px 1px 0 white;
}
a.mini_perso_menu div.mini_perso_level
{
color:#005bc1;
}
a.mini_perso_menu div.mini_perso_classe
{
color:#575757;
}

.new_a_link a{color: #2e96d1;}
.new_a_link a:hover{color: #555;}
















.table_neph {
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .table_neph {
	overflow:auto!important;
  }
}

.row_neph {
  display: table-row;
  background: #f6f6f6;
}
.row_neph:nth-of-type(odd) {
  background: #e9e9e9;
}
.row_neph.header_neph {
  font-weight: 900;
  color: #ffffff;
  background: #2980b9;
}
.row_neph.green_neph {
  background: #27ae60;
}
.row_neph.red_neph {
  background: #ea6153;
}
@media screen and (max-width: 580px) {
  .row_neph {
  /*
    padding: 8px 0;
    display: block;
	*/
  }
}

.cell_neph {
  padding: 6px 12px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .cell_neph {/*
    padding: 2px 12px;
    display: block;*/
  }
}

input[type=text], 
input[type=email], 
input[type=password], 
textarea, 
select[multiple=multiple], select{
	border: 2px solid #ddd;
	color: #999;
	padding: 7px 15px;
	outline: medium none;
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 0;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #a9a9a9 !important;
}

select{
	width: 100%;
	max-width: 100%;
	height: 40px;
}
input[type=text]:focus, 
input[type=text]:hover, 
input[type=email]:focus, 
input[type=email]:hover, 
input[type=password]:focus, 
input[type=password]:hover, 
textarea:focus, 
select[multiple=multiple]:focus, 
select:focus{
	color: #111;
}
input[type="text"].input-icon,
input[type="password"].input-icon{
	padding-left: 40px;
}
/* Ligne 41 */
input[type="text"]:focus, input[type="text"]:hover, input[type="password"]:focus, input[type="password"]:hover, textarea:focus, select[multiple="multiple"]:focus, select:focus
{
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2e96d1;
  border-right-color: #2e96d1;
  border-bottom-color: #2e96d1;
  border-left-color: #2e96d1;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}
textarea, input[type=password], input[type=text], .doborderneph {
	background: rgba(255,255,255,0.5);
	border: 1px solid #d3cac3;
	box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.02);
	padding: 9px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	font-size: 13px;
	color: #5d4d43;
	font-family: Arial;
}
/*
input[type=submit], input[type=button] {
	display: inline-block;
	background: #f5f5f5;
	border: 0px;
	border-top: 1px solid rgba(255,255,255,0.8);
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px rgba(0,0,0,0.04);
	padding: 10px 19px;
	cursor: pointer;
	text-shadow: 0px 1px 0px #fff;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #7e7e7e;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

input[type=submit]:hover, input[type=button]:hover {
	background:#eeeeee;
	color: #7E7E7E;
	box-shadow:0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
}

input[type=submit]:active, input[type=button]:active {
	box-shadow:0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
	background:#d5d5d5;
	color: #7E7E7E;
	border-top:1px solid transparent;
	box-shadow:0px 0px 0px 1px #afafaf, inset 0px 0px 6px 0px #cacaca;
}
*/


/*
#main .the-form textarea {
	resize: vertical;
	height: 86px;
}

#main .the-form textarea,
#main input[type=text],
#main select,
#main input[type=password] {
	background: #fff;
	border: 1px solid #cacaca;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 7px 12px;
	font-size: 12px;
	width:180px;
	color: #8c8c8c;
	box-shadow: 0px 1px 0px #fff, inset 0px 3px 0px rgba(0,0,0,0.02);
	display: inline-block;
}

#main .the-form textarea:focus,
#main input[type=text]:focus,
#main select:focus,
#main input[type=password]:focus {
	border: 1px solid #b6b6b6;
}

#main select {
	width: 206px;
	padding: 7px 7px;
}
*/
.input-icon-wrap span
{
  position:relative;
  top: 5px;
  left: 38px;
  font-size: 18px;
  line-height: 30px;
}
.menunephdroit li a 
{
	display:block;
	height:30px;
	line-height:25px;
	background-color: gray;
	background-image: linear-gradient(rgba(255,255,255,.67) 50%, rgba(202,211,215,.7) 50%);
	background-size: 50px 50px;
	text-shadow:1px 1px 1px #f3f3f3;
	color:#505050;
	/*font-weight:bold;*/
	border-bottom:1px solid #828282;
	font-family:'Titillium Web';
	font-size:1.1em;
}
.menunephdroit li a:hover
{
	background-color: gray;
	background-image: linear-gradient(rgba(255,255,255,.8) 50%, rgba(202,211,215,.8) 50%);
}
.menunephdroit li:first-child a
{
	border-top:1px solid #828282;
}

.menunephdroit li a span
{
	border-right:1px solid #828282;
	background:white;
	height:100%;
	float:left;
	padding:0 5px;
	margin-right:10px;
	border-left:1px solid #e8e8e8;
}

button, input[type=submit] {cursor:pointer;}

.bg{
	background: #2D2D2D !important;
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/inner.png) !important;
	background-repeat: repeat-x !important;

	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}
.bg-blue{
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/inner.png) !important;
	background-repeat: repeat-x !important;

	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
	background-color:#2e96d1!important;
}
.bg-dark{
	background-color: #222;
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/inner.png) !important;
	background-repeat: repeat-x !important;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.bg-red{
	background-color: #d80b0b;
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/inner.png) !important;
	background-repeat: repeat-x !important;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.bg-red-dark{
	background-color: #970a0a;
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/inner.png) !important;
	background-repeat: repeat-x !important;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.bg-green{
	background-color: #45b52b;
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/inner.png) !important;
	background-repeat: repeat-x !important;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.bg-green-dark{
	background-color: #25970a;
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/inner.png) !important;
	background-repeat: repeat-x !important;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}


.bg a,
.bg-dark a{
	color:#fff !important;
}
.bg a:hover,
.bg-dark a:hover{
	color:#ddd !important;
}

	#main .the-form textarea, #main input[type=text], #main select, #main input[type=password] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #f5f5f5;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
	text-shadow: 1px 1px 0 white; 
}
.bordered-blue th {
    background-color: #4e9ba1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6fb7a1), to(#4e9ba1));
    background-image: -webkit-linear-gradient(top, #6fb7a1, #4e9ba1);
    background-image:    -moz-linear-gradient(top, #6fb7a1, #4e9ba1);
    background-image:     -ms-linear-gradient(top, #6fb7a1, #4e9ba1);
    background-image:      -o-linear-gradient(top, #6fb7a1, #4e9ba1);
    background-image:         linear-gradient(top, #6fb7a1, #4e9ba1);
	color: #ffffff;
	text-shadow: 0 1px 0 #054146; 
}

.bordered-green th {
    background-color: #33b35e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#70c251), to(#33b35e));
    background-image: -webkit-linear-gradient(top, #70c251, #33b35e);
    background-image:    -moz-linear-gradient(top, #70c251, #33b35e);
    background-image:     -ms-linear-gradient(top, #70c251, #33b35e);
    background-image:      -o-linear-gradient(top, #70c251, #33b35e);
    background-image:         linear-gradient(top, #70c251, #33b35e);
	color: #ffffff;
	text-shadow: 0 1px 0 #21570d; 
}

.bordered-purple th {
    background-color: #7769cd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a957c8), to(#7769cd));
    background-image: -webkit-linear-gradient(top, #a957c8, #7769cd);
    background-image:    -moz-linear-gradient(top, #a957c8, #7769cd);
    background-image:     -ms-linear-gradient(top, #a957c8, #7769cd);
    background-image:      -o-linear-gradient(top, #a957c8, #7769cd);
    background-image:         linear-gradient(top, #a957c8, #7769cd);
	color: #ffffff;
	text-shadow: 0 1px 0 #6a0392; 
}

.bordered-black th {
    background-color: #3a3a3a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(#3a3a3a));
    background-image: -webkit-linear-gradient(top, #0d0d0d, #3a3a3a);
    background-image:    -moz-linear-gradient(top, #0d0d0d, #3a3a3a);
    background-image:     -ms-linear-gradient(top, #0d0d0d, #3a3a3a);
    background-image:      -o-linear-gradient(top, #0d0d0d, #3a3a3a);
    background-image:         linear-gradient(top, #0d0d0d, #3a3a3a);
	color: #ffffff;
	text-shadow: 0 1px 0 #3a3a3a; 
}

.bordered-orange th {
    background-color: #f4690e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbc13b), to(#f4690e));
    background-image: -webkit-linear-gradient(top, #fbc13b, #f4690e);
    background-image:    -moz-linear-gradient(top, #fbc13b, #f4690e);
    background-image:     -ms-linear-gradient(top, #fbc13b, #f4690e);
    background-image:      -o-linear-gradient(top, #fbc13b, #f4690e);
    background-image:         linear-gradient(top, #fbc13b, #f4690e);
	color: #ffffff;
	text-shadow: 0 1px 0 #624400; 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}
.bordered tr td{border-right:1px solid #dfdfdf;}
.bordered tr td:last-child{border-right:inherit;}

.hidden-whenphone{display: inherit;}

/* @ COLUMNS				--------------------------------------------*/
.one-two,
.one-three,
.one-four,
.one-five,
.one-six,
.two-three,
.two-four,
.two-five,
.two-six,
.three-four,
.three-five,
.three-six,
.four-five,
.four-six, 
.five-six{
	float: left;
	margin: 0 0 20px;
	padding-left: 3%;
}
.one-two, .three-six, .two-four{
	width: 50%;
}
.one-three, .two-six {
	width: 33%;
}
.four-six, .two-three {
	width: 67%;
}
.one-four {
	width: 24.5%;
}
.three-four {
	width: 75.5%;
}
.one-five {
	width: 19.4%;
}
.two-five {
	width: 39.8%;
}
.three-five {
	width: 60.2%;
}
.four-five {
	width: 80.6%;
}
.one-six {
	width: 16%;
}
.five-six {
	width: 84%;
}
.first {
	clear: both;
	padding-left: 0;
}

/* @ TIPSY					--------------------------------------------*/
.tipsy {
	font-size: 11px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
	line-height:auto;
}
.tipsy-inner {
	background-color: #212121;
	color: #FFF;
	max-width: 200px;
	padding: 5px 8px;
	text-align: center;
}

/* Rounded corners */
.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { 
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #212121;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
	border-bottom-color: #212121;
}
.tipsy-arrow-s {
	border-top-color: #212121;
}
.tipsy-arrow-e {
	border-left-color: #212121;
}
.tipsy-arrow-w {
	border-right-color: #212121;
}

.tipsy-n .tipsy-arrow {
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none; 
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

/* @ pagination2				--------------------------------------------*/
.pagination2{
	clear: both;
	position: relative;
	overflow: hidden;
	border:1px solid #d1d1d1;
	background:white;
}
 
.pagination2 span,
.pagination2 a{
	display: block;
	float: left;
	margin: 1px;
	padding: 5px 15px;
	text-decoration: none;
	width: auto;
	font-family:'Open Sans';
	font-size:1.1em;
}
.pagination2 a {
	color: #666;
	border-right:1px solid #f1f1f1;
}
.pagination2 .point{border-right:1px solid #f1f1f1;}
.pagination2 a:hover,
.pagination2 .current{
	color:#fff;
	
	box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1) inset; 
	-moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1) inset; 
	-webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1) inset; 
	-o-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1) inset; 
	-ms-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1) inset; 
	-khtml-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1) inset; 
	background-color:#2e96d1;
}

/* @ pagination2 (DEFAULT)	--------------------------------------------*/
.default-navigation{
	margin-top: 25px;
}
.default-navigation .bg a{
	display: block;
	width: 160px;
	text-align: center;
	padding: 10px 0;
}
.default-navigation .bg a:hover{
	color: #fff;
	background: #444;
}
