@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbols-regular-webfont.woff') format('woff'),
         url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WebSymbolsLiga';
    src: url('../fonts/websymbolsligaregular.eot');
    src: url('../fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbolsligaregular.woff') format('woff'),
         url('../fonts/websymbolsligaregular.ttf') format('truetype'),
         url('../fonts/websymbolsligaregular.svg#web_symbols_ligaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: #000
}
.se-pre-con .dig-icon {background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0;background: url(../images/logos/dig-logo-icon.png) center no-repeat #000;
	background-size: 70px 80px;}



html {outline: none;box-sizing: border-box;background-color:#000; width: 100% }
*, *:before, *:after { box-sizing: border-box; }
img { box-sizing: content-box;display: block; }

img {
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    animation-name: fade;
    animation-iteration-count: 1;
    animation-duration: 1s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.websymbol, .web-symbol {font-family: WebSymbolsRegular !important;}
.websymbol-liga, .web-symbol-liga {font-family: WebSymbolsLiga !important;}

body {
	font-family:"Open Sans", Helvetica, Arial, Verdana, sans-serif;
	background:#000 url(../images/bgs/main_bg.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
	color: #333;
	font-size: 13px;
}

a {
	-webkit-transition: all 0.1s ease-in-out !important;
	-moz-transition:  all 0.1s ease-in-out !important;
	-o-transition:  all 0.1s ease-in-out !important;
	-ms-transition:  all 0.1s ease-in-out !important;
	transition:  all 0.1s ease-in-out !important;
	color: #e6a800;
}

a:hover, #news .widget li h3 a:hover {color: #c08c00}

a, ul li{
	text-decoration: none;
}

strong, b {font-weight: bold !important}

p {
	margin-bottom: 20px;
	line-height: 20px;
}

.takeover-link {position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: block; z-index: 0; border: 0;}

.open-menu {display: none;}

.right {float: right}
.left {float: left}
.clear {clear:both; overflow:hidden;}
.helper {
	display: inline-block;
    height: 100%;
    vertical-align: middle;}
.inner {max-width: 1240px; margin: 0 auto;}

.meta {color: #999; display: block; font-size: 11px;}



body #content .pagination {overflow: hidden; margin: 0 0 10px 0;  padding: 5px 10px; clear: left; background: none}
body #content .pagination li {margin-bottom: 0 !important; float: left; margin-right: 5px; line-height: 23px; height: 23px;background: #fff; border-radius: 3px; width: auto }
body #content .pagination li a {padding: 0px 9px 0px 9px; display: block; line-height: 23px; height: 23px; font-weight: bold; font-size:10px; }
body #content .pagination li a:hover {}
body #content .pagination li .web-symbol {font-size: 8px; font-weight: normal !important;}
body #content .pagination li.current {padding: 0 9px 0 9px; line-height: 23px;  font-weight: normal; font-size:10px; font-weight: bold; color: #333;}

.widget .pagination li {background: #000; color: #999}

.button, .button.input {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	border: 0;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 600;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out !important;
	-moz-transition: all 0.1s ease-in-out !important;
	-o-transition: all 0.1s ease-in-out !important;
	-ms-transition: all 0.1s ease-in-out !important;
	transition: all 0.1s ease-in-out !important;
	color: #fff;
	background: -webkit-linear-gradient(top, #444, #222);
	background: -moz-linear-gradient(top,  #444,  #222);
	background: -ms-linear-gradient(top,  #444,  #222);
	background: linear-gradient(to bottom, #444, #222);
	font-family: "myriad-pro-condensed", helvetica, arial;
	}
	.button a {color: #fff;}

	.button:hover, input.button:hover {box-shadow: inset 0 0 0 200px rgba(255,255,255,0.1); color: #fff;-ms-transform: scale(0.95,0.95); /* IE 9 */
    -webkit-transform: scale(0.95,0.95); /* Chrome, Safari, Opera */
    transform: scale(0.95,0.95);
}
	.button:hover a {color: #fff;}
	.button:active, input.button:active  {top: 1px; position: relative}

	.button.dark, input.button.dark, button.dark {
		background: -webkit-linear-gradient(top, #555, #333);
		background: -moz-linear-gradient(top,  #555,  #333);
		background: -ms-linear-gradient(top,  #555,  #333);
		background: linear-gradient(to bottom, #555, #333);
	}
	.button.dark:hover, input.button.dark:hover, button.dark:hover {
		background: -webkit-linear-gradient(top, #777, #555);
		background: -moz-linear-gradient(top,  #777,  #555);
		background: -ms-linear-gradient(top,  #777,  #555);
		background: linear-gradient(to bottom, #777, #555);
	}

.head_slider{
	width: 100%;
	height: 900px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #1d1d1d;
}

#search-bar {background: linear-gradient(#333, #232323); border-radius: 3px; padding: 3px; float: left; margin-top: 6px; margin-right: 20px;}
#search-bar input[type="text"] {background: #000; border-radius: 2px; height: 29px; border: 0; width: 200px; color: #999; padding: 0 10px; font-size: 15px; font-weight: normal;}
#search-bar label {display: none}
#search-bar button {background: none; border: 0; height: 29px; float: right; line-height: 26px; font-size: 14px; color: #888888; cursor: pointer; padding: 0 7px 0 10px;}

#utility .utility-logo {float: left; width: 0; margin-top: 6px; height: 30px; background: url(../images/logos/main-logo-black.png?v=2) no-repeat; background-size: 150px 30px; display: block; opacity: 0; visibility: hidden; margin-right: 10px;}
#utility.shrink .utility-logo {width: 150px; opacity: 0.95; visibility: visible}
#utility .utility-logo:hover {opacity: 1}

#utility{
	width: 100%;
	height: 48px;
	background: #ffdd00;
	position: fixed; top: 0; z-index: 99999;
	border-bottom: solid 2px #000;
	box-shadow: 0 2px 0 0px #ffdd00;
}

#utility ul.user-buttons {float: right; height: 40px; margin-right: 0px; position: relative; z-index: 9999; margin-top: 3px; }
		#utility ul.user-buttons > li {overflow: hidden; padding: 0 10px; text-align: left; border-radius: 3px; background: linear-gradient(#333, #232323);}
		#utility ul.user-buttons li:hover {border-radius: 3px 3px 0 0}
		#utility ul.user-buttons li .typcn {float: left; height: 40px; margin-right: 0px; color: #e6a800; line-height: 38px; font-size: 20px;}
		#utility ul.user-buttons li h3 {float: left; font-size: 16px; text-transform: none; line-height: 40px; color: #999; font-weight: 500; }
		#utility ul.user-buttons li h3 .websymbol {margin-top: 12px; font-size: 12px; color: #e6a800; float: right; margin-left: 5px; background: #181818; padding: 0 5px; border-radius: 3px; height: 15px; line-height: 15px;
		}

		#utility ul.user-buttons li:hover h3 {color: #fff;}

		#utility ul.user-buttons li .dropdown {visibility: hidden; height: auto; opacity: 0; z-index: 999999; position: absolute; top: 40px; right: 0; left: 0; box-shadow: 0 4px 4px rgba(0,0,0,0.5); background: #232323; border-radius: 0 0 3px 3px;}
		#utility ul.user-buttons li:hover .dropdown {visibility: visible; opacity: 1;}
		#utility ul.user-buttons li .dropdown li {float: none; display: block; padding: 0;}
		#utility ul.user-buttons li .dropdown li a {float: none; line-height: 25px; padding: 0 10px; display: block; font-weight: 600; text-transform: none; font-size: 11px; margin: 0; border-bottom: solid 2px #2c2c2c; text-transform: uppercase}
		#utility ul.user-buttons li .dropdown li:last-child a {border: 0; }
		#utility ul.user-buttons li .dropdown li:first-child a:hover {}
		#utility ul.user-buttons li .dropdown li a:hover {background: #f9c700; color: #222}
		#utility li h3 .notif {position: relative; top: -2px;}
		#utility li .notif {line-height: 15px; font-size: 11px; background: rgba(255,255,255,0.3); padding: 0 5px; margin-top: 5px; text-align: center; margin-right: 0; border-radius: 2px; color: #fff}

.poweredby a {
	float: left;
	margin-right: 20px;
	margin-top: 14px;
	background: url(../images/logos/poweredby.png) no-repeat;
	background-size: 100%;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

.topbar_wrap{
	max-width: 1240px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;

}

.topbar_left{
	height: 50px;
	float: left;
}

.topbar_left li {float: left; height: 30px; line-height: 30px;opacity: 0.7; background: none;
}
.topbar_left li img {height: 30px; margin-top: 0px; }
.topbar_left li:hover {opacity: 1}

.topbar_left a{
	display:inline-block;
	margin-top: 10px;
	margin-right: 6px;
	font-size: 16px;
	width:30px;
	height: 30px;
	text-align: center; line-height: 30px;
	color: #fff;
	opacity: 0.7;
}

.topbar_left a:hover{
	color:white;
	opacity: 1;
}

.topbar_right{
	height: 48px;
	float: right;
}

.login-buttons {float: right}
.login-buttons li {float: right}

.topbar_right a{

	display:inline-block;
	margin-top: 6px;
	margin-left:6px;
	color: #ccc;
}

.topbar_right a:hover{
	color: #fff
}

.topbar_right a span {text-transform: lowercase; margin-right: 5px; font-weight: normal !important; color: #f9c700}



#header {
	padding: 20px 0;
	z-index: 2;
	max-width: 1240px;
	margin: 50px auto 70px auto;
	overflow: hidden;
	position: relative;
}

#header #leaderboard {float: right;}
#header #leaderboard img {width: 728px; height: 90px;}

#header .logo {float: left;	margin-top: 18px; line-height: 90px; height: 90px; font-size: 25px; margin-left: 10px; }
#header .logo img {height: 100%;max-height: 50px}
#header .logo a {
	/*font-weight: bold; display: inline-block; height: 60px; background: url(../images/logos/main-logov2.png) no-repeat; background-size: 100%; width: 290px;text-indent: -9999em*/
}

#navigation {position: absolute; top: 180px; left: 0; right: 0; z-index: 1}
#navigation.shrink { top: 50px; position: fixed; margin: 0 auto; z-index: 999;border-radius: 0 0 3px 3px}
#navigation > ul {float: left}
#navigation .social {float: right; margin-top: 13px; margin-right: 10px;}
#navigation .social li {margin: 0 0 0 3px; opacity: 0.7}
#navigation .social a {float: left; line-height: 30px; width: 30px; border-radius: 3px; border: 0; text-align: center; padding: 0; margin: 0;}
#navigation .social li:hover {opacity: 1}
#navigation .social a i {display: block; line-height: 32px; height: 30px; }
#navigation .social .twitch a {background: #6441a5;}
#navigation .social .twitter a {background: #55acee;}
#navigation .social .instagram a {background: #125688;}
#navigation .social .youtube a {background: #cc181e;}
#navigation .social .facebook a {background: #3a5795;}
#navigation .social .steam a {background: #333;}
#navigation .social .google a {background: #d73d32;}

.nav_right {
	max-width: 1240px;
	clear: both;
	margin: 0 auto;
	background: #161616;
	background: -webkit-linear-gradient(top, #222222, #161616);
	background: -moz-linear-gradient(top, #222222, #161616);
	background: -ms-linear-gradient(top, #222222, #161616);
	background: linear-gradient(to bottom, #222222, #161616);
	box-shadow: inset 0 -4px 0 0px #333;
	border-radius: 3px;
	overflow: hidden;
	height: 60px;
	font-family: "myriad-pro-condensed", helvetica, arial;
	margin-bottom: 10px;
}
.nav_right ul {padding-left: 5px;}
.nav_right ul li{
	display:inline-block;
}

.nav_right ul li a{
	padding: 0 10px 0;
	margin: 5px 0px 0 0px;
	border-bottom: 2px rgba(0,0,0,0.0) solid;
	display:inline-block;
	font-weight: 500;
	font-size:18px;
	color:#fff;
	line-height: 50px;
	text-transform: uppercase;
}

.nav_right ul li a:last-child{
	display:inline-block;
}

.nav_right ul li a:hover{
	color: #999;
}

.nav_right ul li.active a{
  	color: #f9c700;
  	background: #333;
  	border-radius: 3px 3px 0 0;
}



#carousel {
	color: #fff; max-width: 920px; height: 400px;background: #000; position: relative;overflow: hidden;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	}
	#carousel .carousel-copy {
		position: absolute; bottom: 0; left: 0; width: 920px; padding: 100px 20px 20px 20px;
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(10,10,10,0.95) 60%);
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%,  rgba(10,10,10,0.95) 60%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,  rgba(10,10,10,0.95) 60%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(10,10,10,0.95) 60%);
		}
	#carousel ul {position: absolute; width: 2000em; overflow: hidden; height: 400px}
	#carousel ul li {float: left;  position: absolute; left: 0; bottom: 0; top: 0; width: 920px;}
	#carousel ul li a.spotlight-link {display: block; width: 920px; height: 400px; z-index: 1; position: relative}
	#carousel h2 {font-size: 40px; font-family: "myriad-pro-condensed", helvetica, arial;}
		#carousel h2 a:hover {color: #fff}
	#carousel p {margin: 0; font-weight: 300; color: #ddd}
	#carousel .read-more {float: right; margin-top: 15px; margin-left: 20px; margin-bottom: 10px; color: #888; opacity: 0.6; position: relative; z-index: 2}
	#carousel .read-more:hover {color: #fff}
	#carousel .spotlight-image {max-width: 920px}

	#carousel_surround {position: relative; max-width: 920px; height: 400px; margin-bottom:10px; overflow: hidden; border-radius: 3px;}
	#carousel_surround .next, #carousel_surround .prev {background: rgba(10,10,10,0.6); height: 55px; width: 50px; padding: 0 10px; position: absolute; z-index: 8; cursor: pointer; text-align: left; line-height: 55px; font-size: 26px;}
	#carousel_surround .next:hover, #carousel_surround .prev:hover {color: #e6a800}
	#carousel_surround .next {top: 50%; margin-top: -55px; right: 0px;  border-radius: 3px 0 0 3px; color: #fff}
	#carousel_surround .prev {top: 50%; margin-top: -55px; left: 0px; border-radius: 0 3px 3px 0; color: #fff; text-align: right;}

	@-webkit-keyframes travel {
   		from { width: 0    }
   		to   { width: 100%; }
    }

    @-moz-keyframes travel {
   		from { width: 0px;  }
   		to   { width: 100%; }
    }

    @-o-keyframes travel {
   		from {  width: 0px; }
   		to   { width: 100%; }
    }
	#carousel .timer {position: absolute; background: #e1a400; float: right; height: 2px; bottom: 0; left: 0;
		-webkit-animation-name: travel;
		-webkit-animation-timing-function: ease;
	    -webkit-animation-iteration-count: infinite;
    	-webkit-animation-direction: normal;
	    -webkit-animation-duration: 5s;
	    -moz-animation-name: travel;
		-moz-animation-timing-function: ease;
	    -moz-animation-iteration-count: infinite;
    	-moz-animation-direction: normal;
	    -moz-animation-duration: 5s;
	    -o-animation-name: travel;
		-o-animation-timing-function: ease;
	    -o-animation-iteration-count: infinite;
    	-o-animation-direction: normal;
	    -o-animation-duration: 5s;

	}



.timewrapper {
		z-index: 9999;
		top: 10px; right: 10px;
  width: 16px; /* Set the size of the progress bar */
  height: 16px;
  position: absolute; /* Enable clipping */
  clip: rect(0px, 16px, 16px, 8px); /* Hide half of the progress bar */
}
/* Set the sizes of the elements that make up the progress bar */
.circle {
  width: 16px;
  height: 16px;
  border: 2px solid #f9c700;
  border-radius: 8px;
  position: absolute;
  clip: rect(0px, 8px, 16px, 0px);
}

/* Using the data attributes for the animation selectors. */
/* Base settings for all animated elements */
div[data-anim~=base] {
  -webkit-animation-iteration-count: 1;  /* Only run once */
  -webkit-animation-fill-mode: forwards; /* Hold the last keyframe */
  -webkit-animation-timing-function:linear; /* Linear animation */
}

.timewrapper[data-anim~=wrapper] {
  -webkit-animation-duration: 0.01s; /* Complete keyframes asap */
  -webkit-animation-delay: 2.5s; /* Wait half of the animation */
  -webkit-animation-name: close-wrapper; /* Keyframes name */
}

.circle[data-anim~=left] {
  -webkit-animation-duration: 5s; /* Full animation time */
  -webkit-animation-name: left-spin;
}

.circle[data-anim~=right] {
  -webkit-animation-duration: 2.5s; /* Half animation time */
  -webkit-animation-name: right-spin;
}
/* Rotate the right side of the progress bar from 0 to 180 degrees */
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}
/* Rotate the left side of the progress bar from 0 to 360 degrees */
@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
/* Set the wrapper clip to auto, effectively removing the clip */
@-webkit-keyframes close-wrapper {
  to {
    clip: rect(auto, auto, auto, auto);
  }
}

#vidcarousel, #streamscarousel {padding: 0; background:none;margin-bottom: 10px;
	border-radius: 3px ;
	color: #fff;
	font-size: 11px;
	position: relative;
	overflow: hidden;
	}
#vidcarousel h2 {font-size: 18px; margin-bottom:2px; margin-top: 0px; font-family: "myriad-pro-condensed", helvetica, arial;}
#vidcarousel .is-stream h2 {margin-top: 10px}
#vidcarousel .is-stream iframe, #vidcarousel .is-stream object {margin-bottom: 10px;}
#vidcarousel h2 a { display: block}
#vidcarousel h2 a:hover {color: #ffcc00;}
#vidcarousel p {line-height: 15px; margin-bottom: 2px; margin-left: 96px; color: #999; padding: 0; line-height: 20px; }
#vidcarousel p .fa {margin-right: 5px; font-size: 13px; color: #fff}
#vidcarousel ul {overflow: hidden}
#vidcarousel ul.streams-list .lead {display: none;}
#vidcarousel ul.streams-list li.lead:first-child {display: block;}
#vidcarousel ul li:last-child {margin-bottom: 0}
#vidcarousel ul li .read-more {font-size: 11px;  margin-left: 96px; line-height: 1; display: block;  padding-left: 0px; text-transform: none;}
#vidcarousel ul li .read-more .fa {margin-right: 1px; font-size: 13px; position: relative; top: 1px;}
#vidcarousel ul li .read-more:hover {color: #fff; background: url("../images/ico/media-gal-on.gif") no-repeat scroll 0 4px transparent}
#vidcarousel ul li {margin-bottom: 0px; padding: 10px; position: relative;
 border-radius: 0px; overflow: hidden; border-bottom: solid 1px #222;
 background: #161616;
	}
#vidcarousel ul li:last-child {border-bottom: 0}
#vidcarousel ul li:hover {background: #191919}

#vidcarousel ul li.is-stream:last-child {margin-bottom: 0px !important; border-bottom: solid 4px #222}

#vidcarousel ul li.lead {font-family: "myriad-pro-condensed", helvetica, arial; font-size: 20px; line-height: 50px; color: #ccc; padding: 0 15px; text-transform: uppercase; border-width: 0 0 4px 0;}
#vidcarousel ul li.lead:hover {background: #161616}
#vidcarousel ul li.lead .fa {font-size: 14px; line-height: 50px; color: #e6a800; float: left; margin-right: 5px;}

#vidcarousel li .is-live {text-indent: -9999px; position: absolute; bottom: 15px; left: 15px; display: block; background: url(../images/icons/live-icon.png) no-repeat; width: 25px; height: 18px; background-size: 100%; z-index: 9;}
#vidcarousel li .is-live a {display: block;}


	#vidcarousel img {
	background: #111; padding: 2px; float: left; margin-right: 10px;
	border: solid 1px #222;
	width: 80px;
	}
		#vidcarousel img:hover {
			background: #222;
			border: solid 1px #333;
			cursor: pointer;
			}

#streamscarousel ul {overflow: auto; height: 250px;}
#streamscarousel li {float: left; margin: 0 5px 5px 0;}
#streamscarousel li:nth-child(5n) {margin-right: 0}
#streamscarousel li img {border: solid 1px #000; }
#streamscarousel .no-users-online {background: rgba(255,255,255,0.1); padding: 10px; border-radius: 3px; float: none; margin-right: 0; }


#wrapper{
	width: 100%;
	min-height: 200px;
	height: auto;
	overflow: hidden;
	padding-top: 0px;
}
#is-home #wrapper {margin-top: 0; padding-top: 0}

#content-wrapper {width: 1240px; margin: 0 auto; padding: 0;position: relative;z-index: 1;}

#content {
	z-index: 1;
	position: relative;
	padding: 0px;
	background: #ddd;
	border-radius: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	}
	#content.has-side {max-width: 920px; display: block;
		float: left;
		width: 100%;}
	#content.no-side {width: 100%}

.fill_meta {display:none}

#is-home #content {background: none; margin-top: 10px; overflow: hidden}

#content section {background: #ddd; border-radius: 3px; padding: 0px; margin-bottom: 10px; position: relative; top: 0px; float: left; width: 100%;}
#content section#news {top: 0;}

#content section h2 {background: #161616; line-height: 60px; color: #fff; padding: 0 20px; margin: 0px 0px 10px 0; font-family: "myriad-pro-condensed", helvetica, arial; font-size: 20px; font-weight: 500; text-transform: uppercase; border-radius: 3px 3px 0 0; position: relative; top: 0;}
#content section h2 .button {margin-top: 12px;}

#sidebar {
	width: 310px;
	margin-left: 10px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

#is-home #sidebar {}

#page-title {
	background: #161616;
line-height: 60px;
color: #fff;
padding: 0 20px;
margin: 0px 0px 7px 0;
font-family: "myriad-pro-condensed", helvetica, arial;
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
border-radius: 3px 3px 0 0;
position: relative;
top: 0;
}

#user-profile #page-title {background: none; color: #333; font-size: 50px; text-transform: none; letter-spacing: -1px; margin: 0}

.page-inner {margin: 10px; background: #fff; border-radius: 3px; padding: 20px;}

#section-title {
	width: 100%;
	line-height: 1;
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #333;
	margin: 20px 20px 20px 20px;
	font-family: "myriad-pro-condensed", helvetica, arial;

}

#footer_sponsors{
	width: 100%;
	height: 140px;
	background: #1d1d1d;
}

.sponsors {margin: 0 auto; max-width: 1240px; background: #ddd; border-radius: 3px; padding: 5px 0; position: relative; z-index: 1}
.sponsors .spotlight_sponsors {background: #fff; border-radius: 3px;  max-width: 1180px; margin: 0 auto;}
.sponsors ul { border-radius: 3px;}

.footer_sponsors_wrap{
	max-width: 1240px;
	height: inherit;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.footer_sponsors_wrap{
	max-width: 1240px;
	height: inherit;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.jcarousel-wrapper {position: relative;}

.jcarousel {
    position: relative;
    overflow: hidden;
    margin: 0;
}

.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
    margin: 0px 0px 0 0px;
  	height: 80px;      /* equals max image height */
    width: 295px;
    white-space: nowrap;
    text-align: center;
}

.jcarousel ul li img {vertical-align: middle; max-height: 60px; display: inline-block; max-width: 150px;
}

.jcarousel ul li:hover {opacity: 0.8}
.jcarousel ul li:hover img {}

.footer_sponsors_arrow {position: absolute; top: 25px; cursor: pointer}
.footer_sponsors_arrow.jcarousel-control-prev {left: -20px;}
.footer_sponsors_arrow.jcarousel-control-next {right: -20px;}

#footer_sponsors .sponsors_list {width: 2000em;}
#footer_sponsors .sponsors_list li {
	float: left;
	margin: 30px 19px 0 20px;
	height: 80px;      /* equals max image height */
    width: 166px;
    white-space: nowrap;
    text-align: center; opacity: 0.5}



/*Can give problems when the image has a different colour, at this moment I know no way to fix it*/
.footer_sponsors_image{
	opacity: 0.2;
}

.footer_sponsors_image:hover{
	opacity: 1;
}

.footer_sponsors_arrow{
	font-size:30px;
	color:#999;
}

.footer_sponsors_arrow:hover{
	color:#111;
}


#footer_nav{
	width: 100%;
	height: 125px;
	border: 1px solid #1e1e1e;
	border-width: 1px 0;
	background: #000000;
}

#footer_nav .nav_right ul li a{
	padding: 0 15px;
}

#footer_nav .logo img {max-width: 150px;}

#footer_main{
	max-width: 1240px;
	padding: 30px 0;
	margin: 0 auto;
	background: #161616;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
	position: relative;
	z-index: 1
}
#footer_main h2 {font-size: 20px; font-family: "myriad-pro-condensed", helvetica, arial; margin-bottom: 20px; line-height: 1; color: #fff; font-weight: 500}
#footer_main .footer-logo {float: left; margin-left: 60px; margin-right: 60px; width: 60px; height: 68px; background: url(../images/logos/footer-logo.png?v=2) no-repeat; background-size: 100%; margin-top: 60px; margin-bottom: 60px;}

#footer_main .footer-legal {width: 300px; float: left; padding-bottom: 30px; border-bottom: solid 2px #222; margin-right: 30px;}
#footer_main .footer-legal p {margin: 0; color: #777; font-size: 11px; margin: 0 20px 0 0;}

#footer_main .footer-sitemap {width: 300px; float: left; padding-bottom: 30px; border-bottom: solid 2px #222; margin-right: 30px;}
#footer_main .footer-sitemap ul li {float: left; width: 33.3%; margin-bottom: 8px; font-size: 11px;}

#footer_main .footer-about {width: 340px; float: left; padding-bottom: 30px; border-bottom: solid 2px #222;}
#footer_main .footer-about p {color: #777; font-size: 11px; margin: 0;}

#footer_main .widget {float: left; width: 400px; margin-right: 20px; margin-bottom: 0}
#footer_main .widget:nth-child(3n) {margin: 0}

#footer_main .widget .widget-inner {height: 255px;}


.footer_wrap{
	max-width: 1240px;
	height: inherit;
	margin-left: auto;
	margin-right: auto;
}

.footer_block{
 	float:left;
  	width:380px;
  	margin-right:20px;
}

.footer_block:last-child{
  	margin-right:0px;
}

.forum_activity{
	float:left;
	width:380px;
	margin-top: 30px;
}

.spanforum_activity{
	display: block;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #ffffff;
	float:left;
}

.forum_activity_view_all{
	float:right;
	margin-top:5px;
	font-weight: 600;
	color:#ababab;
}

.forum_activity_view_all:hover{
	color:olivedrab;
}

.forum_activity_block{
  	clear:both;
  	float:left;
 	width:380px;
  	height:280px;
}

.forum_activity ul{
 	float:left;
}

.forum_activity_contentblock{
	clear:both;
	position: relative;
	overflow: hidden;
  	width:348px;
	padding:14px 16px;
	background-color:#1a1a1a;
}

.forum_activity_contentblock:nth-child(even){
	background-color:#151515;
}

.forum_activity_contentblock_title{
	font-size:15px;
	font-weight: 600;
	color:white;
}

.forum_activity_contentblock_information{
	margin-top:4px;
	font-size: 12px;
	color:#878787;
}

.forum_activity_contentblock_poster{
	color:olivedrab;
}

.forum_activity_contentblock_forum_location{
	color:#ababab;
}

.forum_activity_contentblock_comments{
	position: absolute;
	top:13px;
	left:322px;
	padding:2px;
	font-size: 12px;
	color:olivedrab;
	background-color:#111111;
}

.forum_activity_contentblock_comments:hover{
	background-color:olivedrab;
}

.forum_activity_contentblock_comments p{
	padding:8px 11px;
}

.forum_activity_contentblock_comments:hover p{
	color:white;
}

/* --------------------------------- */
/* SEARCH RESULTS					 */
/* --------------------------------- */

#search-large {background: #eee; border-radius: 3px; padding: 5px; margin-top: 0px; margin-right: 0px;}
#search-large input[type="text"] {background: #ddd; border-radius: 2px; height: 49px; border: 0; width: 85%; color: #666; padding: 0 20px; font-size: 17px; font-weight: normal;}
#search-large label {display: none}
#search-large button {border: 0;  text-transform: uppercase; float: right; width: 11%; cursor: pointer; padding: 0 7px 0 10px; margin: 0 2%; margin-top: 7px;
}
#search-large button span {font-size: 13px; color: #f9c700; margin-right: 5px;}

#content section#search {background: #fff; margin: 0 10px 10px 10px; border-radius: 3px; width: auto; padding: 20px; float: none;}

#content section#search #filter-tabs {overflow: hidden; border-bottom: solid 1px #eee; margin: 20px 0;font-family: "myriad-pro-condensed", helvetica, arial;}
#content section#search #filter-tabs li {float: left;}
#content section#search #filter-tabs li a {line-height: 40px; background: #eee; border-radius: 3px 3px 0 0; margin-right: 1px; padding: 0 15px; display: block; font-size: 16px; font-weight: 500
}
#content section#search #filter-tabs li a.active {border: solid 1px #eee; background: #fff; border-bottom: 0; color: #333; }

#content section#search .results {background: #eee; border-radius: 3px; padding: 10px; margin-bottom: 20px;}

#content section#search .the-results li {overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 2px #eee;}
#content section#search .the-results img {float: left; margin-right: 10px; margin-bottom: 10px;}
#content section#search .the-results li h3 {font-size: 22px;font-family: "myriad-pro-condensed", helvetica, arial; margin-bottom: 5px;}
#content section#search .the-results li h3 a {font-weight: 500; color: #222;}
#content section#search .the-results li .meta {margin-bottom: 5px;}
#content section#search .the-results li .url {display: block; clear: both; background: #eee; border-radius: 3px; padding: 10px
}

/* --------------------------------- */
/* FILES & DOWNLOADS 				 */
/* --------------------------------- */

#content.downloads ul {background: #fff; margin: 0 10px 10px 10px; border-radius: 3px}
#content.downloads ul li {border-bottom: solid 2px #eee;}
#content.downloads ul li:last-child {border-bottom: 0}


#content.files-downloads .inner-block {background: #fff; margin: 0 10px 10px 10px; padding: 0 0 20px 0; border-radius: 3px;}
.files-downloads .file-size {display: block; margin: 0 auto;font-size: 25px; width: auto; background: #ddd; border-radius: 3px; padding: 0 10px; height: 40px; line-height: 40px; color: #333; font-family:"myriad-pro-condensed", Helvetica, Arial; text-align: center; margin-bottom: 10px;}
.files-downloads h3 {font-size: 18px; margin-top: 20px; margin-bottom: 10px; font-weight: 500; font-size: 40px; text-align: center; font-family:"myriad-pro-condensed", Helvetica, Arial; }
.files-downloads p {text-align: center}
.files-downloads .sub-title {line-height: 40px; border-bottom: solid 2px #eee; padding: 0 20px; font-weight: normal; font-size: 15px; color: #666; text-transform: uppercase;
}
.files-downloads .file-type {line-height: 30px; height: 30px; display: none;}
.files-downloads #download-info {margin: 0 auto; width: 150px; margin-top: 20px; text-align: center}
.files-downloads #download-info .file-size {text-align: center}
.files-downloads #download-info .button {display: block; height: 40px; line-height: 40px; font-size: 20px; text-align: center}



.files_and_download{
	float:left;
	width:380px;
	margin-top: 30px;
}

.spanfiles_and_download{
	display: block;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #ffffff;
	float:left;
}

.files_and_download_view_all{
	float:right;
	margin-top:5px;
	font-weight: 600;
	color:#ababab;
}

.files_and_download_view_all:hover{
	color:olivedrab;
}

.files_and_download_block{
 	clear:both;
  	float:left;
 	width:380px;
  	height:280px;
}

.files_and_download_block ul{
  	float:left;
}

.files_and_download_contentblock{
	position: relative;
  	width:348px;
	height:31px;
	padding:14px 16px;
	background-color:#1a1a1a;
}

.files_and_download_contentblock:nth-child(even){
	background-color:#151515;
}


/* OR IS IT BETTER TO HAVE A DIV AROUND IT WITH THE WIDTH AND STUFF AND THEN A SPAN FOR THE BACKGROUND*/
.files_and_download_contentblock i{
	width:30px;
	height: 28px;
	float:left;
	font-size:30px;
	color:#555555;
}

.files_and_download_contentblock_information{
	float:left;
	margin-left:14px;
}

.files_and_download_contentblock_information_title{
	font-size:15px;
	font-weight: 600;
	color:white;
}

.files_and_download_contentblock_information_type{
	margin-top:4px;
	font-size: 12px;
	color:#878787;
}

.files_and_download_contentblock_information_type span{
	color:#ababab;
}

.files_and_download_contentblock_download{
	position: absolute;
	top:13px;
	left:288px;
	padding:2px;
	font-size: 12px;
	color:olivedrab;
	background-color:#111111;
}

.files_and_download_contentblock_download:hover{
	background-color:olivedrab;
	background-image:url("../images/makeup/forum_activity_comments_gradient.png");
}

.files_and_download_contentblock_download p{
	padding:8px 6px;
	text-transform: uppercase;
}

.files_and_download_contentblock_download:hover p{
	background-image:url("../images/makeup/50_mask.png");
	color:white;
}

.about_us{
	float:left;
	width:380px;
	margin-top: 30px;
}

.spanabout_us{
	display: block;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #ffffff;
}

.about_us p{
	height: 261px;
	padding:17px;
	font-size: 14px;
	line-height: 1.3;
	color:#878787;
	background-color:#1a1a1a;
}

.about_us p a{
	font-weight: 600;
	color:olivedrab;
}

.about_us p a:hover{
	color:white;
}


footer{
	height: 65px;
}

.footer_bar_wrap{
	max-width: 1240px;
	height: inherit;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #111;
	padding: 0 20px;
}

.footer_bar_logo {float: left; margin: 27px 0 0 0; background: url(../images/logos/footer-logo-text.png?v=2) no-repeat; background-size: 100%; width: 110px; height: 16px;}

.footer_bar_copyright{
	float:left;
	line-height: 65px;
	font-size: 12px;
	color:#666;
	margin-bottom: 0
}

.footer_bar_copyright span{
	font-weight: 600;
}

.footer_bar_image{
	float: right;
	background: url(../images/logos/poweredby-dark.png) no-repeat;
	background-size: 100%;
	margin-top: 25px;
	width: 150px;
	height: 40px;
	text-indent: -9999em;
}
.footer_bar_image a {display: block; height: 28px;}
.footer_bar_social{
	float: right;
	margin-right: 13px;
	margin-top: 10px;
}
.footer_bar_social li {float: right; opacity: 0.3}
.footer_bar_social a{
	float: right;
color: #7d8999;
font-weight: 600;
margin-left: 10px;
font-size: 20px;
line-height: 40px;
padding: 0 5px;
}
.footer_bar_social li a img {width: 30px;}

.footer_bar_social li:hover{
	opacity: 1
}

/** Our Squads Lists **/
#sidebar #squads {margin-top: 0;}

.squad_list li {
	position: relative;
	text-decoration: none;
	background: #222;
	margin: 0 10px 10px 10px !important;
	border: solid 2px #fff;
	border-radius: 3px;
	overflow: hidden;
}
.squad_list li h2 {line-height: 1; padding: 15px 0; text-align: center;font-size: 26px; font-family: "myriad-pro-condensed", helvetica, arial; background: #222; position: relative; z-index: 1}
.squad_list li:last-child {margin-bottom: 0}
.squad_list li a {display: block; height: 100%}
.squad_list li a img {width: 100%; display: block; opacity: 0.7}

.squad_list li:hover{
	box-shadow: 0 0 0 3px #e6a800
}

.squad_list li:hover img {opacity: 1;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}

.squad_list li:hover .squad_list_mask{
	display:none;
}

.squad_list_mask{
	position: absolute;
	display: inline-block;
	width: inherit;
	height:inherit;
	top:0;
	left:0;
	background-image: url("../images/makeup/40_mask.png");
}
.squad_list_name{
	position: absolute;
	bottom:105px;
	right:24px;
	font-size: 24px;
	font-weight: 600;
	color:white;
}

.squad_list_learn_more{
	position: absolute;
	bottom:22px;
	right:21px;
	font-size: 15px;
	font-weight: 600;
	color:#ababab;
}

/*end*/




#news .widget {width: 50%; padding: 10px; margin-bottom: 0; background: none;}
#news .widget.left {padding-right: 5px;}
#news .widget.right {padding-left: 5px;}

#news .widget h2 {background: none; line-height: 30px; height: 30px; padding: 0 15px; color: #161616; margin: 7px 0 0 0; border: 0;}

#news .widget li {background: #fff; margin-bottom: 10px; padding: 20px 0; border-radius: 3px; overflow: hidden}
#news .widget li h3, #news .widget li p {padding: 0 20px;}
#news .widget li h3 {font-size: 26px; font-family: "myriad-pro-condensed", helvetica, arial; margin-bottom: 10px; line-height: 1.1}
#news .widget li h3 a {color: #333; font-weight: 600}
#news .widget li h3 a:hover {color: #e6a800}
#news .widget li .meta {line-height: 1.2; float: left; padding: 3px 0;}
#news .widget li p {color: #666}
#news .widget li .read-more {margin-left: 20px; float: left; margin-right: 10px}
#news .widget li .more-box {border-top: solid 1px #eee; overflow: hidden; padding-top: 20px;}
#news .widget li .some-comments {font-family: "myriad-pro-condensed", helvetica, arial; font-size: 16px; float: right; margin-right: 20px; border: solid 3px #f9c700; padding: 0 7px; line-height: 29px; border-radius: 3px;}
#news .widget li .some-comments a {color: #333; font-weight: 900}
#news .widget .archive {background: #fff; border: 0; margin-top: 0px; padding: 10px; border-radius: 0 0 3px 3px; overflow: hidden}
#news .widget .archive .button {}

#news .widget .more-list {margin-bottom: 0}
#news .widget .more-list li {margin-bottom: 0; border-radius: 0; padding: 10px 15px; border-bottom: solid 1px #eee; background: #fff url(../images/icons/news-icon.png) no-repeat 15px center; background-size: 18px 20px; font-family: "myriad-pro-condensed", helvetica, arial; font-size: 18px;}
#news .widget .more-list li:hover {background-color: #f5f5f5}
#news .widget .more-list li:first-child {border-radius: 3px 3px 0 0;}
#news .widget .more-list li:last-child {border-radius: 0;}
#news .widget .more-list li a {color: #333; font-weight: 600; padding-left: 25px; display: block; float: left}
#news .widget .more-list li a:hover{color: #e6a800}
#news .widget .more-list li .fa {float: right; color: #e6a800; font-size: 18px}


.lead-image {width: 100%; height: 250px; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: -20px; text-align: center}
.lead-image img {min-height: 250px; max-width: 100%; display: inline}
#news .widget li:hover .lead-image img {opacity: 0.8;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}

#recent-articles.widget {width: 100%; padding: 0;}
#recent-articles ul {padding-left: 10px;}
#recent-articles li {float: left; width: 33.333%; background: none !important; padding: 0 !important; margin-bottom: 0 !important}
#recent-articles.widget li h3 {font-size: 22px; padding: 0 10px !important}
#recent-articles.widget li .some-comments {display: none;}
#recent-articles.widget li p {padding: 0 10px !important; margin-bottom: 10px !important}
#recent-articles.widget li .button {margin-left: 10px;}
#recent-articles.widget li .article-syn {min-height: 120px;}
#recent-articles li .item-inner {background: #fff; border-radius: 3px; margin: 0 10px 10px 0; padding-bottom: 10px; overflow: hidden}
#recent-articles li .item-inner .more-box {padding-top: 10px !important}
#recent-articles li .item-inner .lead-image {margin-top: 0; margin-bottom: 10px; height: 150px;}
#recent-articles li .item-inner .lead-image img {min-height: 150px !important}
#recent-articles li:hover .lead-image img {opacity: 0.8;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}

#blogs ul {padding-left: 10px;}
#blogs ul li {width: 50%; float: left}
#blogs ul li .item-inner {background: #fff; border-radius: 3px; margin: 0 10px 10px 0; padding: 20px; overflow: hidden}
#blogs ul li .blog-author {float: left; margin-right: 10px;}
#blogs ul li .blog-author .user-ico {width: 73px; height: 73px; border-radius: 3px; margin-bottom: 10px;object-fit: cover; }
#blogs ul li h3 {font-size: 22px;font-family: "myriad-pro-condensed", helvetica, arial; margin-bottom: 7px}
#blogs ul li h3 a {color: #333; font-weight: 600; line-height: 1.1}
#blogs ul li h3 a:hover {color: #e6a800;}
#blogs ul li .some-comments {font-family: "myriad-pro-condensed", helvetica, arial; font-size: 16px; float: right; border: solid 3px #f9c700; padding: 0 7px; line-height: 29px; border-radius: 3px;}
#blogs ul li .some-comments a {color: #333; font-weight: 900}
#blogs ul li .more-box {overflow: hidden; clear: both;}
#blogs ul li .more-box .button {margin-right: 10px;}
#blogs ul li .more-box .meta {float: left; line-height: 35px;}


#shop ul {padding-left: 10px;}
#shop ul li {width: 25%; float: left}
#shop ul li .item-inner {background: #222; border-radius: 3px; margin: 0 10px 10px 0; padding: 0px 0px 0px 0px; overflow: hidden; border: solid 2px #fff;}
#shop ul li:hover .item-inner {box-shadow: 0 0 0 3px #e6a800}
#shop ul li .item-inner img {max-height: 173px; width: 100%; opacity: 0.7}
#shop ul li .shop-image {max-height: 173px; overflow: hidden}
#shop ul li:hover .item-inner img {opacity: 1;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}
#shop ul li .item-inner h3 {padding: 10px 10px; text-align: center; font-family: "myriad-pro-condensed", helvetica, arial; font-size: 18px;color: #fff; font-weight: 500; line-height: 1.1; position: relative; z-index: 9}
#shop ul li:hover .item-inner h3 {color: #e6a800;}
#shop ul li .item-inner .the-price {text-align: center; display: block; padding: 10px 5px; width: 100%; color: #333; font-size: 18px;font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500; background: #fff}

#latest-galleries {}
#latest-galleries ul {padding: 0 0 10px 10px;}
#latest-galleries li {float: left; width: 33.3%;}
#latest-galleries li .item-inner {background: #222; border: solid 2px #fff; border-radius: 3px; margin: 0 10px 10px 0; overflow: hidden; position: relative}
#latest-galleries li .item-inner h3 a {background: #222;   padding: 10px 10px;  text-align: center;
  font-family: "myriad-pro-condensed", helvetica, arial;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  line-height: 1.1; position: relative; z-index: 1; display: block}
#latest-galleries li .item-inner img {height: 200px; opacity: 0.5; min-width: 100%}
#latest-galleries li .item-inner .fa {opacity: 0.4; line-height: 200px; font-size: 50px; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center;}
#latest-galleries li:hover .item-inner .fa {opacity: 1}
#latest-galleries li:hover .item-inner img {opacity: 0.8;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}
#latest-galleries li:hover .item-inner {box-shadow: 0 0 0 3px #e6a800}
#latest-galleries li:hover .item-inner h3 a {color: #e6a800}


#shop-products {}
#shop-products ul {}
	#shop-products li {min-height: 153px; margin: 0 10px 0 0px; float: left; border-radius: 5px; box-shadow: 0 1px 1px #ddd; border-top: solid 1px #ddd; padding: 10px; width: 133px}
	#shop-products li a {display: block}
	#shop-products li:hover {background: #eee;}
	#shop-products li:hover a {color: #666;}
	#shop-products li:last-child {margin-right: 0}
	#shop-products li:active {position: relative; top: 1px; box-shadow: 0 0px 1px #ddd;}
	#shop-products li h3 {font-size: 11px; margin-bottom: 5px; font-family: helvetica, arial; line-height: 15px; clear: both; font-size: 12px;}
	#shop-products li .the-price {font-size: 11px; color: #999; font-weight: bold; line-height: 16px;}
	#shop-products li .in-stock, #shop-products li .out-stock {float: right; font-size: 11px; line-height: 16px;}
	#shop-products li .in-stock {color: green;}
	#shop-products li .out-stock {color: red;}
		#shop-products li .rf-thumb {margin-bottom: 10px; width: 133px; height: 96px}
		#shop-products li .cat {color: #999; font-size: 11px;}
	#shop-products .more-box {padding: 3px 0 3px 0; margin-right: 0; text-align: right; margin-top: 10px;}

#shop-products .offer-code-box {border-bottom:1px solid #CCC;}

/** SIDEBAR STARTS **/

.widget {
	margin-bottom: 10px;
	overflow: hidden;
	background: #161616;
	border-radius: 3px;
	}

	.widget.colored {

	}
	.widget.half {width: 50%}


.widget-inner {padding: 10px; background: #1a1a1a}
.widget-inner p {margin-bottom: 0; line-height: 22px;}
.widget-inner .team-logo {max-width: 150px; margin: 10px auto 10px auto; max-height: 150px;}

.widget h2 {width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	font-family: "myriad-pro-condensed", helvetica, arial; font-size: 20px;
	color: #ffffff;
	clear: both;
	border-bottom: solid 4px #222;
	text-transform: uppercase;
	font-weight: 500;
	}

	.widget.colored h2 {
	}

.widget ul li {overflow: hidden}

#sidebar .widget h3 a {color: #fff; display: block}
#sidebar .widget h3 a:hover  {color: #e6a800}

.widget ul.widget-list li{
  		padding: 5px 10px;
  		position: relative;
  		border-bottom: solid 1px #222;
	}
	.widget ul.widget-list li:hover {background: rgba(255,255,255,0.05)}
	.widget ul.widget-list li:last-child {border-bottom: 0}

	.widget ul.widget-list li h3 a {font-family: "myriad-pro-condensed", helvetica, arial; font-size: 18px; font-weight: 400}
	.widget ul.widget-list li h3 a:hover {color: #e6a800}

	.widget ul.widget-list .icon {
		float:right;
  		margin-left:10px;
 		margin-top: 2px;
 		border: solid 2px #272727;
 		border-radius: 3px;
  		margin-left: 10px;
  		text-align: center;
  		display: block;
  		background: #222;
	}
	.widget ul.widget-list .icon .websymbol-liga {
		color:#e6a800;
		padding: 5px 5px;
		display: block;
		font-size: 11px;
	}

	.widget ul.widget-list .icon:hover {
		background-image: url("../images/makeup/latest_blogs_gradient.png");
	}

	.widget ul.widget-list .icon:hover span{
   		background: url("../images/makeup/50_mask.png");
  		color:white;
	}

	.widget ul.widget-list li .meta strong {color: #666}
	.widget ul.widget-list li .meta .file-size {margin-left: 10px;}

	.widget ul.widget-list .auth-thumb {
  		float:left;
  		width:40px;
  		height:40px;
  		margin-right: 10px;
  		background: black;
  		border: solid 1px #000;
	}

	.widget ul.widget-list .meta{
  		font-size:11px;
 		margin-top:3px;
  		color:#777;
	}

	.widget ul.widget-list .score{
  		float:right;
  		margin-left:10px;
 		padding: 0 10px;
 		text-align: center;
 		line-height: 43px;
 		margin-top: 0px;
 		text-align: center;
  		text-transform: uppercase;
  		font-weight: 700;
  		font-size: 16px;
	}

	.widget ul.widget-list .comments{
  		float:right;
  		margin-left:10px;
 		padding:0px;
 		margin-top: 2px;
 		border: solid 2px #272727;
 		background: #222;
 		border-radius: 3px;
  		text-transform: uppercase;
  		font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 600; color: #e6a800;
	}

	.widget ul.widget-list .comments span{
  		padding: 4px 5px;
  		font-size:14px;
  		display: block;

	}

	.widget ul.widget-list .comments:hover{
  		background-image: url("../images/makeup/latest_blogs_gradient.png");
	}

	.widget ul.widget-list .comments:hover span{
   		background: url("../images/makeup/50_mask.png");
  		color:white;
	}

	.widget ul.widget-list .fa {float: left; margin-right: 10px; font-size: 25px; color: #555; line-height: 35px;}

#twitter-box iframe {margin-left: 10px !important; width: 300px !important}



/** Sponsors **/


#sidebar_sponsors {
	overflow: hidden; margin-bottom: 10px}
	#sidebar_sponsors ul {overflow: visible; width: 350px; }
	#sidebar_sponsors ul li {border: 2px solid #1d1d1d; margin-right: 0px; margin-bottom: 10px; text-align: center; background: #0d0d0d;
		width: 300px;
		white-space: nowrap;
		text-align: center;
	}
	#sidebar_sponsors ul li.lead-sponsor {}
	#sidebar_sponsors ul li:nth-child(even) {}
	#sidebar_sponsors ul li a {text-align: center;display:block;padding: 10px 0px;}
	#sidebar_sponsors ul li img {vertical-align: middle; max-height: 80px; display: inline-block; max-width: 200px;}
	#sidebar_sponsors ul li.lead-sponsor img {}


.spotlight-list img {width: 100%; border-radius: 3px;}

/** Livestreams **/

	#sidebar_livestream{
	}

	#sidebar_livestream h2{

		}

	.livestream_inner{
 		width: 100%;
  		display: block;
  		border-image: url("../images/makeup/50_mask.png") 1 0 1 0 stretch stretch;
		border-bottom: 1px solid;
  		clear: both;
  		position: relative;
	}

	.livestream_list{
 		width: 100%;
		display: block;
  		position: relative;
  		clear: both;
	}

		.livestream_list li{
  			position: relative;
  			width: 100%;
  			height: 90px;
  			background: url("../images/makeup/livestream_streammask.png");
	}



    .livestream_mask{
  		position:absolute;
  		width:112px;
  		height:84px;
  		top:9px;
  		left:9px;
	}

	.livestream_image{
  		position:absolute;
   		width:112px;
  		height:71px;
  		top:9px;
  		left:9px;
  		border: solid 2px #000;
	}
	.livestream_image img {width: 100%}

	.livestream_content{
  		position:absolute;
  		top:0px;
  		left:121px;
  		padding:12px;
	}

	.livestream_name {
  		font-size: 20px;
  		font-weight: 600;
  		color:white;
	}

	.livestream_views{
  		margin:7px 0;
  		font-size: 12px;
  		color:#ababab;
  		line-height: 1;
	}

	.livestream_check_it_now{
  		font-size: 13px;
	}

	.livestream_check_it_now i{
		margin-right:5px;
	}

	.livestream_check_it_now:hover{
		color:white;
	}

	.livestream_base{
		width: 100%;
  		height: 50px;
		display: block;
  		float: left;
  		position: relative;
  		clear: both;
  		text-align:center;
  		line-height:3.5;
  		font-size:14px;
  		font-weight:600;
  		background: url("../images/makeup/75_mask.png");
	}

	.livestream_base:hover{
  		color: white;
	}


/** MPU **/


	.sidebar_mpu{
	position: relative;
	margin-bottom: 0px;
	text-align: center;

	}
		.sidebar_mpu .main_mpu {margin-bottom: 20px; text-align: center}
		.sidebar_mpu .main_mpu div {margin: 0 auto;text-align: center;}

		.sidebar_mpu .main_mpu img {display: inline}
		.sidebar_mpu .mpu-link {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9}

/** Blogs **/

	#sidebar_blogs{
		width: 300px;
		position: relative;
	}


	#sidebar_blogs .comments {margin-top: 7px;}

	/** upcoming Matches **/

	.sidebar_upmatch{
		width: 300px;
		height: 190px;
		float: left;
		position: relative;
		background: olivedrab;
		margin-bottom: 25px;
  		background-image: url("../images/makeup/upcoming_match_information_block_gradient.png");
  		background-position: bottom;
  		background-repeat: no-repeat;
	}

	.sidebar_upmatch_block1{
 		width: 100%;
  		height: 58px;
  		color: #ffffff;
        display: block;
        float: left;
        clear: both;
        background-image: url("../images/makeup/upcoming_match_gradient.png");
        border-image: url("../images/makeup/50_mask.png") 1 0 1 0 stretch stretch;
        border-bottom: 1px solid;
	}
	.sidebar_upmatch_block1 h2{
        color: #ffffff;
		text-shadow: 1px 1px #000000;
  		font-weight: bold;
        font-size: 22px;
        line-height: 58px;
        padding-left: 15px;
      }

		.sidebar_upmatch_block2{
          text-shadow: 1px 1px #000000;
          background-image: url("../images/makeup/75_mask.png");
          height: 32px;
          font-size: 14px;
          position: relative;
          float: left;
          display: block;
          width: 100%;
          height: 32px;
        }

.sidebar_upmatch_block2 span{
 	 font-weight: 600;
	 color: #ffffff;
}

.sidebar_upmatch_block2 p{
 	color: olivedrab;
  	float: left;
  	padding-top: 9px;
}

.sidebar_upmatch_block2 p:first-child{
 	 padding-left: 9px;
}

.sidebar_upmatch_block2 p:last-child{
 	float: right;
	padding-right: 9px;
}
.sidebar_upmatch_block2 a{
 	color: olivedrab;
}

.sidebar_upmatch_block2 a:hover{
 	color: #ffffff;
}

		.sidebar_upmatch_block3{
  			width: 282px;
            height: 80px;
            margin-left: 9px;
  			margin-top: 10px;
            float: left;
            display: block;
            position: relative;
		}

		.sidebar_upmatch_versus{
  			width: 202px;
 			height: 80px;
 			float: left;
            display: block;
            position: relative;

		}

		.sidebar_upmatch_tpic{
  			width: 80px;
            height: 80px;
            float: left;
            display: block;
            position: relative;
        }

.sidebar_upmatch_versus h2{
		font-size: 18px;
        padding-top: 37px;
        padding-left: 6px;
  		text-shadow: 1px 1px #000000;
  		font-weight: 600;
        color: white;
		}
.sidebar_upmatch_versus p{
	padding-left: 6px;
  	padding-top: 5px;
  	font-size: 13px;
  	float: left;
  	text-shadow: 1px 1px #000000;
  	color: olivedrab;
}

.sidebar_upmatch_versus p:last-child{
	float: right;
  	padding-right: 6px;
}


/** Latest Results **/

	#lastresults{
		position: relative;
		margin: 0px auto 10px auto;
		background: none;
		overflow: hidden;
		width: 100%
	}
	#lastresults h2 {margin-bottom: 0px;}
	#lastresults ul {background: none; padding-top: 0px;}

	#lastresults ul li{
		float: left;
		width: 25%;
		padding: 0;
		background: none;
		border: 0
	}
	#lastresults ul li:last-child {margin-bottom: 0}
	#lastresults ul li:hover .item-inner {opacity: 1}

	#lastresults ul li .item-inner {margin-right: 10px; opacity: 0.7; overflow: hidden; position: relative;
		margin-bottom: 0px;
		border-bottom: 0;
		background: linear-gradient( #222, #141414);
		border-radius: 3px; z-index: 1;}
	#lastresults ul li:last-child .item-inner {margin-right: 0}

	#lastresults ul li .item-inner .squad-icon {width: 16px; height: 16px; float: left; margin: 7px 5px 0 0px; border-radius: 3px;}
	#lastresults ul li .squad-bg {opacity: 0.1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; display: none;}
		#lastresults ul li .meta {background: #222; padding: 0 10px; line-height: 30px; font-size: 12px; font-weight: 400; text-transform: uppercase; margin: 0; color: #aaa; border-radius: 3px 3px 0 0; text-align: right; font-family: "myriad-pro-condensed", helvetica, arial;}
	#lastresults ul li .sec-meta { font-size: 13px; float: left; text-align: left; color: #fff
	}

	#lastresults .loss .our-squad {color: #777}
	#lastresults .our-squad {
		font-size: 16px;
		line-height: 32px;
		color:#f9c700;
		font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500;
		padding: 0 10px;
	}

	#lastresults .the-game {

	}

	#lastresults .win .our-squad, #lastresults .win .our-opponent{
		box-shadow: inset -2px 0 #84f043;
	}
	#lastresults .win .our-squad .the-score {
		color: #84f043
	}
	#lastresults .win .our-opponent .the-score {
		color: #f04343
	}

	#lastresults .draw .our-squad{
		box-shadow: inset -2px 0 #4394f0 !important;
	}
	#lastresults .draw .the-score {
		color: #4394f0 !important;
	}


	#lastresults .loss .our-squad, #lastresults .loss .our-opponent{
		box-shadow: inset -2px 0 #f04343;
	}
	#lastresults .loss .our-squad .the-score {
		color: #f04343
	}
	#lastresults .loss .our-opponent .the-score {
		color: #84f043
	}


	#lastresults .versus {
		font-size: 12px; color: #999;
		border-bottom: solid 0px #222; margin: 0; text-indent: -9999em; height: 0
	}
	#lastresults .loss .our-opponent {color: #fff !important}
	#lastresults .our-opponent {
		font-size: 16px;
		line-height: 32px;
		color:#777;
		font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500;
		padding: 0 10px;
		padding-bottom: 3px;
		background: rgba(255,255,255,0.05)
	}

	#lastresults .the-score{
		float:right;
		line-height: 20px;
		height: 20px;
		margin-top: 7px;
		letter-spacing: 0px;
		font-family: helvetica, arial; font-size: 12px; font-weight: bold;
		background: #000; border-radius: 3px; padding: 0 5px; text-align: center
	}




.content-widget{

 	line-height: 25px;
    font-size: 22px;
    font-weight: bold;
	margin: 10px;
	padding: 10px;
    color: #333;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}

.content-widget h2 {
	line-height: 1; margin-bottom: 10px;
}
.content-widget h2 span{
  float: right;
  color: #ababab;
  font-size: 16px;

}

.mainbody_title h3:hover{
  color: olivedrab;
}

/* --------------------------------- */
/* FORUMS */
/* --------------------------------- */

.context-nav {overflow: hidden; margin-bottom: 20px; background: #fff; border-radius: 3px; margin: 0 10px 10px 10px; padding: 10px;}
.context-nav .button {margin-right: 5px;}
.context-nav .fa {padding: 0 7px; text-align: center; font-size: 20px; line-height: 35px; display: block}

.who-is-online {line-height: 20px;}
.who-is-online .user-online {height: 16px; width: 16px; float: left; margin-top: 0px; margin-right: 5px;}
.who-is-online h2 {padding-left: 35px;}
.who-is-online ul li {float: left; margin-right: 5px; margin-bottom: 0}
.who-is-online ul li a {font-weight: normal}
.who-is-online ul li.team a {font-weight: bold;}
.who-is-online ul li.moderator a {color: green; font-weight: bold}
.who-is-online ul li.admin a {color: #ca0227; font-weight: bold;}
.who-is-online ul li.admin a:hover {color: inherit}

.sub-forum-list {list-style: none;}
.sub-forum-list li {}
.sub-forum-list.widget {padding-bottom: 0 !Important}
.sub-forum-list.widget h2 {margin-bottom: 0 !important; font-size: 16px;}



.forums h2.topic {font-size: 35px; font-weight: normal; line-height: 40px; margin-bottom: 10px; margin-left: 20px; margin-top: 10px;font-family: "myriad-pro-condensed", helvetica, arial;}
.forums h2.topic span {font-size: 18px; float: left; font-weight: normal; margin-right: 20px; text-transform: uppercase; color: #666 }
.forums h2.topic .is-sticky {  font-weight: 500;margin-top: 12px; font-size: 10px; float: left; margin-right: 10px}

.forum-breadcrumb {overflow: hidden; height: 40px; line-height: 40px; background: #fff; border-radius: 3px; margin: 0 10px; padding: 0 10px;}

.forum-breadcrumb li {float: left; background: url(../images/makeup/ico/16/arrowR-grey.png) no-repeat 0 10px; margin-right: 5px;}
.forum-breadcrumb li:first-child {background: none;}
.forum-breadcrumb li a { text-transform: uppercase; font-size: 10px; font-weight: bold;
}
.forum-breadcrumb li:first-child a{padding: 0;}

#forum-list { margin: 0 10px; padding: 0px;}
#forum-list h2 {font-size: 18px; text-transform: uppercase; letter-spacing: 0; font-weight: 400; padding: 0 10px; color: #ccc; border: 0; height: 60px; line-height: 60px; margin-bottom: 0;}
#forum-list h2 span {display: none; font-size: 11px; line-height: 40px; color: #999; position: absolute; left: 350px; font-weight: normal;  text-transform: uppercase}
#forum-list .widget {padding-bottom: 0 !Important}

.the-forums {margin-bottom: 0px; background: #fff}

.the-forums > li {overflow: hidden; padding: 10px 10px; position: relative; margin: 0!important; width: 100%; background: none; border-bottom: solid 2px #eee;}
.the-forums > li:nth-child(even) {}
.the-forums > li:hover {}
.the-forums li:last-child {border-bottom: 0}
.the-forums li h3 {font-size: 20px; margin-top: 0px; line-height: 1;  font-weight: 500; margin-bottom: 0px; text-transform: none; font-family: "myriad-pro-condensed", helvetica, arial;}
.the-forums li .thumb-left {float: left; margin-right: 20px; display: none;}
.the-forums li p {margin: 0; color: #999; font-weight: normal !important}
.the-forums li p strong {font-weight: normal !important
}
.the-forums li .forum-info {float: left; width: 630px; }
.the-forums li .latest-thread {font-size: 11px; margin-left: 800px; margin-top: 2px}
.the-forums li .latest-thread span { color: #999}
.the-forums li .latest-thread .thread-title {font-size: 12px;  font-weight: bold; display: block; margin: 0 0 3px 35px; padding-top: 2px;}
.the-forums li .latest-thread .thread-title a {font-weight: bold;}
.the-forums li .latest-thread .u-thumb {float: left; width: 30px; height: 30px; margin-top: 0px; margin-right: 5px;}
.the-forums li .latest-thread a {font-weight: normal;}
.the-forums li .latest-thread a:hover {text-decoration: underline;}
.the-forums li .forum-threads { line-height: 30px;font-size: 12px; font-weight: normal; float: left;}
.the-forums li .forum-threads span {font-weight: bold}

.sub-forums { padding: 0 0 0 20px; clear: both; background: url(../images/makeup/forum/subforum-ico.png) 0 12px no-repeat;border: 0 !important; overflow: hidden}
.sub-forums li {float: left !important; width: auto; padding: 0; margin: 0 5px 0 0 !important; border: 0;}
.sub-forums li a {line-height: 20px}

.back {padding: 0;}
.back span {}

.forum-table {text-align: left; clear: both; margin-top: 10px; margin-left: 0px; margin: 0px 10px 10px 10px; border-radius: 3px; overflow: hidden;}
.forum-table tr {background: #fff; border-bottom: solid 2px #eee;}
.forum-table tr:nth-child(even) {}
.forum-table th {font-weight: normal;  font-size: 13px; padding: 10px 0 10px 0; background: #161616; color: #fff;}
.forum-table td {}
.forum-table td, .forum-table th {}
.forum-table .forum-icon {font-size: 17px; width: 4%;}
.forum-table .forum-icon i {line-height: 1; color: #666; padding: 0px 0 0 0; margin: 0px 0 0 0; position: relative; top: 12px;  display: inline-block; float: left; width: 100%; text-align: center}
.forum-table .replies {text-align: left}
.forum-table .replies span {display: block; line-height: 15px}
.forum-table tr:hover {cursor: pointer}
.forum-table .ico {text-align: center}
.forum-table .ico img {margin: 0 auto;}
.forum-table a {padding: 11px 0 5px 0; display: block; font-weight: bold;}

.forum-table .date, .forum-table .latest-by {display: block; padding: 0; margin: 0; font-size: 11px; overflow: hidden}
.forum-table .date a, .forum-table .latest-by a	{ padding: 0 0 5px 0; line-height: 15px;}
.forum-table .date a {font-weight: normal;  padding: 5px 0 0 0;}
.forum-table .date a:hover {text-decoration: underline}
.forum-table .latest-by {margin-bottom: 5px;}
.forum-table .latest-by a {display: inline}

.forum-table .small {font-size: 11px}


.is-sticky { padding: 3px 5px; margin: 9px 5px 0 0; line-height: 1;   text-transform: uppercase; font-size: 10px; font-weight: 500; float: left; color: #fff}
.started_by {font-size: 11px; display: block;  margin-bottom: 10px;}
	.started_by a {display: inline; padding: 0;font-weight: normal;
	}

#the-posts {margin-bottom: 20px;}


#the-posts > li { padding-top: 0px; padding-bottom: 10px; border-radius: 3px; overflow: hidden; position: relative; margin: 10px; background: #fff;min-height: 122px;}
#the-posts > li:last-child {margin-bottom: 0}
	#the-posts li.team-member {}
	#the-posts li.mod-member {}
	#the-posts li.admin-member {}
	#the-posts .post-author {position: absolute; top: 0; left: 0; bottom: 0;width: 300px; margin-right: 20px; padding: 10px; min-height: 110px; border-right: solid 2px #eee;}
		#the-posts .user-buttons {position: absolute; top: 124px; left: 20px; padding: 0px; overflow: hidden; width: 100%}
		#the-posts .user-buttons .generic_button {font-family: WebSymbolsRegular; font-weight: normal; height: 20px; line-height: 20px; font-size: 10px}
		#the-posts .user-buttons span.generic_button {}
		#the-posts .post-author a img {width: 80px; height: 80px; float: left; margin-right: 10px; border-radius: 3px;}
		#the-posts .post-author .user-avatar {position: relative; width: 81px; display: block}
			#the-posts .post-author .user-online { width: 10px; height: 10px; float: left; margin-right: 5px; margin-top: 2px;}
		#the-posts .post-author h3 {margin-bottom: 5px; margin-top: 6px;font-family: "myriad-pro-condensed", helvetica, arial;}
			#the-posts .post-author h3 a { font-size: 22px;  font-weight: 500;}
		#the-posts .post-author .is-admin, #the-posts .post-author .is-team, #the-posts .post-author .is-mod {padding: 5px 5px; margin: 0px 5px 5px 0; text-transform: uppercase;  border-radius: 0px; font-size: 10px; font-weight: 500; display: inline-block; color: #fff;}
		#the-posts .post-author .name {display: block; font-weight: normal;  font-size: 12px; margin-bottom: 3px;}
		#the-posts .post-author .team {display: block; font-size: 11px;}
.post-date {color: #999; margin-bottom: 10px; font-size: 11px;padding-bottom: 5px; position: relative; float: right;}
.post-number {position: absolute; right: 0px; top: 0;}

#the-posts .the-post {position: relative; margin-left: 320px; line-height: 18px; padding: 20px 20px 20px 0;}
#the-posts .the-post ul {margin-left: 20px;}
#the-posts .the-post ul li {list-style: disc; margin-bottom: 5px;}
#the-posts .the-post .speech-mark { position: absolute; top: -20px; left: 30px; display: none; width: 20px; height: 20px}
#the-posts li .edit-options {display: none; border-radius: 5px; overflow: hidden;  position: absolute; right: 10px; bottom: 10px;}
#the-posts li:hover .edit-options {display: block !important}
#the-posts li .edit-options li.adminedit {display: none}
#the-posts li .edit-options li {background: 0; padding: 0;}
#the-posts li .edit-options li a {float: right; padding: 0 10px;}
#the-posts .meta {text-align: left;  margin-top: 20px; height: auto; font-size: 11px; padding: 0; line-height:1; margin-right: 0px; margin-bottom: 0; margin-left: 300px; padding-top: 15px; padding-bottom: 5px; padding: 10px 20px 10px; border-bottom: solid 2px #eee; display: block; margin-top: 0px; }
#the-posts .signature {margin-top: 40px; padding-top: 20px; border-top: solid 1px rgba(255,255,255,0.1);}
#the-posts .signature img {max-height: 200px; width: auto;}
#the-posts .the-post p {margin-right: 150px;}
#the-posts .the-post img {max-width: 600px;}

#content section#new-post { margin-bottom: 0px;
	overflow: hidden; background: #fff; margin: 10px; width: auto; float: none; overflow: hidden}

#new-post h2 {margin-bottom: 10px; font-size: 14px; text-transform: uppercase;}
#new-post h4 {text-align: center; font-size: 20px;text-transform: none; margin-bottom: 0px; font-weight: normal}

#new-post #write-post {margin-left: 20%; margin-right: 10px; overflow: hidden; padding-bottom: 10px }
#new-post #write-post textarea {width: 98.5%;margin-bottom: 10px;  font-size: 12px; line-height: 20px; padding: 3px; height: 150px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	visibility: visible !important;
	}

	#new-post #write-post textarea:focus {height: 150px; box-shadow: 0 0 10px #999}
#new-post #user-info {float: left; width: 20%; padding: 0 10px;}
#new-post #user-info img {width: 70px; height: 70px; float: left; margin-right: 10px; border-radius: 3px; }
#new-post #user-info h3 {margin-bottom: 2px; font-size: 20px; font-family: "myriad-pro-condensed", helvetica, arial;}
#new-post #user-info .name {font-size: 12px; color: #999}

.new-thread-form {padding: 10px; width: 75%; margin: 0 auto 20px auto; overflow: hidden; background: #fff; border-radius: 3px;}
.new-thread-form .form-row input[type="checkbox"] {float: left; margin-right: 5px}

/* -------------------------------- */
/* ARTICLES */
/* -------------------------------- */
section#article {margin-bottom: 0}

#article-ad {margin: 20px auto 0 auto; text-align: center}
#article-ad img {display: inline-block}

#the-articles {padding-left: 10px;}
#the-articles li {margin-bottom: 0px; padding: 0; border-radius: 3px; overflow: hidden; float: left; width: 50%;}
#the-articles li:nth-child(odd) {clear: left;}
#the-articles li:hover .lead-image img {opacity: 0.8;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}
#the-articles li .item-inner {background: #fff; border-radius: 3px; margin: 0 10px 10px 0; padding: 20px 0;}
#the-articles li .article-syn {min-height: 106px;}
#the-articles li h3, #news .widget li p {padding: 0 20px;}
#the-articles li h3 {font-size: 26px; font-family: "myriad-pro-condensed", helvetica, arial; margin-bottom: 10px; line-height: 1.1}
#the-articles li h3 a {color: #333; font-weight: 600}
#the-articles li h3 a:hover {color: #e6a800}
#the-articles li .meta {width: 250px; line-height: 1.2; float: left; padding: 3px 0;}
#the-articles li p {color: #666; padding: 0 20px;}
#the-articles li .read-more {margin-left: 20px; float: left; margin-right: 10px}
#the-articles li .more-box {border-top: solid 1px #eee; overflow: hidden; padding-top: 20px;}
#the-articles li .some-comments {font-family: "myriad-pro-condensed", helvetica, arial; font-size: 16px; float: right; margin-right: 20px; border: solid 3px #f9c700; padding: 0 7px; line-height: 29px; border-radius: 3px;}
#the-articles li .some-comments a {color: #333; font-weight: 900}


#the-title { font-size: 50px; padding: 20px 20px; font-weight: 500; position: relative;line-height: 1; margin: 0; width: 100%; letter-spacing: -1px; border-bottom: solid 2px #ddd; font-family: "myriad-pro-condensed", helvetica, arial;}
#the-title .category {font-size: 20px; height: 30px; line-height: 32px;}

.the-category {color: #999; float: right;}
.the-category span {color: #666}

.is-article p {margin-bottom: 20px;}

#the-post {overflow: hidden; background: #fff; border-radius: 3px; margin: 0 10px 10px 10px; padding: 0px;}
#the-post img.leader {display: block; max-width: 450px;margin-left: 20px; margin-bottom: 20px; float: right; border: solid 2px #555}

#the-post ul {margin-left: 20px; margin-bottom: 10px; overflow: hidden;}
#the-post ul li {list-style: disc inside; margin-bottom: 10px;}

.date {font-size: 11px; margin: 5px 0 10px 0; display: block; line-height: 25px; position: relative}
.date .category {float: right; padding: 0px; line-height: 25px; height:25px;  text-transform: uppercase; border-radius: 3px; font-size: 10px; font-weight: normal;}

#the-post .meta {margin: 0px 0 0px 0; display: block; padding: 10px 20px; background: #eee; border-bottom: solid 2px #ddd}
#the-post .post-inner {padding: 20px;}
#the-post .post-inner img {display: inline}
#the-post .post-inner h2 {background: none; color: #333; border-radius: 0; height: auto; line-height: 1.2; padding: 0; margin-bottom: 20px;}

#post-meta {padding: 10px 20px; overflow: hidden; background: #eee; border-bottom: solid 2px #ddd;}
	#post-meta .author-avatar img {height: 50px; float: left; margin-right: 10px; border-radius: 3px}
	#post-meta .author-meta {font-size: 11px;  margin-top: 8px;}
		#post-meta h4.author-meta {font-size: 13px; margin-top: 3px;font-weight: normal; color: #999;}
	#post-meta h3.author-meta a {font-size: 20px; font-weight: 500; font-family: "myriad-pro-condensed", helvetica, arial;  }
	#post-meta .author-meta a:hover {}

	#post-meta .sharing{ float: right; margin-top: 15px}
	#post-meta .sharing span { margin-bottom: 0px}
.rf-article-img {margin-bottom: 20px;}

.sharing {margin-bottom: 0px; margin-top: 20px;}

#LikePluginPagelet {float: left !Important;}

#latest-blogs  .section-list {padding-left: 20px}
#latest-blogs  .section-list li {border: 0}
#latest-blogs .section-list li h3 {font-size: 14px; margin-bottom: 0px; line-height: 20px;}
#latest-blogs  .section-list li .user-ico {height: 50px; width: 50px; margin-bottom: 10px;}
#latest-blogs  .section-list li p {clear: both; margin-top: 10px; margin-bottom: 0}
#latest-blogs  .section-list li .meta {display: block; line-height: 16px;}

.addthis_default_style {border-bottom: solid 1px #eee; height: 30px; margin-bottom: 10px;}

/* -------------------------------- */
/* COMMENTS */
/* -------------------------------- */

#comment-form {
	padding: 0 0 10px 0; overflow: hidden
	}
#comment-form h3 {font-size: 13px; margin-bottom: 10px; font-weight: bold; line-height: 30px; padding: 0 10px; border-bottom: solid 1px #eee;}
#comment-form h4 {text-align: center; font-size: 14px; text-transform: none; margin-bottom: 0px; font-weight: normal}
#comment-form textarea {width: 98.5%; margin-bottom: 10px; font-size: 12px; line-height: 20px; padding: 3px; height: 120px;}


#comment-form #user-info {float: left; width: 75px; margin-right: 20px; margin-left: 10px;}
#comment-form #user-info a {display: block}
#comment-form #user-info img {float: left; width: 50px; height: 50px; margin-bottom: 5px;}
#comment-form #write-comment { margin: 0 10px 0 10px}

#comments {overflow: hidden; margin: 10px; clear: both}

#the-comments {margin-top: 10px;}
#the-comments li {overflow: hidden; padding: 0px; position: relative; min-height: 85px; margin: 0 10px 10px 10px; background: rgba(255,255,255,0.05); border-radius: 3px;}
	#the-comments .comment-author {position: absolute; top: 0;left: 0;bottom: 0;width: 200px;margin-right: 20px;padding: 10px;min-height: 110px;border-right: solid 2px rgba(255,255,255,0.05);}
		#the-comments .meta {text-align: left;
margin-top: 20px;
height: auto;
font-size: 11px;
padding: 0;
line-height: 1;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0;
padding-top: 15px;
padding-bottom: 5px;
padding: 10px 20px 10px;
border-bottom: solid 2px rgba(255,255,255,0.05);
display: block;
margin-top: 0px; }
		#the-comments .comment-author a img {float: left; width: 50px; height: 50px; margin-right: 10px; border: solid 2px #333}
		#the-comments .comment-author h3 {margin: 0px; line-height: 34px; }
			#the-comments .comment-author h3 a {font-size: 18px; font-weight: 500;}
		#the-comments .comment-author .name {display: block; font-weight: normal; color: #999; font-size: 11px; margin-bottom: 3px;}
		#the-comments .comment-author .team {display: block; font-size: 11px;}
.comment-date {color: #999; margin-bottom: 10px; font-size: 11px; border-bottom: solid 1px #eff2f7; padding-bottom: 5px; position: relative}
.comment-number {position: absolute; right: 0px; top: 0;}

#the-comments .the-comment {position: relative; margin-left: 200px;}
#the-comments .the-comment img {max-width: 450px;}
#the-comments .the-comment .comment-content {padding: 10px 20px 20px 20px; color: #ddd; line-height: 1.2 }

#the-comments .edit-options {overflow: hidden; display: none; width: 100%; position: absolute; bottom: 0px; right: 0px }
#the-comments .edit-options li {border: 0; padding: 0; float: right;}
#the-comments li:hover .edit-options {}

/* -------------------------------- */
/* MATCHES */
/* -------------------------------- */

#the-match {position: relative;margin: 0 60px 40px 60px; overflow: hidden; background: #fff; border-radius: 3px; margin: 10px;}
#the-match .squad-image {width: 100%}
#the-match .the-date {line-height: 60px; font-size: 30px; font-weight: 300; letter-spacing: -1px; margin: 0 auto; border: solid 2px #e4e4e4; border-width: 0 0 2px 0; margin-bottom: 0px; color: #333; overflow: hidden; padding: 0 20px;font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500;
}
#the-match .the-date .meta {float: right; font-size: 30px}
#the-match .the-date .sec-meta {float: left;}
#the-match .vs {width: 80px; height: 80px; border-radius: 80px; position: absolute; left: 50%; margin-top: 48px; margin-left: -40px; color: #999; font-size: 20px; line-height: 80px; text-align: center; font-family:"myriad-pro-condensed", Helvetica, Arial, Verdana, sans-serif; font-weight: 300; text-transform: uppercase; background: #ddd; z-index: 1;}
#the-match .team-left, #the-match .team-right {width: 50%; position: relative; z-index: 1; padding: 40px 20px; min-height: 180px}
#the-match .team-left {float: left; border-right: solid 1px #ddd}
#the-match .team-right {float: right; border-left: solid 1px #ddd;}
#the-match .team-logo {width: 100px; height: 100px;}
#the-match .team-left .team-logo {float: left; margin-right: 20px;}
#the-match .team-right .team-logo {float: right; margin-left: 20px;}
#the-match .team-left h3, #the-match .team-right h3 {font-size: 35px; letter-spacing: -1px; margin-top: 5px; line-height: 1.2; text-align: left; font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500;}
#the-match .team-right h3 {text-align: right}
#the-match .team-left h4, #the-match .team-right h4 {position: relative; margin-top: 0; font-size: 30px; font-weight: 100; color: #333; width: auto; display: inline-block; padding: 5px 10px; text-align: center; margin-left: 0; float: left; font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500; border-radius: 3px;}
#the-match .team-right h4 {text-align: right; float: right; margin-right: 0; }
#the-match.win .team-left h4, #the-match.loss .team-right h4 {color: #fff; background: #62be2b}
#the-match.loss .team-left h4, #the-match.win .team-right h4 {color: #fff; background: #f04343}
#the-match.draw .team-left h4, #the-match.draw .team-right h4 {color: #fff; background: #4394f0 !important}


#the-match .status {position: absolute; left: 0; top: 100px; right: 0; bottom: 0; z-index: 0; opacity: 0.7}
#the-match.win .status {right: 50%; left: 30%}
#the-match.loss .status {left: 50%;right: 30%}
#the-match.draw .status {display: none !important}

#content section#match-report {margin: 0 10px 10px 10px; float: none; width: auto; background: #fff}
#content section#match-report .report-inner {padding: 10px 20px 0 20px;}


/** Latest Results **/

	#content.matches{
		position: relative;
		margin: 10px auto 0 auto;

	}
	#content.matches h2 {margin-bottom: 0px;}
	#content.matches ul {background: #fff; border-radius: 3px; margin: 0 10px; overflow: hidden; padding: 10px 0 0 10px;}
	#content.matches ul li{
		width: 50%; float: left;
		padding:0px;
		border: 0;
	}
	#content.matches ul li:last-child {margin-bottom: 0}
	#content.matches ul li:hover .item-inner {opacity: 1}

	#content.matches ul li .item-inner {margin-right: 10px; margin-bottom: 10px;  overflow: hidden; position: relative;
		border-bottom: 0;
		background: #eee;
		border-radius: 3px; z-index: 1;}
	#content.matches ul li:last-child .item-inner {}
	#content.matches ul li .item-inner .button {margin: 10px;}

	#content.matches ul li .squad-bg {opacity: 0.1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; display: none;}
	#content.matches ul li .meta {background: #222; padding: 0 15px; line-height: 40px; font-size: 16px; font-weight: 400; text-transform: uppercase; margin: 0; color: #aaa; border-radius: 3px 3px 0 0; border-bottom: solid 1px #fff; text-align: right; font-family: "myriad-pro-condensed", helvetica, arial;}
	#content.matches ul li .sec-meta { font-size: 18px; float: left; text-align: center; color: #fff
	}
	#content.matches .loss .our-squad {color: #f04343}
	#content.matches .draw .our-squad {color: #777 !important}
	#content.matches .our-squad {
		font-size: 22px;
		line-height: 42px;
		color:#62be2b;
		font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500;
		padding: 0 15px;
	}

	#content.matches .the-game {

	}

	#content.matches .win .our-squad, #content.matches .loss .our-opponent{
		box-shadow: inset -5px 0 #62be2b;
	}
	#content.matches .win .our-squad .the-score {
		color: #fff;
		background: #62be2b
	}
	#content.matches .win .our-opponent {color: #f04343}
	#content.matches .win .our-opponent .the-score {
		background: #f04343;
		color: #fff
	}

	#content.matches .draw .our-squad, #content.matches .draw .our-opponent{
		box-shadow: inset -5px 0 #4394f0 !important;
	}
	#content.matches .draw .the-score {
		background: #4394f0 !important;
		color: #fff
	}


	#content.matches .loss .our-squad, #content.matches .win .our-opponent{
		box-shadow: inset -5px 0 #f04343;
	}
	#content.matches .loss .our-squad .the-score {
		color: #fff;
		background: #f04343
	}
	#content.matches .loss .our-opponent .the-score {
		color: #fff;
		background: #62be2b;
	}


	#content.matches .versus {
		font-size: 12px; color: #999;
		border-bottom: solid 2px #ddd; margin: 0; text-indent: -9999em; height: 0
	}
	#content.matches .loss .our-opponent {color: #62be2b !important}
	#content.matches .draw .our-opponent {color: #777 !important}
	#content.matches .our-opponent {
		font-size: 22px;
		line-height: 42px;
		color:#777;
		font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500;
		padding: 0 15px;
		margin-bottom: 0px;
		border-bottom: solid 2px #ddd;
	}

	#content.matches .the-score{
		float:right;
		line-height: 35px;
		height: 30px;
		margin-top: 5px;
		letter-spacing: 0px;
		font-family: helvetica, arial; font-size: 16px; font-weight: bold;
		background: #fff; border-radius: 3px; padding: 0 5px; text-align: center
	}



/* --------------------------------- */
/* TEAM */
/* --------------------------------- */

.staff-buttons .button {width: 45%; text-align: center; margin: 10px 2.5%;}

#squads li {padding: 0; margin-bottom: 20px;}
#sidebar #squads li {margin-bottom: 4px;}
#sidebar #squads li:last-child {margin: 0;}
#squads .squad-image {width: 100%}
#squads .squad-image-holder {position: relative; min-height: 40px; margin-bottom: 0px; }

#squads .team-button {display: block;}

#squads p {margin-bottom: 10px;}
.members {margin-top: 10px; padding-left: 10px; padding-bottom: 0; margin-bottom: 0;}


#team-information {margin-bottom: 0 !important}
#team-information .squad-image {width: 100%; margin-top: -10px;}

.members li {width: 20%; float: left}
.members li .item-inner {background: #222; border-radius: 3px; margin: 0 10px 10px 0; padding: 0px 0px 0px 0px; overflow: hidden; border: solid 2px #fff;}
.members li:hover .item-inner {box-shadow: 0 0 0 3px #e6a800}
.members li img {max-height: 173px; overflow: hidden}
.members li .item-inner img {max-height: 168px; width: 100%; opacity: 0.7}
.members li:hover .item-inner img {opacity: 1}
.members li .item-inner h3 {padding: 7px 10px; text-align: center; font-family: "myriad-pro-condensed", helvetica, arial; font-size: 18px;color: #fff; font-weight: 500; line-height: 1; }
.members li:hover .item-inner h3 {color: #e6a800;}
.members li .item-inner h4 {background: #fff; text-align: center; line-height: 30px;font-family: "myriad-pro-condensed", helvetica, arial; font-size: 16px;}


.tooltip {
	display:none;
	border-radius: 2px;
	font-size:13px;
	height: 25px; line-height: 25px;
	font-weight: 700;

	text-align: right;
	padding:0 10px;
	z-index: 999;
	position: relative;
	background: rgba(0,0,0,0.9)
	/*border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;*/
}

.tooltip .arrow {font-family: WebSymbolsRegular, helvetica; position: absolute; right: -5px; font-size: 18px; text-shadow: none; color: #000}

.nicEdit-main  {background: #fff; margin: 0 !important; padding: 4px;}

/* --------------------------------- */
/* USER PROFILES */
/* --------------------------------- */

/* --------------------------------- */
/* USER PROFILES */
/* --------------------------------- */

#content.player-profile section {background: #fff !important; margin: 0 10px 10px 10px !important; padding: 0 !important; width: auto; float: none; overflow: hidden; top: 0;}
#content.player-profile section h2 {margin-top: 0px !important; text-indent: 0 !important; top: 0 !important;}

#content.player-profile section#player-info {background: url(../images/player-bg.jpg) no-repeat; margin-top: 10px !important;;}
section#player-info h1{color:#333;margin-bottom:0px; font-family: "myriad-pro-condensed", Helvetica, Arial; font-size: 55px; }
section#player-info #details {padding:20px; background: #fff; float: left; width: 100%}
section#player-info #details p.real-name {font-size:14px; font-weight: 500; color: #999}

section#player-info #details div.user-info {float:left;}
section#player-info #details ul.quick-info {float:left;border:none;margin-left:70px;margin-top:5px}
section#player-info #details ul.quick-info li {border:none;font-weight:normal;padding-left:30px; color: #666}
section#player-info #details ul.quick-info li .fa {margin-right: 5px; color: #999}


section#biography h2, section#gaming-stream h2, section#player-hardware h2, section#fans h2 {padding-top:0px; height: 40px; background: #111; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 20px; text-indent: 20px; line-height: 40px; width: 100%;}

div#squad-banner {height:280px;width:100%;position:relative;z-index:1; background-size: cover !important; background-image: url(../images/bgs/default-profile.png);
}
div#squad-banner div#tweet {background:rgba(0,0,0,0.8);border:1px solid rgba(0,0,0,0.4);padding:8px 14px;border-radius:3px;position:absolute;left:300px;bottom:20px; right: 20px; color: #eee;}
div#squad-banner div#tweet p {margin-bottom:0;font-weight:normal;color:#eee;}
div#squad-banner div#tweet p span.name a {font-weight:bold;color:#F9C800;margin-right:5px}
div#squad-banner div#tweet .meta a {font-weight: normal !Important; color: #666 !important; float: right;}


#content.player-profile section#biography {padding-bottom: 10px !important;}
section#biography h2 {margin-bottom: 20px;}
section#biography .the-bio {padding: 0 20px 10px 20px; }
section#biography p {margin: 0 0px 10px 0px;}

section#gaming-stream {padding:20px; }
section#gaming-stream .stream {margin-top:10px; float: left;}
section#gaming-stream .stream object {width: 860px !important; height: 515px; float: left; margin-left: 20px;}
section#gaming-stream iframe {margin-left: 0px; width: 860px; height: 600px; margin-left: 20px; margin-bottom: 20px;}

section#gaming-stream #mpu-stream {float: right; width: 300px; margin-top: 20px; margin-right: 20px;}
section#gaming-stream #stream-info {margin-bottom: 20px;}
section#gaming-stream #stream-info .button {width: 100%; text-align: center}
section#gaming-stream #stream-info .rf-thumb {width: 60px; float: left; margin-right: 10px;}
section#gaming-stream #stream-info h3 {font-size: 20px; margin-bottom: 10px;}
section#gaming-stream #stream-info .generic_button {display: block; text-align: center; height: 30px; line-height: 30px; font-size: 18px; border-radius: 40px;}
section#gaming-stream #stream-info div {display: none;}
section#gaming-stream #stream-info .is-live {padding: 0 10px; display: block; border-radius: 0 5px 5px 0; color: #fff; line-height: 40px; height: 40px; margin-bottom: 20px; text-align: center; font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Helvetica, Arial; text-transform: uppercase; font-size: 20px; font-weight: 500; text-shadow: 0 1px 0 #000; margin-left: -20px;
	background: #4a8f08;
	background: -webkit-gradient(linear, left top, left bottom, from(#3aab0d), to(#4a8f08));
	background: -moz-linear-gradient(top,  #3aab0d,  #4a8f08);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aab0d', endColorstr='#4a8f08');
	border: solid 1px #216b04; border-left: 0;
	}

section#gaming-stream #stream-info .is-offline {padding: 0 10px; display: block; border-radius: 0 5px 5px 0; color: #999; line-height: 40px; height: 40px; margin-bottom: 20px; text-align: center; font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Helvetica, Arial; text-transform: uppercase; font-size: 20px; font-weight: 500; text-shadow: 0 1px 0 #fff; margin-left: -20px;
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: -moz-linear-gradient(top,  #eee,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
	border: solid 1px #ccc; border-left: 0;
	box-shadow: inset 0 1px 0 #fff;
	}


section#player-hardware {padding:20px;padding-top:10px;overflow:hidden}
section#player-hardware .hardware {margin-top:0px;}
section#player-hardware #hardware-mpu {margin-top: 20px;}

.player-hardware {padding: 0px 10px 20px 10px;}
.player-hardware li {float: left; width: 25%; line-height: 18px;font-size: 12px; min-height: 50px; color:#999; background: #eee; border-radius: 8px; padding: 15px; box-shadow: inset 0 0 0 5px #fff;
}
.player-hardware li span {font-weight: bold; display: block; color: #333; font-size: 16px; text-transform:uppercase; font-family: "myriad-pro-condensed", Helvetica, Arial;}

section#fans {padding:20px;padding-top:10px;position:relative;}
section#fans .fans {margin-top:30px;}

section#user-header {background: #fff; border-radius: 3px; padding: 10px; margin: 10px; width: auto; float: none; overflow: hidden;
}
section#user-header header span {top: 12px;}
section#user-header .button {letter-spacing: 0}

.player-avatar {float: left; position: relative; z-index: 8; margin-right: 20px;margin-left:0px; margin-top:-195px;}
.player-avatar img {width: 300px; border-radius: 3px; }

.my-avatar {float: left; margin-right: 20px;}
.my-avatar img {width: 200px;  border: solid 1px #fff; box-shadow: 0 1px 1px #ccc }
.full-name {font-size: 35px; line-height: 36px;font-family: "myriad-pro-condensed", Helvetica, Arial; margin-bottom: 10px; color: #999}

#content #stream object {width: 650px !important; height: 395px;}
#content #stream iframe {width: 650px !important; height: 320px !important;}

.quick-info {margin-bottom: 10px; overflow: hidden;}
.quick-info li {line-height: 27px; border-bottom: solid 1px #eee;}

p.about_me {padding: 10px; margin: 0 !important; background: #eee; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#friends {position: relative}
#friends .next, #fans .next {background: url(../images/ico/arrowR-grey.png) no-repeat; text-indent: -9999px; display: block; width: 14px; height: 20px; cursor: pointer; position: absolute; right: 0; top: 90px;}
#friends .prev, #fans .prev {background: url(../images/ico/arrowL-grey.png) no-repeat; text-indent: -9999px; display: block; width: 14px; height: 20px; cursor: pointer; position: absolute; left: 0; top: 90px;}
#friends .next:hover, #fans .next:hover {background: url(../images/ico/arrowR-yellow.png) no-repeat;}
#friends .prev:hover, #fans .prev:hover {background: url(../images/ico/arrowL-yellow.png) no-repeat;}

#fans .prev {left:20px;top:108px;}
#fans .next {right:20px;top:108px;}

.friends-scroll {overflow: hidden; height: 86px; position: relative; width: 610px; margin: 0 20px;}
.fans-scroll {overflow: hidden; height: 86px; position: relative; width: 872px; margin: 0 40px;}

#friends-list {position: absolute; width: 2000em;}
#friends-list li {float: left;}
#friends-list li img { margin: 5px;width: 75px; height: 75px; border: solid 1px #fff; box-shadow: 0 1px 1px #ccc}

.profile-details li {float: left; width: 325px; line-height: 25px; border-bottom: solid 1px #eee; font-size: 11px; min-height: 50px;}
.profile-details li span {font-weight: 500; display: block; color: #333; font-size: 16px; font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Helvetica, Arial;}


section#activity {margin: 10px; float: none;width: auto}
section#activity h2 {margin-bottom: 0; line-height: 50px}

.activity-feed {background: #fff}
.activity-feed li {border-bottom: solid 2px #eee !important; padding: 10px 0 10px 10px !important;}
.activity-feed li .fa {line-height: 1.2 !important}

#my-friends li {border-bottom: solid 1px #eee; min-height: 100px; padding: 10px 0;}
#my-friends li .avatar {float: left; margin-right: 10px;box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; border: solid 1px #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#my-friends li h3 {font-size: 35px; font-weight: 500; margin-bottom: 5px;}
	#my-friends li h3 a {color: #333}
#my-friends li h4 {font-size: 14px; color: #999; font-weight: normal; margin-bottom: 5px;}
#my-friends li p {margin: 0;}

.messaging .section-list .avatar,
.notifications .section-list .avatar {float: left; width: 50px; height: 50px; margin-right: 10px;box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; border: solid 1px #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

.messaging .from {width: 150px; margin-top: 10px;float: left;}
.messaging .msg-info {margin-left: 210px; margin-top: 10px;}
.messaging .section-list li,
.notifications .section-list li {min-height: 55px}
.messaging .section-list li h2 {font-family: Helvetica, arial; font-size: 13px; }
.messaging .section-list li p {margin: 0; color: #999; font-size: 11px;}

.notifications .section-list li h2 {font-size: 25px; margin-top: 5px;}
.notifications .section-list li h3 {color: #999; font-weight: normal; }

.the-buttons {float: right; position: absolute; right: 0; top: 20px; }

/* --------------------------------- */
/* GALLERIES */
/* --------------------------------- */
.how-many {float: right; font-size: 16px; font-weight: normal; margin-right: 20px;}

#content.galleries .section-list > li {background: #fff; padding: 10px 0 10px 10px; margin: 0 10px 10px 10px; border-radius: 3px; overflow: hidden}
#content.galleries .section-list > li .button {margin: 10px 10px 0 0}

#content.galleries .gallery-images ul{clear:both; overflow:hidden; padding-top:10px; padding-left: 10px; padding-bottom:0px;}
#content.galleries .gallery-images li {border: 0; padding: 0px; float: left; position: relative; width: 20%; text-align: center}
#content.galleries .gallery-images li .item-inner {margin-right: 10px; margin-bottom: 10px; overflow: hidden; background: #222; border: solid 2px #fff; border-radius: 3px;}
#content.galleries .gallery-images li:nth-child(even) {}
#content.galleries .gallery-images li:nth-child(5n){margin-right: 0}
#content.galleries .gallery-images li:nth-child(5n+1) {clear: left}
#content.galleries .gallery-images li:hover {}
#content.galleries .gallery-images li:hover .item-inner {box-shadow: 0 0 0 2px #e6a800}
#content.galleries .gallery-images li img {width: 100%; display: block; opacity: 0.7 }
#content.galleries .gallery-images li:hover img {opacity: 1;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}
#content.galleries .gallery-images li:last-child {margin-right: 0}
#content.galleries .gallery-info h2 {font-size: 30px; margin-bottom: 10px; line-height: 40px; font-family: "myriad-pro-condensed", Helvetica, Arial;}
#content.galleries .gallery-info h2 a {}
#content.galleries .gallery-info .meta {margin-bottom: 10px; display: none}

#content.galleries .gallery-meta {padding: 20px; background: #fff; border-radius: 3px; margin: 0 10px;}


#content.galleries .gallery-info .gallery-count{
  		float:right;
  		margin-left:10px;
 		margin-top: 0px;
 		line-height: 40px;
 		margin-right: 10px;
 		border-radius: 3px;
 		background: #ddd;
 		padding: 0 10px;
	}

	#content.galleries .gallery-info .gallery-count span{
  		font-size:12px;
  		display: block;
	}

#content.galleries .gallery-info .gallery-count:hover{

	}

	#content.galleries .gallery-info .gallery-count:hover span{

	}


#content.galleries .gallery-images li h2 { font-size: 50px;  margin-bottom: 5px;}
#content.galleries .gallery-images li .meta { margin-left: 0 !important}

#content.galleries .gallery-image {text-align: center; position: relative; background: #fff; border-radius: 3px; margin: 10px; padding: 10px;}
#content.galleries .gallery-image img {max-width:100%; margin: 0 auto; z-index: 0; border-radius: 3px;}

.gallery-image .tabs {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1}
.gallery-image .tabs .prev-photo {position: absolute; left: 0; top: 0; bottom: 0; z-index: 9999; width: 300px;}
	.gallery-image .tabs .prev-photo:hover .fa {padding: 12px 30px;}
	.gallery-image .tabs .prev-photo.inactive:hover .fa {padding: 12px 10px;}
	.gallery-image .tabs .prev-photo .fa {border-radius: 0 3px 3px 0}

.gallery-image .tabs .next-photo {position: absolute; right: 0; top: 0; bottom: 0; z-index: 9999; width: 300px;}
	.gallery-image .tabs .next-photo:hover .fa {padding: 12px 30px;}
	.gallery-image .tabs .next-photo.inactive:hover .fa {padding: 12px 10px;}
	.gallery-image .tabs .next-photo .fa {border-radius: 3px 0 0 3px}

.gallery-image .tabs a .fa {font-size:30px; font-weight:100; margin:0; display:block; padding:12px 10px; background: #fff; position: absolute; top: 50%; margin-top: -30px; left: 0; color: #333;}
.gallery-image .tabs a.next-photo .fa {right: 0; left: auto}
.gallery-image .tabs a:hover {}
.gallery-image .tabs a.inactive .fa {color:#ddd; cursor:default;}

#content .preview-images {}
#content .preview-images li {border: 0; padding: 0; float: left; margin:0px 0px 0 0; position: relative; width: 20%; height: 150px;}
#content .preview-images li .item-inner {margin-right: 10px; overflow: hidden; border-radius: 3px; background: #222; border: solid 2px #fff;}
#content .preview-images li:last-child {margin-right: 0}
#content .preview-images li img {max-height: 150px; min-width: 100%; opacity: 0.7; background: #222}
#content .preview-images li:hover .item-inner {box-shadow: 0 0 0 2px #e6a800}
#content .preview-images li:hover img {opacity: 1;
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}

.gallery-scroller {background: #111; padding: 10px; margin: 20px 0; position: relative}

.gallery-scroller .next, .gallery-scroller .prev {display: block; width: 14px; height: 20px; cursor: pointer;}
.gallery-scroller .next {position: absolute; right: 10px; top: 50px; background: red ;}
.gallery-scroller .prev {position: absolute; left: 10px; top: 50px; z-index: 5; background: red;}

.gallery-items {width: 880px; overflow: hidden; height: 100px; position: relative; margin-left: 30px }
.gallery-items ul {width: 2000em; position: absolute;}
.gallery-items ul li {float: left; margin-right: 10px; padding: 0 !Important}
.gallery-items ul li img {height: 98px; cursor: pointer; border: solid 1px #111;}
.gallery-items ul li img:hover {border: solid 1px #999}
.gallery-items ul li img.active {border: solid 1px #F9C800;}

#the-image {text-align: center; background: #111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#image_wrap {}
#image_wrap img {margin: 0 auto; height: 500px; max-width: 960px;}

#the-gallery .meta {display: block;padding-bottom: 5px; margin-bottom: 10px;}

/* --------------------------------- */
/* SHOP */
/* --------------------------------- */

#shop-items {padding-left: 10px;}
#shop-items li {width: 25%; float: left}
#shop-items li .item-inner {background: #222; border-radius: 3px; margin: 0 10px 10px 0; padding: 0px 0px 0px 0px; overflow: hidden; border: solid 2px #fff;}
#shop-items li:hover .item-inner {box-shadow: 0 0 0 3px #e6a800}
#shop-items li .shop-image {max-height: 173px; overflow: hidden}
#shop-items li .item-inner img {max-height: 173px; width: 100%; opacity: 0.7}
#shop-items li:hover .item-inner img {opacity: 1; -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1);}
#shop-items li .item-inner h3 {padding: 10px 10px; text-align: center; font-family: "myriad-pro-condensed", helvetica, arial; font-size: 18px;color: #fff; font-weight: 500; line-height: 1.1; }
#shop-items li:hover .item-inner h3 {color: #e6a800;}
#shop-items li .item-inner .the-price {text-align: center; display: block; padding: 10px 5px; width: 100%; color: #333; font-size: 18px;font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500; background: #fff}

.title-subheading { float: left; clear: both; width: 660px; margin-bottom: 15px; border-bottom: 1px solid #eee}
.title-subheading h4 {
	float: left;
	width: 400px;
	line-height: 22px;

	font-weight: normal;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;}

.shop#content section {clear: left}

/*Product Details*/
#product-sum-wrap { padding: 20px; margin: 0 10px; background: #fff; border-radius: 3px; overflow: hidden}
#product-image { float: left; width: 50%}
#product-image img {width: 100%;}
#product-summary {
	float: right;
	width: 50%;
	padding-left: 20px;
	line-height: 22px;

	}

#product-summary p.green { color: #66993c;}
#product-summary .required { color: #ED1C24; margin-left: 5px;}
#product-summary .the-price {font-size: 30px; margin-top: 10px;font-weight: bold; letter-spacing: -1px;float:left;font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 400 }
#product-summary .in-stock {float: right;}


#product-summary .title-subheading { float: left; clear: both; width: 383px; margin-bottom: 15px;}
#product-summary .title-subheading h4 {
	float: left;
	width: 200px;
	line-height: 22px;
	}

#product-summary .title-subheading .right {
	float: right;
	text-align: right;
	width: 183px;
	line-height: 22px;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;}

#product-summary .offer-code-box h5 {text-transform: none; font-weight: normal;}

#product-summary .info { float: left; width: 100%; margin: 0 0 15px 0;}
#product-summary .row { float: left; width: 100%; margin: 0 0 10px 0;padding-bottom:10px;}
#product-summary .row .label { float: left; width: 110px; white-space: nowrap; overflow: hidden; line-height: 28px;}
#product-summary .row .select { float: left; text-transform: none;}
#product-summary .row .text {
	float: left;
	padding: 5px; }
	#product-summary .row .text.qty { width: 30px;}

#product-summary .controls {
	float: left;
	clear: both;
	width: 373px;
	padding: 5px;
	 position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}

	#product-summary .controls .ct-left { float: left; width: 50%;}
	#product-summary .controls .ct-right { float: left; width: 50%;}
	#product-summary .controls .ct-right .button  { float: right;}

.prod-description, .prod-specification { overflow: hidden; padding:20px; margin: 10px; background: #fff; border-radius: 3px;}
.prod-description h2, .prod-specification h2 {font-family: "myriad-pro-condensed", helvetica, arial; font-size: 30px; font-weight: 500; margin-bottom: 10px; letter-spacing: -1px;
}
.prod-description p, .prod-specification p { margin: 0 0 10px; padding: 0;}

#variations {margin: 0 0 0px;padding-bottom:10px; border-top: solid 2px #eee;}
#variations .variation-price {float:right; font-weight: 600;font-family: "myriad-pro-condensed", helvetica, arial; font-size: 18px; }
#region_select select {width: 100%;padding:5px;}
#region_select {padding-bottom:5px;}
.region li, .the-variations li {height:40px;line-height:40px;padding:0px; border-bottom: solid 2px #eee;}

#shopbag {color: #eee}
#shopbag .price {
	line-height:20px;
}

#shopbag .total {
	line-height:30px;
}

#shopbag h3 {
	line-height:30px;
	text-align: right;
	font-size: 15px;
	font-weight: 300;
}
#shopbag h3 span {font-weight: 500; font-size: 20px; color: #ccc}

#shopbag ul {padding-top: 0px; border-top: solid 1px #222}
#shopbag li {padding: 5px 10px; border-bottom: solid 1px #222}
#shopbag li:hover {background: #191919}

#shopbag .button-wrap {padding: 5px 10px; text-align: center}
#shopbag .button-wrap .button {line-height: 30px; height: 30px; display: inline-block; margin: 0 5px}

#shopbag li .quantity {float: left; width: 7.5%; margin-right: 10px; text-align: center}
#shopbag li a.cart_remove {
	float:right;
	margin:0 0 0 10px;
	text-align:center;
	line-height: 18px;

}

#shopbag li a.product_name {
	float:left;
	height:20px;
	line-height:20px;
	overflow:hidden;
	width:170px;
}

#shopbag p {
	margin:0;
	padding:10px;
	color: #999;
}

.sb-menu li {
	margin-bottom:0!important;
	padding-bottom:0!important;
}

.sb-menu li a {
	display:block;
	font-weight:700;
	line-height:30px;
	padding-left:10px;
	border-bottom: solid 1px #222;
}
.sb-menu li:last-child a {border-bottom: 0}

.sb-menu li a:hover {
	background:#222;
	color: #ccc
}

.sb-menu li.current a {
	color: #222;
	border-bottom: 0;
	background: #f9c700
}

#shipping_details div.row {padding: 10px; min-height: 35px; overflow: hidden}
#shipping_details div.row input[type="text"] {
    padding: 0 5px;
    height: 35px;
    width: 60%; background: #f5f5f5; border: solid 2px #ddd}

#shipping_details div.row input[type="text"]:focus {}
#shipping_details div.row label {float: left; width: 40%; line-height: 35px;}
#shipping_details div.row:nth-child(even) {}

section#the-cart, section#shipping_details, section#checkout-sign-in,  section#my_orders {margin: 10px; background: #fff; border-radius: 3px; float: none; width: auto; overflow: hidden}
section#the-cart h2, section#shipping_details h2, section#checkout-sign-in h3 {line-height: 40px; background: #161616; border-radius: 3px 3px 0 0; color: #fff; padding: 0 10px; font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500; font-size: 16px; margin-bottom: 0}
section#the-cart h3 {line-height: 1; font-family: "myriad-pro-condensed", helvetica, arial; font-weight: 500; font-size: 30px; padding: 0 10px; margin-bottom: 15px; float: left}
section#the-cart .button {margin-right: 10px; margin-bottom: 10px;}

section#checkout-sign-in .form-row {float: left; width: 43%; margin-top: 5px;}
section#checkout-sign-in .form-row label {float: left; width: 20%; line-height: 37px; margin: 0;}
section#checkout-sign-in .form-row input[type="text"], section#checkout-sign-in .form-row input[type="password"] {width: 80%}

section#checkout-sign-in  .button.right {margin: 10px 10px 10px 0; width: 11%; line-height: 37px; height: 37px;}

.the-orders {width: 100%}

.shop .info {margin: 10px; padding: 10px; background: #ffffea; border-radius: 3px;}

.proceed-buttons {padding: 10px; overflow: hidden; margin-bottom: 20px;}

section#shipping_details .row {border-bottom: solid 2px #eee; padding: 10px;}
section#shipping_details .row:last-child {border: 0;}

#payment_method h3 {padding: 0 10px; margin: 20px 0 0 0}

#cart input[type="text"] {
    width: 30px;
    padding: 0 5px;
    height: 25px;
    overflow: hidden;
    text-align: center
    }
#cart th { height: 25px; line-height: 20px; font-weight: bold; padding: 0 10px; text-align: left;}
#cart td {padding: 10px;}
#cart tr {border-bottom: solid 2px #eee;}
#cart tr:nth-child(odd) {}

#recaptcha_widget_div {
  width: 60%;
  float: right;
}

#my_orders th {padding: 10px 20px; text-align: left; height: 30px; line-height: 30px;  font-family: "myriad-pro-condensed", helvetica, arial; font-size: 18px; }
#my_orders tr {border-bottom: solid 2px #eee;}
#my_orders tr:last-child {border-bottom: 0}
#my_orders tr td {padding: 10px 20px; line-height: 30px; height: 30px;}
#my_orders tr td .meta {margin: 0}

/* --------------------------------- */
/* VIDEOS & STREAMS */
/* --------------------------------- */

.streams .section-list li, .videos .section-list li {float: left; width: 306px; margin: 0 !important; padding: 10px !important; background: #1a1a1a}
.streams .section-list li:nth-child(even), .videos .section-list li:nth-child(even) {background: #151515}
.streams .section-list li:nth-child(3n+1), .videos .section-list li:nth-child(3n+1) {clear: left;}
.streams .section-list li .list-item-inner, .videos .section-list li .list-item-inner {margin: 5px; padding-bottom: 10px;}
.streams .section-list li:hover .list-item-inner, .videos .section-list li:hover .list-item-inner {box-shadow: 0 0 0 4px #555; }

.streams .section-list li  .video-image i, .videos .section-list li .video-image i{
	display:none;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 9;
	font-size:20px;
	text-align: center;
	line-height: 207px;
	color:white;
	background:url("../images/makeup/40_mask.png");
}
.streams .section-list li:hover .video-image i, .videos .section-list li:hover .video-image i {display: inline;}
.streams .section-list li .video-image, .videos .section-list li .video-image {position: relative}
.streams .section-list li img, .videos .section-list li img {width: 276px; margin-bottom: 10px;}
.streams .section-list li .meta, .videos .section-list li .meta {margin-bottom: 7px; display: block; padding: 0 10px;}
.streams .section-list li h2, .videos .section-list li h2 {font-size: 18px;  margin-bottom: 5px; padding: 0 10px;}
.streams .section-list li h2 a, .videos .section-list li h2 a {font-weight: bold; color: #fff}
.streams .section-list li h2 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.streams .livestream_check_it_now, .videos .livestream_check_it_now {display: block; padding: 0 10px;}
.embed-video iframe {width: 920px; height: 560px;}

/* --------------------------------- */
/* FORMS */
/* --------------------------------- */


.main-form { overflow: hidden; margin: 0 10px;}
.main-form fieldset { padding-bottom: 10px; margin-bottom: 10px; background: #fff; border-radius: 3px;}
.main-form fieldset .fyi {margin-top: -10px; border-bottom: solid 2px #eee; background: none;}
.main-form legend { text-transform: uppercase; font-size: 20px; margin-bottom: 10px; background: #161616; color: #fff; display: block; width: 100%; line-height: 50px; border-radius: 3px 3px 0 0; padding: 0 10px;font-family: "myriad-pro-condensed", helvetica, arial; width: 500;}

.form-row {padding: 5px 10px; overflow: hidden; margin-bottom: 5px;}
.form-row .form-half {float: left; width: 50%;}
.form-row .form-half p {line-height: 40px;}
.form-row label {font-size: 13px;display: block; margin-bottom: 10px; font-weight: normal;  padding: 0; color: #666}
.form-row .short-label {float: left; margin-right: 10px; line-height: 23px;}
.form-row input[type="text"], .form-row input[type="password"], .form-row textarea {
	padding: 8px;
	font-size: 14px;
	width: 100%;
	background: #f5f5f5;
	color: #333;
	border:solid 2px #ddd;
	border-radius: 2px;
	}

    fieldset.hardware .form-half input[type=text] {
        margin-bottom: 5px;
    }
.form-row textarea {height: 300px; padding:8px}
.areuhuman{width: 100%;margin: 0 auto;}

.row_offers {border-bottom:1px solid #D5D5D5;padding-bottom:10px; display: none;}

.form-row .current-avatar {width: 100px; height: 100px; float: left;}

.button.update-profile {margin-bottom: 10px;}

.fyi {padding: 10px 10px; margin-bottom: 10px; font-size: 11px; background: #f5f5f5; border-radius: 3px; color: #777}
.fyi.dark {}

.error { margin-bottom: 10px; margin-top: 10px;}
.error p:first-child {margin-top: 10px !important}
.error p {padding: 0px 0px; margin: 0 !important; text-align: center; font-size: 11px; font-weight: normal; line-height: 1; color: #cc0000;}

.success {text-align: center; margin: 0 0 10px 0; padding: 10px; background: #e0ffcd; color: #244a0d; border-radius: 3px;}
.success-message {text-align: center; margin-bottom: 0}

.form-row .form-half input[type="text"], .form-row .form-half input[type="password"] {width: 410px;}

.form-row input[type="text"]:focus, .form-row input[type="password"]:focus {}


.form-row p {margin-bottom: 0;}

#recaptcha_table.recaptchatable {border: 0 !important}
#recaptcha_table #recaptcha_logo, #recaptcha_privacy {display: none;}
#recaptcha_table.recaptchatable .recaptcha_image_cell {background: none !important}
/* --------------------------------- */
/* AUTH */
/* --------------------------------- */

#sign-in {
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 20px 0 0 0;
	overflow: hidden;
	width: 520px;
	background: #fff;
	border-radius: 3px;
	}

#sign-in-form {padding: 0 20px 10px 20px; overflow: hidden}

#social-sign-in {margin-top: 0px; padding: 20px; float: right; background: #eee; border-radius: 3px; width:390px}

#sign-in h2 {padding: 0 20px;}
#sign-in p {margin: 0px 0px 0 0px}
#sign-in .form-row label { font-weight: normal; font-size: 15px; line-height: 1; margin-bottom: 5px; padding: 0;}
#sign-in .form-row label.not-text {line-height: 20px; float: left; width: 120px}
#sign-in .form-row input[type="text"], #sign-in .form-row input[type="password"] {width: 100%;}
#sign-in .form-row input[type="checkbox"] {margin-top: 5px; margin-left: 0}

#sign-in .form-row .captcha-image {float: left; margin-top: 10px; margin-right: 5px;}
#sign-in .form-row .captcha-field {width: 100px !important; margin-left: 5px;}

.forgot-pass {margin: 0 auto; text-align: left; margin: 20px; clear: both;}
.forgot-pass p {margin: 0}
.forgot-pass a {}
.forgot-pass a:hover {}


.tw_button {width: 150px; height: 23px; background: url(../images/buttons/twitter_signin.png) no-repeat; display: block; margin-right: 20px; margin-left: 0px; float: left}
	.tw_button:hover {background: url(../images/buttons/twitter_signin.png) no-repeat 0 -24px;}
	.tw_button:active {background: url(../images/buttons/twitter_signin.png) no-repeat 0 -48px;}
.fb_button {width: 150px; height: 23px; background: url(../images/buttons/facebook_signin.png) no-repeat; display: block; float: left;}
	.fb_button:hover {background: url(../images/buttons/facebook_signin.png) no-repeat 0 -24px;}
	.fb_button:active {background: url(../images/buttons/facebook_signin.png) no-repeat 0 -48px;}

.tw_button a, .fb_button a {display: block; height: 48px; text-indent: -9999px;}



.coupon_code {
  background: #fff;
  padding: 15px;
}
.coupon_code input[type=text] {
  height: 35px;
  width: 310px;
  padding: 0 5px;
}
.coupon_code .code_in_use {
  padding: 10px;
  background: #f9c700;
  border-radius: 4px;
  margin-bottom: 10px;
}
.striked_og_price {
  font-size: 14px !important;
}
section#checkout-sign-in #sociable-login .form-row {
  width: 50% !important;
}

.achievements li div {
  float: left
}

.achievements li.achievement-heading {
  font-weight: bold;
  font-size: 15px;
}

.achievements li div.achievement-pos {
  min-width: 70px;
  max-width: 70px;
  text-align: center;
  width: 10%;
}

.achievements li div.achievement-tour {
  width: 30%;
}

.achievements li div.achievement-game {
  width: 30%;
}

.achievements li div.achievement-amount {
  width: 10%;
}

.achievements li div.achievement-date {
  width: 10%;
  min-width: 120px;
  max-width: 120px;
}
.achievement-pos img {
    display: inline-block !important;
    vertical-align: middle;
}
.achievements li:after {content: ' ';display: table;}

.achievements li, .achievements li:after {
    clear: both;
}

.achievements li {
    line-height: 31px;
}

.members:after {
    clear: both;
    display: table;
    content: ' ';
}
#team-information #page-title {
    border-radius: 0;
}
#team-information .achievements {
    padding-bottom: 10px;
}
.achievement-pos-ellipse {color: #898989}
.achievement-pos-gold {color: #e2ac04}
.achievement-pos-silver {color: #9a9a9a}
.achievement-pos-bronze {color: #a7551c}