/*========================
RESET ====================
=========================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul li{list-style:none}
a{margin:0;padding:0;outline:0}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
/* box-model fix */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/* clearfix */
.clear{clear:both}
.clearfix:before,
.clearfix:after{
	content:" ";
	display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/*========================
CUSTOM GRID ==============
=========================*/
/* grid fixed */
.grid:before,.grid:after{
	content:" ";
	display:table;}
.grid:after{clear:both}
.grid{*zoom:1}
.grid [class^="col-"].col-center,
.grid [class*=" col-"].col-center{
	margin:0 auto !important;
	float:none}
.grid [class^="col-"],.grid [class*=" col-"]{
	float:left;
	min-height:1px;
	position:relative;
	margin-left:0;
	padding-left:15px;
	padding-right:15px;}
.grid>[class^="col-"]:first-child,
.grid>[class*=" col-"]:first-child{
	margin-left:0}
.grid>[class^="col-"]:last-child,
.grid>[class*=" col-"]:last-child{
	margin-right:0}
.grid .col-1{width:95px;}
.grid .col-2{width:190px;}
.grid .col-3{width:285px;}
.grid .col-4{width:380px;}
.grid .col-5{width:475px;}
.grid .col-6{width:570px;}
.grid .col-7{width:665px;}
.grid .col-8{width:760px;}
.grid .col-9{width:855px;}
.grid .col-10{width:950px;}
.grid .col-11{width:1045px;}
.grid .col-12{width:1140px;}
.grid .col-p0{
	padding-left:0;
	padding-right:0;}
.grid .col-m0{
	margin-left:0;
	margin-right:0;}
.grid .col-m1{margin-left:95px !important;}
.grid .col-m2{margin-left:190px !important;}
.grid .col-m3{margin-left:285px !important;}
.grid .col-m4{margin-left:380px !important;}
.grid .col-m5{margin-left:475px !important;}
.grid .col-m6{margin-left:570px !important;}
.grid .col-m7{margin-left:665px !important;}
.grid .col-m8{margin-left:760px !important;}
.grid .col-m9{margin-left:855px !important;}
.grid .col-m10{margin-left:950px !important;}
.grid .col-m11{margin-left:1045px !important;}
.grid .col-m12{margin-left:1140px !important;}

/* grid flex */
.grid-flex:before,
.grid-flex:after{
	content:" ";
	display:table}
.grid-flex:after{clear:both}
.grid-flex{*zoom:1}
.grid-flex [class^="col-"],
.grid-flex [class*=" col-"]{
	float:left;
	min-height:1px;
	position:relative;
	margin-left:0;
	padding-left:15px;
	padding-right:15px;}
.grid-flex>[class^="col-"]:first-child,
.grid-flex>[class*=" col-"]:first-child{
	padding-left:0}
.grid-flex>[class^="col-"]:last-child,
.grid-flex>[class*=" col-"]:last-child{
	padding-right:0}
.grid-flex .col-1{width:10%;}
.grid-flex .col-2{width:20%;}
.grid-flex .col-3{width:30%;}
.grid-flex .col-4{width:40%;}
.grid-flex .col-5{width:50%;}
.grid-flex .col-6{width:60%;}
.grid-flex .col-7{width:70%;}
.grid-flex .col-8{width:80%;}
.grid-flex .col-9{width:90%;}
.grid-flex .col-10{width:100%;}

/*========================
GENERAL ==================
=========================*/

/* fonts */
/* 
	OpenSans Regular 
	OpenSans Bold
	Georgia
*/

.wrapper-global {
	width: 980px;
	margin:0 auto;}

html {
	height: 100%;}

body {
	font:normal 14px/110% Georgia, serif;
	background: #d5eef3 url('../img/layout/pattern-03.jpg') repeat 0 0;
	color:#333;
	min-height: 100%;
	display: flex;
	flex-direction: column;}

.footer {
	margin-top: auto;}
a {
	text-decoration: none;
	color:#0071BB;}
a:hover {
	color:#168E28;}

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

.text-mid {font-size: 1.2em;}

.space-ver-small {
	margin: 10px 0;}
.space-ver-normal {
	margin: 20px 0;}
.space-ver-large {
	margin: 40px 0;}
.space-ver-mega {
	margin: 80px 0;}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;}
button.hide-text,
input[type="submit"].hide-text {
	font-size: 0px;}

h1, h2, h3, h4 {
	font-weight: normal;}
h1 {font-size:40px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:16px;}

.yellow {color:#FFDC00;}
.orange {color:#FF8E01;}

.title-old-main {
	font:normal 40px/110% 'TribuneRegular',Georgia,serif;
	color:#363636;}
.title-old-main.title-old-main-large {
	font-size: 70px;}
.title-old-sub {
	font:normal 34px/110% 'TribuneRegular',Georgia,serif;
	color:#6D9798;}

.title-flags {
	font-size:40px;
	color:#726257;}
.title-flags span {
	display: inline-block;
	position: relative;	}
.title-flags span:before,
.title-flags span:after {
	content:'';
	background: url('../img/layout/element-oldflag.png') no-repeat 0 0;
	display: block;
	width:165px;
	height:62px;
	position: absolute;
	top:-8px;}
.title-flags span:before {
	left:-200px;
	background-position:0 0;}
.title-flags span:after {
	right:-200px;
	background-position:0 -100px;}

.list-hor {}
.list-hor li {
	display: inline;
	margin-right: 10px;}

.text-formated {
	line-height: 140%;
	font-size: 15px;}
.text-formated.text-formated-small {
	font-size: 14px;
	line-height: 150%;}
.text-formated p {
	margin-bottom: 15px;}

.text-formated h2,
.text-formated h3 {
	font-weight: normal;
	color:#726257;}
.text-formated h2 {
	margin-bottom: 20px;}
.text-formated h3 {
	margin-bottom: 20px;}

/*========================
LAYOUT, HEADER, FOOTER ===
=========================*/
.header {
	font:normal 16px/120% 'OpenSansRegular',Helvetica,Arial,sans-serif;
	color:#fff;
	background: #055023 url('../img/layout/nav-bar-01.png') repeat-x 0 0;
	height: 66px;
	-webkit-box-shadow: 0 3px 7px 0 #000;
	box-shadow: 0 3px 7px 0 #000;
	position: relative;
	z-index: 10;}
.header .wrapper-global {
	position: relative;}
.header a {
	color:#fff;}

/* logo */
.logo {
	position: absolute;
	top:2px;
	left:0;
	z-index: 10;
	box-shadow: none;
	border-radius:50px;}
.logo img {
	display: block;}

/* Content */
.content {
	background: #ddf2dd url('../img/layout/bg-body.gif') repeat-x 0 0;
	flex: 1;
	min-height: 0;
	padding-top:40px;
	padding-bottom: 150px;}
.header + .content {
	padding-top: 130px;}

.content.content-dark {
	background: url('../img/layout/pattern-04.png') repeat 0 0;
	color:#fff;}
.content-dark .title-old-main {
	color:#fff;}
.content-dark a {
	color:#17C02C;}
.content-dark a:hover {
	color:#0071BB;}
.bg-town {
	background: url('../img/layout/bg-signUp-town.jpg') no-repeat center top;
	height: 173px;
	margin-top: -130px;
	margin-bottom: 40px;}

/* Footer */
.temp-footer {
	height:305px;
	background:url('../img/temp/temp-footer.jpg') no-repeat center 0;}
.footer {
	background:
		url('../img/layout/bg-footer.png') no-repeat center bottom,
		linear-gradient(to bottom, #1d8a33 0%, #055023 100%);
	height: 240px;
	margin-top:-65px;}
.footer .wrapper-global {
	position: relative;}
.footer a {
	color:#fff;}
.footer a:hover {
	color:#FCC118;}
.copyrights {
	color:#fff;
	margin-top: 30px;}
.copyrights p {}
.copyrights ul li {
	display: inline;
	padding:0 10px;
	border-left: solid 1px #fff;}
.copyrights ul li a {}
.copyrights ul li:first-child {
	border-left: none;
	padding-left: 0;}
.footer .footerEcanLink {
	display: block;
	width: 115px;
	height: 115px;
	position: absolute;
	right: 190px;
	bottom: 20px;
	cursor: pointer;}

/*========================
NAVIGATION =============== 
=========================*/
.navMain {
	float:right;
	padding-top:13px;
	margin-right: 82px;}
.navMain li {
	float: left;
	margin-right: 30px;}
.navMain .gems {
	display: block;
	margin-right: 15px;}
.navMain li > a {
	color:#fff;
	display: block;
	float: left;}
.navMain-link {
	font-size: 14px;}
.navMain-link span {
	display: block;
	font:normal 16px/120% 'OpenSansBold',Helvetica,Arial,sans-serif;
	font-size: 18px;}
.navMain .gem-normal {
	position: relative;}
.navMain .icon-tiny-photo,
.navMain .icon-tiny-zoom {
	 position: absolute;}
.navMain .icon-tiny-photo {
	top:16px;
	left:16px;}
.navMain .icon-tiny-zoom {
	top:15px;
	left:17px;}

.navUser {
	font:normal 15px/17px 'OpenSansBold',helvetica,arial,sans-serif;
	margin-top: 9px;}
.navUser > li {
	float: left;
	border-left:solid 1px #005E20;
	padding: 0 12px;}
.navUser > li:first-child {
	border-left: none;}
.navUser > li > a {
	padding:8px 0;
	display: inline-block;}

/* User Login */
.userLogin {
	background: url('../img/layout/sprites-login.png') repeat-x 0 0;
	position: relative;
	float: right;
	height: 58px;
	min-width:260px;
	margin-right: 13px;}
.userLogin:before,
.userLogin:after {
	background-image: url('../img/layout/sprites-login.png');
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:0;}
.userLogin:before {
	content:'';
	background-position:0 -60px;
	width:13px;
	height:58px;
	left: -13px;}
.userLogin:after {
	content:'';
	background-position:0 -120px;
	width:13px;
	height:58px;
	right: -13px;}
.userLogin-info {
	position: relative;
	padding:4px 0 0 47px;}
.userLogin-info .avatar-user {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: -5px;
	top:4px;}
.userLogin-info .avatar-user img {
	display: block;
	width: 100%;
	height: 100%;}
.userLogin-info .avatar-user .mask {
	display: block;
	width: 46px;
	height: 46px;
	background: url('../img/layout/img-frames.png') no-repeat -150px -70px;
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;}
.userLogin-info-nav {
	font-size: 13px;
	line-height: 20px;
	position: relative;
	height: 20px;
	overflow:hidden;}
.userLogin-info-plan {
	font-size: 13px;
	line-height: 25px;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 20px;
	padding-right:25px;
	color:#FFF200 !important;
	text-align:right;
    background: url('../img/ccimg.png') no-repeat right 4px;}
.userLogin-info-plan span {
	background: url("../img/layout/sprites-login.png") repeat 0 0;
    padding: 0 10px;
    position: absolute;
    right: -69px;
    top: 0;
    z-index: 1000;
	display: none;}
.userLogin-info-plan:hover span {
	display: inline;}
.userLogin-info-nav ul {
	border:solid 1px #002216;}
.userLogin-info-nav:hover {
	overflow: visible;}
.userLogin-info-nav:hover ul {
	background-color: #002216;
	border:solid 1px #197B30;}
.userLogin-info-nav ul {
	position: absolute;
	width: 100%;
	z-index: 10;
	display: block;}
.userLogin-info-nav li {
	display: block;
	width: 100%;}
.userLogin-info-nav li a {
	display: block;
	padding: 2px 10px;}
.userLogin-info-nav li:hover a {
	background-color:#000;
	color:#FFF200;}
.userLogin-info-nav .user span {
	position: relative;}
.userLogin-info-nav .user span:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	right:-15px;
	top:8px;}

.userLogin-info-stats {
	font-size: 16px;
	line-height: 18px;
	margin-top: 8px;
	padding-left: 10px;}
.userLogin-info-stats .item {
	display: inline-block;
	margin-right: 10px;}
.userLogin-info-stats .symbol-emral-tiny {
	display: inline-block;
	margin-right: 2px;
	position: relative;
	top:1px;}
.userLogin-info-stats .sum {
	font-family: 'OpenSansBold',helvetica,arial,sans-serif;}
.userLogin-info-stats small {
	font-size: 0.8em;
	line-height: 18px;}
.userLogin-info-sumEmral {
	position: relative;}
.userLogin-info-sumEmral .btn-red {
	position:absolute;
	top:21px;
	left:-30px;
	display: none;}
.userLogin-info-sumEmral .btn-red:before {
	content:'Get Emrals';}
.userLogin-info-sumEmral:hover .btn-red {
	display: block;}

.userLogin-flag {
	position: absolute;
    right: 10px;
    top: 20px;}
.userLogin-flag .flag-usa {
	background: url('../img/layout/sprites-icons.png') no-repeat -60px -300px;
	display: block;
	height: 16px;
    width: 22px;}

/* navFooter */
.navFooter {
	padding-top: 95px;
	width: 350px;}
.navFooter li {
	display: inline-block;
	margin: 0 10px 10px 0;}
.navFooter li:first-child {
	margin-left: 0;}

/* footer social links */
.footer-socialLinks {
	position: absolute;
	right: 0;
	top:95px;}
.footer-socialLinks li {
	position: relative;
	float: left;
	margin-right: 10px;}
.footer-socialLinks li a {
	background-image: url('../img/layout/sprites-icons.png');
	background-repeat: no-repeat;
	display: block;
	width:30px;
	height:30px;
	cursor: pointer;}
.footer-socialLinks .fb {background-position:-110px -300px;}
.footer-socialLinks .tw {background-position:-145px -300px;}
.footer-socialLinks .email {
	background-position:-180px -300px;
	position: relative;}
.footer-socialLinks .email:before {
	content: "@";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	font: bold 17px/28px Georgia, serif;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.35);}
.footer-socialLinks .email:after {
	content: none;}

/* navFooterSide */
.navFooterSide {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	background-color:#057036;}

.navFooterSide li {
	display: inline;
	margin-left: 10px;}

/* panels */
.panel-heading {
	position: relative;}

/*========================
FORMS ====================
=========================*/
/* Form General */
.form-layout input[type="text"],
.form-layout input[type="password"],
.form-layout input[type="email"],
.form-layout input[type="number"],
.form-layout textarea {
	background-color: #fff;
	border:none;
	border-radius: 5px;
	padding: 7px 10px;
	font:normal 15px/110% Georgia,serif;
	color:#333;
	width: 100%;
	border:solid 2px #fff;
	background: #d3d3d3; /* Old browsers */
background: -moz-linear-gradient(top,  #d3d3d3 0%, #ffffff 39%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(39%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3d3d3 0%,#ffffff 39%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3d3d3 0%,#ffffff 39%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3d3d3 0%,#ffffff 39%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d3d3d3 0%,#ffffff 39%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.form-layout input[type="text"]:focus,
.form-layout input[type="password"]:focus,
.form-layout input[type="email"]:focus {
	background: none;
	background-color:#fff;
	border-bottom: solid 2px #0071BB;}
.form-layout.form-layout-light textarea {
	background: #fff;
	border:solid 1px #C1B995;}
.form-layout.form-layout-light textarea:focus {
	border-color: #666;}

/* Forms layout 01 */
.form-layout-01 {}
.form-layout-01 .form-item {
	margin-bottom: 18px;}
.form-layout-01 {}
.form-item.hor-2 .node {
	width: 48%;
	float: left;}
.form-item.hor-2 .node + .node {
	margin-left: 4%;}

/* Forms Layout 02 */
.form-layout-02 .form-item {
	margin-bottom: 15px;}
.form-layout-02 input[type="text"],
.form-layout-02 input[type="number"],
.form-layout-02 textarea {
	border:solid 1px #ddd;
	background-color: #fff;
	border-radius: 5px;
	padding: 4px 4px;
	font:normal 15px/110% Georgia,serif;
	color:#333;
	width: 100%;}
.form-layout-02 .form-item-horizontal .label,
.form-layout-02 .form-item-horizontal .value {
	float: left;}
.form-layout-02 .form-item-horizontal .label {
	width: 30%;
	display: block;
	padding: 4px 10px 0 0;}
.form-layout-02 .form-item-horizontal .value {
	width: 70%;}

/* Forms Layout Normal */
.form-layout.form-layout-normal input[type="text"],
.form-layout.form-layout-normal input[type="password"],
.form-layout.form-layout-normal input[type="email"],
.form-layout.form-layout-normal select {
	background: none;
	background-color:#fff;
	border:solid 1px #B9AB94;}

.form-layout.form-layout-normal input[type="text"]:focus,
.form-layout.form-layout-normal input[type="password"]:focus,
.form-layout.form-layout-normal input[type="email"]:focus,
.form-layout.form-layout-normal select:focus {
	background: none;
	background-color:#fff;
	border: solid 1px #887759;}
.form-layout.form-layout-normal textarea {
	background: #fff;
	border:solid 1px #C1B995;}
.form-layout.form-layout-normal textarea:focus {
	border-color: #666;}

.form-layout.form-layout-normal select {
	border-radius: 5px;
	padding: 7px 10px;
	font:normal 15px/110% Georgia,serif;
	color:#333;
	width: 100%;}
.form-layout.form-layout-normal .form-item {
	margin-bottom: 15px;}
.form-layout.form-layout-normal .form-item .lbl {
	display: block;
	margin-bottom: 5px;}

/* Buttons */
.btn-nice,
.btn-nice-large {
	display: inline-block;
	text-align: center;
	border:none;
	text-shadow:0 2px 0 #000;
	color:#fff;
	cursor: pointer;}

.btn-nice {
	background:url('../img/gems/gem-buttons.png') no-repeat 0 0;
	font:normal 15px/17px 'OpenSansBold',helvetica,arial,sans-serif;
	padding:8px 0;}

.btn-nice-large {
	background:url('../img/gems/gem-buttons-large.png') no-repeat 0 0;
	font:normal 17px/28px 'OpenSansBold',helvetica,arial,sans-serif;
	padding:8px 0;
	width: 150px;
	height: 48px;}

.btn-nice:hover,
.btn-nice:focus,
.btn-nice-large:hover,
.btn-nice-large:focus {
	color:#fff;}

.btn-nice.btn-normal {
	height: 38px;
	width: 200px;}
.btn-nice.btn-small {
	height: 38px;
	width: 105px;}
.btn-nice.btn-tiny {
	height: 38px;
	width: 81px;
	padding:5px 0;}

.btn-nice.btn-normal.btn-green {background-position:0 0;}
.btn-nice.btn-normal.btn-green:hover {background-position:-240px 0;}

.btn-nice.btn-normal.btn-blue {background-position:-240px 0;}
.btn-nice.btn-normal.btn-blue:hover {background-position:0 0;}

.btn-nice.btn-small.btn-red {background-position:0 -150px;}

.btn-nice.btn-tiny.btn-red {background-position:0 -250px; padding-bottom:10px;}
.btn-nice.btn-tiny.btn-red:hover {background-position:-129px -200px;}


.btn-nice-large.btn-green {background-position:0 0;}
.btn-nice-large.btn-green:hover {background-position:-180px 0;}

.btn-nice-large.btn-red {background-position:0 -70px;}
.btn-nice-large.btn-red:hover {background-position:-180px -70px;}

.btn-nice-large.btn-blue {background-position:0 -140px;}
.btn-nice-large.btn-blue:hover {background-position:-180px -140px;}

.btn-nice-large.btn-yellow {background-position:0 -210px;}
.btn-nice-large.btn-yellow:hover {background-position:0 -210px;}

.btn-nice-large.btn-violet {background-position:0 -280px;}
.btn-nice-large.btn-violet:hover {background-position:-180px -280px;}

.btn-mega-signUp {
	background:url('../img/gems/btn-mega-sign-up.png') no-repeat 0 0;
	display: inline-block;
	width:355px;
	height:94px;
	border:none;
	padding: 0;
	cursor: pointer;}
input.btn-mega-signUp,
button.btn-mega-signUp {
	font-size: 0px;}
.btn-mega-signUp:hover,
.btn-mega-signUp:focus {
	background-position: 0 -120px;}

/* btn-gradient */
.btn-gradient {
	color:#fff;
	text-align: center;
	display: inline-block;
	border:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	padding:10px 10px;
	text-align: center;
	cursor: pointer;}
.btn-gradient.btn-gradient-blue {
	border:solid 1px #0E6CA5;
	background: #a9dbf5; /* Old browsers */
	background: -moz-linear-gradient(top,  #a9dbf5 0%, #3caeea 6%, #0e6ca5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9dbf5), color-stop(6%,#3caeea), color-stop(100%,#0e6ca5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a9dbf5 0%,#3caeea 6%,#0e6ca5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a9dbf5 0%,#3caeea 6%,#0e6ca5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a9dbf5 0%,#3caeea 6%,#0e6ca5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a9dbf5 0%,#3caeea 6%,#0e6ca5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9dbf5', endColorstr='#0e6ca5',GradientType=0 ); /* IE6-9 */}

/* select */
.select-gem {
	position: relative;
	width:auto;
	float: left;}
.select-gem select {
	-webkit-margin-before:2px;
	line-height:100%;
	vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none;
    background:none;
	border:none;
	width: 100%;
	padding:4px 40px 4px 5px;
	position: relative;
	z-index: 10;
	color:#0071BB;
	font:normal 23px/25px 'OpenSansRegular',Helvetica,arial,sans-serif;}
.select-gem select option {
	color:#333;}
.select-gem:after {
	content: '';
 	background:url('../img/gems/gems.png') no-repeat 0 -200px;
 	display: block;
 	width:33px;
 	height:29px;
 	position: absolute;
 	right: 0px;
 	top:5px;}
 .select-gem:hover:after {
 	background-position:-50px -200px;}
 .select-gem.icon-pin:before {
 	top:11px;
 	left:0px; }

/* errorlist */
.errorlist {
	margin-bottom: 20px;
	font-size: 16px;}
.errorlist > li {
	margin-bottom: 10px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;}
.errorlist .errorlist {
	display: block;
	padding: 5px 0;
	margin:5px 0;}
.errorlist .errorlist,
.errorlist .errorlist li {
	display: block;
	font-size: 12px;
	color:#f00;
	text-transform: none;
	font-weight: normal;}
.errorlist .errorlist {
	margin-left: 5px;}
.errorlist {
	padding: 20px;}

/* Image Upload Custom Button */
.imageUpload-customBtn {
	display: block;
	width: 217px;
	height: 217px;
	padding-top: 140px;
	text-align: center;
	background: url('../img/layout/frame-photo-upload.png') no-repeat 0 0;
	position: relative;}
.imageUpload-customBtn .btn-nice-large {
	width: 150px;
	height: 48px;
	overflow: hidden;
	position: relative;}
.imageUpload-customBtn .btn-nice-large input[type="file"] {
	display: block;
	width: 150px;
	height: 48px;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	top:0;
	left: 0;}

/* =======================
SECTIONS =================
=========================*/
/* section-hero */
.section-hero {
	position: relative;
	height:563px;}
.section-hero .item {
	background: url('../img/hero/hero-02.jpg') no-repeat center top;
	height:563px;
	position: relative;}
.section-hero .hero-message {
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 150px;}
.section-hero .hero-message h1 {
	background:url('../img/headings/heading-intro.png') no-repeat center top;
	width: 800px;
	margin: 0 auto 25px;
	padding: 217px 100px 0;
	text-shadow: 1px 2px 1px #000000;
	font:normal 19px/150% 'OpenSansBold',Helvetica,Arial,sans-serif;
	color:#fff;}
.wrapper-heroEcanLink {
	position: relative;
	width:980px;
	margin:0 auto;
	z-index: 100;}
.wrapper-heroEcanLink .heroEcanLink {
	display: block;
	width:77px ;
	height:77px;
	position: absolute;
	top:470px;
	right: 70px;
	cursor: pointer;}

/* dirt view */
.dirtView .item-photo .flag-alert {
	position: absolute;
	z-index: 10;
	top:-2px;
	left:4px;}
.dirtView .item-footer-avatars .avatar-mask {
	display: inline-block;
	margin-left: 1px;
	position: relative;}
.dirtView .item-footer-avatars-label {
	display: block;
	text-align: right;
	font-size: 13px;
	color:#999;
	margin: 2px 3px 0 0;
	position: absolute;
	right:0;
	bottom:8px;}

/* dirt list */
.dirtList .item {
	position:relative;
	padding:25px 0 25px 155px;
	min-height: 200px;
	border-bottom: solid 1px #ddd;
	border-top:solid 1px #fff;}
.dirtList .item:first-child {
	border-top:none;}
.dirtList .item:last-child {
	border-bottom: none;}
.dirtList .item-photo {
	position:absolute;
	left:0;
	top:25px;}
.dirtList .item-head-main {
	float: left;
	width: 65%;}
.dirtList .item-head-main h2 {
	font-size: 16px;
	padding-left: 28px;
	position: relative;}
.dirtList .item-head-main h2 a {
	color:#6C9798;
	font-size:18px;
	line-height: 120%;
	font-weight: normal;}
.dirtList .item-head-main h2 a::first-letter {
	text-transform: uppercase;}
.dirtList .item-head-main h2 span.icon-star {
	position: absolute;
	left:0;
	top:9px;}
.dirtList .item-head-address {
	font-size: 16px;
	margin-bottom: 10px;
	padding-top: 10px;
	display: inline-block;
	color:#000;}
.dirtList .item-head-address:hover {
	color:#168E28;}
.dirtList .item-head-main .icon-star {
	padding-left: 26px;
	position: relative;
	top:4px;}
.dirtList .item-head-main .icon-star {
	cursor: pointer;}
.dirtList .item-description {
	margin: 10px 0 15px 0;
	line-height: 150%;}
.dirtList .item-head-side {
	float: right;
	position: relative;}
.dirtList .item-head-side {
	float: right;
	text-align: right;}
.dirtList .item-head-side .holder {
	display: table;}
.dirtList .item-head-side .holder > ul {
	display: table-row;}
.dirtList .item-head-side .holder > ul > li {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;}
.dirtList .item-head-side .sum-emrals {
	line-height: 20px;}

.dirtList .item-footer-main {
	float: left;}
.item-footer-main .list-hor {
	margin-top: 10px;}
.dirtList .item-footer-side {
	float: right;}
.dirtList .item-footer-avatars-count {
	display:  none;}

/* dirt Grid */
.dirtGrid:before,
.dirtGrid:after{
	content:" ";
	display:table}
.dirtGrid:after{clear:both}
.dirtGrid {
	*zoom:1;}
.dirtGrid .item-head-main,
.dirtGrid .item-description,
.dirtGrid .item-footer-main,
.dirtGrid .item-footer-avatars-label {
	display: none;}
.dirtGrid .item {
	width: 175px;
	float:left;
	margin:12px 0;
	padding: 20px;
	background: url('../img/layout/panel-02.png') no-repeat 0 0;}
.dirtGrid .item:nth-child(3n+2) {
	margin-left:25px;
	margin-right: 25px;}
.dirtGrid .item-photo {
	position: relative;}
.dirtGrid .item-head {
	margin-top: 40px;
	position: relative;}
.dirtGrid .item-head-side .holder:before,
.dirtGrid .item-head-side .holder:after{
	content:" ";
	display:table}
.dirtGrid .item-head-side .holder:after{clear:both}
.dirtGrid .item-head-side .holder {
	*zoom:1;
	float:left;}
.dirtGrid .item-head-side .holder ul li {
	float: left;
	margin-right: 6px;}
.dirtGrid .item-footer {
	position: relative;}
.dirtGrid .item-footer-side {
	position:relative;}
.dirtGrid .item-footer-avatars {
	position: absolute;
	top:-60px;}
.dirtGrid .avatar-mask-tiny,
.dirtGrid .avatar-mask-tiny .mask,
.dirtGrid .avatar-mask-tiny img {
	width: 24px;
	height: 24px;}
.dirtGrid .avatar-mask-tiny {
	padding: 0;}
.dirtGrid .item-footer-avatars .avatar-mask {
	display: none;}
.dirtGrid .item-footer-avatars .avatar-mask:nth-child(1),
.dirtGrid .item-footer-avatars .avatar-mask:nth-child(2),
.dirtGrid .item-footer-avatars .avatar-mask:nth-child(3) {
	display: inline-block;}
.dirtGrid .avatar-mask .mask {
	background:url('../img/layout/img-frames.png') no-repeat -50px -160px;}
.dirtGrid .symbol-emral {
	position: relative;
	top:6px;}
.dirtGrid .item-head-side .holder .gem-tiny {
	position: absolute;
	bottom: 0;
	right: 0;}
.dirtGrid .item-footer-avatars-count {
	display: inline-block;
    font:normal 13px/16px 'OpenSansRegular',Helvetica,Arial,sans-serif;
   	position: relative;
   	top:-7px;
   	margin-left: 4px;}

/* leader list */
.leaderList {
	margin: 30px 0;}
.leaderList .item {
	position: relative;
	padding-left: 68px;
	padding-top: 6px;
	min-height: 58px;
	margin-bottom: 14px;}
.leaderList .item .avatar-mask {
	position:absolute;
	left: 0;
	top:0;}
.leaderList .item h3 {
	font-size: 20px;
	margin-bottom: 5px;}
.leaderList .item h3 a {
	color:#6C9798;
	font-weight: normal;}
.leaderList .item .xp {
	color:#FF7401;
	text-shadow: 0px 1px 0px #CACACA;
	font:normal 18px/21px 'OpenSansBold',helvetica,arial,sans-serif;}

.leaderList .item.item-currentUser {
	margin-left: -20px;
	margin-right: -25px;
	padding:0;}
.leaderList .item-currentUser {	
	position: relative;}
.leaderList .item-currentUser-top {
	background: url('../img/layout/panel-08.png') no-repeat left top;
	position: relative;
	padding:20px 20px 0px 88px;}
.leaderList .item.item-currentUser .avatar-mask {
	left:20px;
	top:15px;}
.leaderList .item.item-currentUser .txt {
	font-size: 12px;
	margin-top: 10px;}
.leaderList .item-currentUser-bottom {
	background: url('../img/layout/panel-08.png') no-repeat left bottom;
	position: relative;
	padding:10px 20px 20px 20px;}
.leaderList .item-currentUser .alerts td {
	padding:0px 10px;
	vertical-align: middle;}
.leaderList .item-currentUser .symbol-arrow {
	display: block;
	width:38px;
	height:52px;
	background: url('../img/layout/sprites-icons.png') no-repeat 0 -300px;
	position: absolute;
	right: 0;
	top:-20px;}


/* Grid Alret Types */
.gridAlertTypes {
	margin: 40px 0;}
.gridAlertTypes .item {
	width: 42%;
	margin:2% 3%;
	float: left;
	position: relative;
	padding-left: 120px;
	min-height: 110px;}
.gridAlertTypes .item:nth-child(2n+3) {
	clear: left;}
.gridAlertTypes .img-holder {
	position: absolute;
	left: 0;
	top:0;}
.gridAlertTypes .img-holder {
	display: block;
	width:112px;}
.gridAlertTypes .img-holder span {
	display: block;
	margin-top:8px;
	font:normal 14px/16px 'OpenSansBold',helvetica,arial,sans-serif;
	color:#333;
	text-align: center;}
.gridAlertTypes .img-holder:hover span{
	color:#649192;}
.gridAlertTypes .text {
	padding-top:10px;}
.gridAlertTypes .text p {
	margin-bottom:10px;}

/* section-signUp */
.section-signUp p {
	font-size: 18px;
	line-height: 150%;}
/* section-signUp */
.section-signUp .small {
	font-size: 17px;
	line-height: 150%;}
.section-signUp li {
	display: inline-block;
	margin-left: 10px;}
.section-signUp .btn-item {
	position: relative;
	left: -200px;}
.section-signUp .divider {
	position: relative;}
.section-signUp .divider:before {
	content:'';
	width:2px;
	height: 265px;
	border-left: solid 1px #000;
	border-right: solid 1px #3E3E3E;
	position: absolute;
	left:-45px;
	top:0;}

/* section-emralsAdd */
.section-emralsAdd-heading {
	margin:20px 0 30px;}
.section-emralsAdd-heading h1 {
	margin-bottom: 20px;}
.section-ermalsAdd-items .item {
	width: 150px;
	height: 270px;
	background: url('../img/layout/panel-01.png') no-repeat 0 0;
	float: left;
	text-align: center;}
.section-ermalsAdd-items .item .sum {
	text-align: center;
	padding: 14px 0;}
.section-ermalsAdd-items .item h2, 
.section-ermalsAdd-items .item .symbol-emral-tiny {
	display: inline-block;}
.section-ermalsAdd-items .item h2 {
	color:#F3C026;
	position: relative;
	margin-left: 3px;
	font:normal 20px/22px 'OpenSansBold',Helvetica,Arial,sans-serif;}
.section-ermalsAdd-items .item .text {
	height: 190px;
	width: 130px;
	margin: 0 auto;
	padding-top:140px;
	line-height: 150%;
	background: url('../img/emrals/emrals-group.png') no-repeat 0 top;}
.section-ermalsAdd-items .item.item-01 .text {background-position:0 0;}
.section-ermalsAdd-items .item.item-02 .text {background-position:-140px 0;}
.section-ermalsAdd-items .item.item-03 .text {background-position:-280px 0;}
.section-ermalsAdd-items .item.item-04 .text {background-position:-420px 0;}
.section-ermalsAdd-items .item.item-05 .text {background-position:-560px 0;}
.section-ermalsAdd-items .item.item-06 .text {background-position:-710px 0;}

.section-ermalsAdd-items .item .seed {
	height: 173px;
	width: 101px;
	margin: 20px auto auto auto ;
	padding-top:112px;
	line-height: 150%;
	background: url('../img/plans/seed.png') no-repeat 0 top;}
.section-ermalsAdd-items .item.item-02 .seed {
	background: url('../img/plans/sprout.png') no-repeat 0 top;}
.section-ermalsAdd-items .item.item-03 .seed {
	background: url('../img/plans/bud.png') no-repeat 0 top;}
.section-ermalsAdd-items .item.item-04 .seed {
	background: url('../img/plans/bloom.png') no-repeat 0 top;}
.section-emralsAdd-buttons {
	margin:50px 0 0;
	text-align: center;}
.section-emralsAdd-buttons .btn-gradient {
	margin-right: 15px;}
.section-emralsAdd-buttons .btn-holder {
	display: inline-block;
	position: relative;
	width: 250px;}
.section-emralsAdd-buttons .btn-holder span {
	position: absolute;
	width: 100%;
	bottom:-25px;
	left: 0;
	display: block;
	text-align: center;
	line-height: 140%;
	font-size: 13px;}

/* Section About */
.section-about .section-team {
	padding-left: 50px;}
.section-team .item {
	width: 150px;
	margin-left: 20px;
	position: relative;
	float: left;
	margin-bottom: 30px;
	background: url('../img/about/panel-people-top.png') no-repeat center top;}
.section-team .item .text {
	background: url('../img/about/panel-people-middle.png') repeat-y 0 0;
	padding: 10px 10px;
	font-size: 12px;
	line-height: 140%;
	min-height: 150px;}
.section-team .item .text h4 {
	margin-bottom: 10px;
	line-height: 120%;}
.section-team .item .text p {
	margin-bottom: 0;}
.section-team .item:after {
	content:'';
	background: url('../img/about/panel-people-bottom.png') no-repeat center top;
	display:block;
	width:150px;
	height:10px;
	position:absolute;
	bottom:-10px;
	left: 0;}
.section-team .item .img-holder {
	height: 121px;
	width: 150px;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;}
.section-team .item .img-holder img {
	display: block;
	margin:0 auto 1px;}
.section-team .section-team-group {
	margin-bottom: 40px;}

.section-team .item:first-child,
.section-team .item:nth-child(3n+4) {
	clear: left;
	margin-left: 0;}

.section-team-advisors .item:first-child,
.section-team-advisors .item:nth-child(3n+4) {
	clear: left;
	margin-left: 0;}

/* Section Partners */
.section-partners {
	margin-top: 80px;}
.section-partners .logo-partners {
	text-align: center;}
.section-partners .logo-partners .item {
	display: inline-block;
	width: 190px;
	height: 190px;
	text-align: center;}
.section-partners .logo-partners .item a {
	display: table-cell;
	width: 190px;
	height: 190px;
	vertical-align: middle;
	text-align: center;}
.section-partners .logo-partners .item a img {
	display: block;
	margin: 0 auto;
	max-width: 170px;
	max-height: 170px;}

/* section-addEmrals */
.content-addEmrals .wrapper-global {
	width: 700px;}

.section-addEmrals-body {
	width:600px;
	margin-left: auto;
	margin-right: auto;}
.section-addEmrals-body .frame {
	background:url('../img/layout/panel-03.png') no-repeat 0 0;
	width:247px;
	height:247px;
	padding-top: 15px;
	float:left;}
.section-addEmrals-body .frame .img-frame-mask {
	margin: 0 auto;}

.section-addEmrals-body  .amount {
	width:250px;
	float: right;
	position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;}
.section-addEmrals-body .amount-middle {
	display: table-cell;
	width:250px;
	height:247px;
	vertical-align: middle;}
.section-addEmrals-body .gem-arrow {
	position: absolute;
	right: 0;}
.section-addEmrals-body .gem-arrow-up {
	top:60px;}
.section-addEmrals-body .gem-arrow-down {
	bottom:60px;}
.section-addEmrals-body #id_amount {
	border:none;
	background: none;
	color: #b09b3d;
    font: 48px/80px 'OpenSansBold',arial,helvetica,sans-serif;
    text-shadow: 0 20px 5px #d3cfc4;
    width: 170px;
	-moz-appearance:textfield;}
.section-addEmrals-body #id_amount::-webkit-inner-spin-button, 
.section-addEmrals-body #id_amount::-webkit-outer-spin-button { 
	-webkit-appearance: none;}
.section-addEmrals-body #id_amount:focus {
	border-bottom:solid 2px #d3cfc4;}
.section-addEmrals-body .emralSign {
	position: relative;}
.section-addEmrals-body .emralSign:before {
	content:'';
	background:url('../img/layout/sprites-icons.png') no-repeat -120px -120px;
	display: block;
	width:45px;
	height:45px;
	position: absolute;
	top:-13px;
	left:-55px;}
.section-addEmrals-comments {
	margin-bottom: 20px;}
.section-addEmrals-comments textarea {
	height:100px;}
.section-addEmrals-comments .lbl {
	display: block;
	margin-bottom: 10px;}

.section-addEmrals-creator {
	padding:0 0 15px 30px;}
.section-addEmrals-creator p {
	margin-bottom: 6px;
	color:#726257;}

/* range slider */
.section-rangeSlider {
	margin: 20px 0;
	background:url('../img/layout/panel-04.png') no-repeat 0 0;
	height: 230px;
	padding: 20px;}
#sliderRange.touch a {
    margin-right: 11px;
    -webkit-transition: margin-left .5s, margin-right .5s;}
#sliderRange.touch a + a {
    margin-left:11px;
    margin-right: 0px;}
.section-rangeSlider-values {
	margin-bottom: 25px;}
.section-rangeSlider-values .item {
	 float: left;
	 width: 33%;
	 text-align: center;}
.section-rangeSlider-values .item {}
.section-rangeSlider-values .lbl {
	font:normal 16px/18px 'OpenSansRegular',arial,helvetica;
	margin-bottom: 2px;}
.section-rangeSlider-values .value input {
	text-align: center;
	width: 100%;
	font:normal 30px/32px 'OpenSansBold',arial,helvetica;
	border:none;
	background: none;
	padding: 0;
	-moz-appearance:textfield;}
.section-rangeSlider-values .value input::-webkit-inner-spin-button, 
.section-rangeSlider-values .value input::-webkit-outer-spin-button { 
	-webkit-appearance: none;}
.section-rangeSlider-values .item-city,
.section-rangeSlider-values .item-city input {
	color:#F7931E;}
.section-rangeSlider-values .item-players,
.section-rangeSlider-values .item-players input  {
	color:#29ABE2;}
.section-rangeSlider-values .item-emrals,
.section-rangeSlider-values .item-emrals input  {
	color:#1F9356;}
.section-rangeSlider h1,
.section-rangeSlider .sliderTip {
	color:#B9AB94;}
.section-rangeSlider h1 {
	margin-bottom: 20px;
	font-size: 30px;}
.section-rangeSlider .sliderTip {
	margin-top: 20px;}

/* section postAlert */
.content-postAlert .wrapper-global {
	width: 800px;
	margin: 0 auto;}
.section-postAlert .imageUpload-customBtn {
	margin: 0 auto 30px;}
.section-postAlert .form-layout {
	width: 400px;
	margin: 0 auto;}
.section-postAlert .button-wrapper {
	margin: 40px 0;}

/* section UserProfile */
.content-userProfile {}
.content-userProfile .wrapper-global {
	width: 460px;
	margin: 0 auto;}

.section-userProfile {
	padding-bottom: 50px;}
.section-userProfile-avatar {
	margin: 20px 0;}
.section-userProfile .xp {
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 15px;}
.section-userProfile .basicInfo {
	margin-bottom: 30px;}
.section-userProfile .basicInfo .log p {
	margin-bottom: 15px;}
.section-userProfile .changeAvatar-upload {
	position: relative;
	display: inline-block;
	margin-right: 20px;}
.section-userProfile .changeAvatar-upload input[type="file"] {
	display: block;
	width:150px;
	height:48px;
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	cursor: pointer;}
.section-userProfile .changeAvatar-errors {
	margin-top: 15px;}

/* section-profilePage */
.section-profilePage .title-old-sub {
	color:#333;
	font-size: 28px;
	line-height: 110%;
	margin-bottom: 10px;}
.section-profilePage-side {
	float: left;
	width: 220px;
	padding-top: 20px;}
.section-profilePage-main {
	background: url("../img/layout/panel-07.png") no-repeat 0 0;
	width: 740px;
	height: 469px;
	float: right;}
.section-profilePage .achievements {
	display: block;
	width:256px;
	height:325px;
	float: left;
	padding: 20px 25px;}
.section-profilePage .achievements .ach-list-items {
	max-height: 212px;}
.section-profilePage .log {
	display: block;
	width:460px;
	height:470px;
	float: right;
	padding: 20px 25px;}
.section-profilePage .activity-log {
	max-height: 380px;
	padding-right: 10px;
	overflow-y:auto;}
.section-profilePage .user-avatar {
	display: block;
	height: 100px;
	width: 100px;
	overflow: hidden;
	position: relative;
	background-color: #ccc;
	margin: 20px auto 30px;}
.section-profilePage .user-avatar img {
	display: block;}
.section-profilePage .user-avatar span {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top:0;
	left: 0;
	z-index: 10px;
	background: url('../img/layout/user-avatar-mask.png') no-repeat 0 0;}
.section-profilePage-side .userBasicInfo h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;}
.section-profilePage-side .userBasicInfo p {
	margin-bottom: 8px;}

.user-scoreboard {
	width: 177px;
	height: 74px;
	margin: 0 auto;
	background: url("../img/layout/panel-scoreBoard-02.png") no-repeat 0 0;
	text-align: center;
	color: #ff7401;
    font: 25px/60px 'OpenSansBold',helvetica,arial,sans-serif;}

/* Article Alert */
.article-alert {}

/* article alert-head (ah) */
.article-alert-head {
	background: url("../img/layout/pattern-01.jpg") repeat scroll 0 0;
	padding: 15px 240px 15px 155px;
	min-height: 215px;
	margin-bottom: 15px;
	position: relative;}
.article-ah-photo {
	width:135px;
	position:absolute;
	left:15px;
	top:15px;}
.article-alert .item-photo {
	position: relative;}
.article-alert .item-photo .flag-alert {
	position: absolute;
	z-index: 10;
	top:-2px;
	left:-2px;}
/* article alert-head-text (aht) */
.article-ah-text {
	padding: 5px 15px;}
.article-ah-text h1 {
	font-size: 26px;
	line-height: 120%;}
.article-aht-main {
	padding-right: 160px;
	position: relative;
	min-height: 90px;}
.article-aht-emrals {
	position: absolute;
	right: 0;
	top:0;
	width: 150px;
	text-align: right;}
.article-aht-emrals .btn-nice-large {
	margin-top:30px;}

.article-aht-progressbar .title-old-sub {
	font-size:24px;
	line-height: 110%;
	margin-bottom: 15px;}

.article-aht-progressbar .alert-progressbar {
	width: 104%;}

.article-ah-map {
	position: absolute;
	right: 15px;
	top:15px;
	width: 220px;
	height: 180px;}
.article-ah-map #map-canvas {
	background-color: #ddd;
	width: 220px;
	height: 180px;}

/* article alert layoyt */
.article-ab-main {
	width: 70%;
	float: left;}
.article-ab-side {
	width: 30%;
	float: right;
	padding:20px 30px;}

/* article alert comments */
.article-ab-comments {
	width: 70%;
	float: left;}
.article-ab-userAction {
	width:30%;
	padding:10px 20px 20px 0;
	float: left;}
.article-ab-userAction .article-abua-text p {
	margin-bottom: 15px;
	padding-left: 28px;
	padding-top: 4px;
	position: relative;}
.article-ab-userAction .article-abua-text .icon-symbol {
	position: absolute;
	left:0;
	top:0;}
.article-abua-btn {
	margin-top: 20px;
	padding-top:20px;
	border-top:dotted 1px #998E51;}

/* Section Comments */
.section-comments .item {
	padding:15px 15px 15px;
	background: url("../img/layout/pattern-01.jpg") repeat scroll 0 0 #ccc;
	margin-bottom: 6px;}
.section-comments .item-head {
	padding: 0 130px 0 0;
	position: relative;
	min-height: 60px;}
.section-comments .item-head h3 {
	color:#79A0A1;
	margin-bottom: 5px;}
.section-comments .item-head-avatar {
	position: relative;
	padding:4px 0 0 50px;}
.section-comments .item-head-avatar .avatar-mask {
	position: absolute;
	left: 0;
	top:0;}
.section-comments .item-head-emrals {
	position: absolute;
	right:0;
	top:0;}
.section-comments .item-head-emrals .icon-emral-tiny {
	display: inline-block;}
.section-comments .item-head-emrals .icon-time {
	margin-top: 5px;}
.section-comments .item-body-alocation {
	position: relative;
	margin: 0 -15px -15px;
	background-color: #eaeaea;
	padding:20px 15px 35px 100px;}
.section-comments .item-body-alocation-label {
	position: absolute;
	left:15px;
	top:20px;}
.section-comments .alert-progressbar {
	width: 106%;}

/* section-achievements */
.section-achievements {
	margin-bottom: 20px;
	position: relative;
	padding-left: 240px;}
.ach-score {
	position: absolute;
	bottom: 0;
	left: 0;}
.ach-avatar {
	display: block;
	position: relative;
	width:135px;
	height:136px;
	padding: 1px 0 0 0;
	margin: 0 0 10px 58px;}
.ach-avatar-img,
.ach-avatar-img img {
	display: block;
	width:135px;
	height:135px;}
.ach-avatar-mask {
	background: url('../img/layout/frame-avatar-lobby.png') no-repeat 0 0;
	display: block;
	width:135px;
	height:136px;
	position: absolute;
	top:0;
	left: 0;}
.ach-socoreboard {
	background: url('../img/layout/lobby-scoreBoard.png') no-repeat 0 0;
	height: 181px;
	width: 175px;
	margin-left: 40px;}
.ach-list {
	padding: 20px 30px 0 0;}
.ach-list .title-old-main {
	font-size: 34px;
	margin-bottom: 15px;}
.ach-list-items {
	max-height: 262px;
	padding-right: 20px;
	overflow-y:auto;}
.ach-list-items .item {
	position: relative;
	border-bottom:dotted 1px #9E9E9E;
	border-top: dotted 1px #fff;
	padding: 6px 0;}
.ach-list-items .item:first-child {
	border-top:none;}
.ach-list-items .item:last-child {
	border-bottom:none;}
.ach-list-items .img-holder {
	text-align: center;
	position: absolute;
	left: 0;
	top:6px;
	width: 45px;}
.ach-list-items .img-holder img {
	display: inline-block;}
.ach-list-items .item .item-txt {
	padding-left: 50px;}
.ach-list-items .item .item-txt p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;}
.ach-list-items .item .icon-symbol.icon-time {
	font-size: 13px;
	color:#666;}
.ach-socoreboard-holder {
	position: relative;}
.ach-socoreboard-emrals,
.ach-socoreboard-xp {
	display: block;
	width: 165px;
	height: 67px;
	position: absolute;
	left: 4px;
	text-align: right;
	padding: 16px 15px 0 0;}
.ach-socoreboard-emrals {
	color: #b09b3d;
    font: 30px/100% 'OpenSansBold',arial,helvetica,sans-serif;
    top:7px;}
.ach-socoreboard-emrals .symbol-emral {
	display: inline-block;
	position: relative;
	top:2px;}
.ach-socoreboard-xp {
	color: #ff7401;
    font: 30px/100% 'OpenSansBold',helvetica,arial,sans-serif;
    top:92px;}
.panel-metal {
	display: block;
	height:358px;
	background:url('../img/layout/panel-metal.png') no-repeat 0 0;}

/* activity log */
.activity-log .item {
	position: relative;
	border-bottom:dotted 1px #9E9E9E;
	border-top: dotted 1px #fff;
	padding: 10px 0;}
.activity-log .item:first-child {
	border-top:none;}
.activity-log .item:last-child {
	border-bottom:none;}
.activity-log .img-holder {
	text-align: center;
	position: absolute;
	left: 0;
	top:10px;
	width: 45px;}
.activity-log .img-holder img {
	display: inline-block;}
.activity-log .item .item-txt {
	padding-left: 50px;}
.activity-log .item .item-txt li {
	float: left;}
.activity-log .item-status {
	width: 50%;}
.activity-log .item-status p {
	margin-bottom: 5px;}
.activity-log .item-gained {
	width: 20%;
	border-left: dotted 1px #9e9e9e;
	border-right: dotted 1px #9e9e9e;}
.activity-log .item-gained p {
	margin-bottom: 3px;}
.activity-log .item-gained .symbol-emral-tiny {
	position: relative;
	top:2px;}
.activity-log .item-date {
	width: 30%;
	padding-top: 10px;}
.activity-log .item-date .date{
	padding-left: 5px;
	font-size: 12px;}
.activity-log .item .icon-symbol.icon-pin {
	font-size: 14px;
	font-weight: bold;}
.activity-log .symbol-emral-tiny {
	display: inline-block;}
.activity-log .item .sum {
	color:#b09b3d;
	font:normal 16px/16px 'OpenSansBold',helvetica,arial,sans-serif;}

/* section invite */
.section-invite {
	position: relative;
	z-index: 10;}
.section-emailList {
	width: 400px;
	float: left;}
.section-emailList-panel {
	background: url('../img/layout/panel-05.png') no-repeat 0 0;
	display: block;
	width:400px;
	height: 300px;
	padding: 20px 10px 20px 20px;
	margin-bottom: 20px;}
.section-emailList-panel ul {
	height:260px;
	padding-right: 10px;
	overflow-y:auto;}
.section-emailList-panel ul li {
	padding: 5px 0;}
.section-emailList-panel ul li:nth-child(even) {
	background-color: #eee;}
.section-emailList-btns {
	position: relative;}
.section-emailList-skip {
	margin-right: 20px;
	text-decoration: underline;
	position: absolute;
	left: 15px;
	top:15px;}

.section-invite-social {
	float: left;
	width: 440px;
	padding-top: 40px;
	margin-left: 60px;}

.section-invite-social h2 {
	line-height: 120%;
	margin-bottom: 10px;}
.section-invite-social .gem-connect-fb,
.section-invite-social .gem-connect-in,
.section-invite-social .gem-connect-gg {
	margin-top: 20px;}

.gem-connect-fb,
.gem-connect-in,
.gem-connect-gg {
	background: url('../img/gems/gems-social-02.png') no-repeat 0 0;
	display: block;
	width: 200px;
	height: 60px;}
.gem-connect-fb {background-position: 0 -1px;}
.gem-connect-in {background-position: 0 -80px;}
.gem-connect-gg {background-position: 0 -320px;}
.gem-connect-fb:hover {background-position: 0 -160px;}
.gem-connect-in:hover {background-position: 0 -240px;}
.gem-connect-gg:hover {background-position: 0 -400px;}

/* =======================
ELEMENTS =================
=========================*/
/* gems */
.gems {
	background: url('../img/gems/gems.png') no-repeat 0 0;
	display: inline-block;}
.gem-normal {
	width:45px;
	height:40px;}
.gem-tiny {
	width:29px;
	height:29px;}

.gem-normal.gem-red {background-position: 0 0;}
.gem-normal.gem-green {background-position: 0 -80px;}
a.gem-normal.gem-red:hover {background-position: -80px 0;}
a.gem-normal.gem-green:hover {background-position: -80px -80px;}

.gem-tiny.gem-red {background-position:-50px -150px;}
.gem-tiny.gem-green {background-position:0 -150px;}

.gem-tiny.gem-red:hover {background-position:0 -150px;}
.gem-tiny.gem-green:hover {background-position:-50px -150px;}

.gem-social {
	display: inline-block;
	width:65px;
	height:60px;
	background: url('../img/gems/gems-social.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
	padding: 0;}
.gem-social.gem-facebook {background-position:0 0;}
.gem-social.gem-google {background-position:-80px 0;}
.gem-social.gem-linkedin {background-position:-160px 0;}

/* gem-arrows */
.gem-arrow {
	background:url('../img/gems/gems-02.png') no-repeat 0 0;
	display: inline-block;
	width:35px;
	height:51px;
	cursor: pointer;}
.gem-arrow.gem-arrow-up {background-position:0 0;}
.gem-arrow.gem-arrow-down {background-position:0 -60px;}
.gem-arrow.gem-arrow-up:hover {background-position:-50px 0;}
.gem-arrow.gem-arrow-down:hover {background-position:-50px -60px;}

/* gem slider */
.gem-slider .ui-slider {
	height: 16px;
	border-radius: 8px;
	background: #f7c327; /* Old browsers */
	background: -moz-linear-gradient(left,  #f7c327 0%, #f7a822 37%, #069645 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7c327), color-stop(37%,#f7a822), color-stop(100%,#069645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f7c327 0%,#f7a822 37%,#069645 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f7c327 0%,#f7a822 37%,#069645 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f7c327 0%,#f7a822 37%,#069645 100%); /* IE10+ */
	background: linear-gradient(to right,  #f7c327 0%,#f7a822 37%,#069645 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c327', endColorstr='#069645',GradientType=1 ); /* IE6-9 */}
.gem-slider .ui-slider .ui-slider-handle {
	width:43px;
	height: 43px;
	border-radius: 21px;
	top:-15px;
	cursor: pointer;
	background: url('../img/gems/gem-handles.png') no-repeat 0 0;}
.gem-slider .ui-slider .ui-slider-handle + .ui-slider-handle {
	background-position:0 -50px;}
.gem-slider .ui-slider .ui-slider-range {
	border-radius: 8px;
	margin-left: 10px;}
.gem-slider .ui-slider-horizontal .ui-slider-range {
	background: #09edf9; /* Old browsers */
	background: -moz-linear-gradient(left,  #09edf9 0%, #1574ac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#09edf9), color-stop(100%,#1574ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #09edf9 0%,#1574ac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #09edf9 0%,#1574ac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #09edf9 0%,#1574ac 100%); /* IE10+ */
	background: linear-gradient(to right,  #09edf9 0%,#1574ac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09edf9', endColorstr='#1574ac',GradientType=1 ); /* IE6-9 */}

/* panels */
.panel {}
.panel-normal {
	background:url('../img/layout/pattern-01.jpg') repeat 0 0;
	padding:20px 30px;}
.panel-normal:before,
.panel-normal:after,
.panel-normal .panel-frame:before,
.panel-normal .panel-frame:after {
	 content:'';
	 display: block;
	 background-image:url('../img/layout/frame-element-01.png');
	 background-repeat:no-repeat;
	 position: absolute;}
.panel-normal:before {
	width: 100%;
	height: 16px;
	background-position: center 0;
	top:-10px;
	left:17px;}
.panel-normal:after {
	width: 100%;
	height: 16px;
	background-position: center -70px;
	bottom:-10px;
	left:17px;}
.panel-normal .panel-frame:before {
	width: 16px;
	height: 100%;
	background-position: -40px center;
	top:0;
	left:4px;}
.panel-normal .panel-frame:after {
	width: 16px;
	height: 100%;
	background-position: -60px center;
	top:0;
	right:4px;}

.panel-nice {
	background:url('../img/layout/pattern-02.jpg') repeat 0 0;
	padding:20px 30px;}
.panel-nice,
.panel-nice-bottom {
	position: relative;}
.panel-nice:before,
.panel-nice:after,
.panel-nice-bottom:before,
.panel-nice-bottom:after {
	 content:'';
	 display: block;
	 width: 100px;
	 height: 100px;
	 background-image:url('../img/layout/img-frames.png');
	 background-repeat:no-repeat;
	 position: absolute;}
.panel-nice:before {
	background-position:0 -220px;
	left:-11px;
	top:-11px;}
.panel-nice:after {
	background-position:-100px -220px;
	right:-11px;
	top:-11px;}
.panel-nice-bottom:before {
	background-position:0 -320px;
	left:-11px;
	bottom:-11px;}
.panel-nice-bottom:after {
	background-position:-100px -320px;
	right:-11px;
	bottom:-11px;}
.panel-nice-bottom .emrals {
	position: absolute;
	top:-33px;
	z-index: 10;
	width: 100%;
	height: 73px;
	background:url('../img/gems/gems.png') no-repeat center -260px;}

/* emrals */
.sum-emrals {
	color:#B09B3D;
	font:normal 30px/100% 'OpenSansBold',arial,helvetica,sans-serif;
	text-shadow:0 20px 5px #D3CFC4 }

/* frame mask */
.img-frame-mask {
	position: relative;
	display: block;}
.img-frame-mask img {
	display: block;}
.img-frame-mask .mask {
	display: block;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
	background-image: url('../img/layout/img-frames.png');
	background-repeat: no-repeat;}
.img-frame-mask-normal {}
.img-frame-mask-normal img {
	width: 130px;
	height: 130px;
	border:solid 2px #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;}
.img-frame-mask-normal .mask {
	background-position: 0 0;
	width: 135px;
	height: 135px;}
.homepage-dirt-list .img-frame-mask-normal {
	padding: 2px 0 0 2px;}
.homepage-dirt-list .img-frame-mask-normal img {
	width: 96px;
	height: 145px;
	border: 0;
	border-radius: 0;}
.homepage-dirt-list .img-frame-mask-normal .mask {
	width: 100px;
	height: 151px;
	background-position: 0 0;
	background-image: url('../img/layout/img-frames-legacy.png');}
.homepage-dirt-list .item {
	padding: 25px 0 25px 130px;
	min-height: 170px;}
.homepage-dirt-list .item-photo {
	left: 0;
	top: 25px;}
.homepage-dirt-list .item-head-main {
	float: left;
	width: 330px;}
.homepage-dirt-list .item-head-main h2 {
	font-size: 16px;
	padding-left: 0;}
.homepage-dirt-list .item-head-address {
	font-size: 16px;
	margin-bottom: 10px;
	padding-top: 10px;
	display: inline-block;
	color: #000;}
.homepage-dirt-list .item-head-address.icon-star {
	padding-left: 26px;}
.homepage-dirt-list .item-head-address.icon-star:before {
	top: 6px;}
.homepage-dirt-list .item-head-main .icon-star {
	padding-left: 0;
	position: relative;
	top: 0;}
.homepage-dirt-list .item-head-main h2 a {
	font-size: 16px;
	line-height: inherit;
	font-weight: bold;
	color: #000;}
.homepage-dirt-list .item-description {
	margin: 10px 0 15px 0;
	line-height: 150%;}
.homepage-dirt-list .item-head-side {
	float: right;
	text-align: right;
	position: relative;}
.homepage-dirt-list .item-head-side .holder {
	display: table;}
.homepage-dirt-list .item-head-side .holder > ul {
	display: table-row;}
.homepage-dirt-list .item-head-side .holder > ul > li {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;}
.homepage-dirt-list .item-head-side .sum-emrals {
	line-height: 20px;}
.homepage-dirt-list .item-footer-main {
	float: left;}
.homepage-dirt-list .item-footer-main .list-hor {
	margin-top: 10px;}
.homepage-dirt-list .item-footer-side {
	float: right;}
.homepage-dirt-list .item-footer-avatars .avatar-mask {
	display: inline-block;
	margin-left: 1px;}
.homepage-dirt-list + .text-center {
	display: none;}
.homepage-index .title-old-main {
	font-family: 'KingThings', Georgia, serif;
	color: #363636;}
.homepage-leaderboard {
	padding: 20px 30px;}
.homepage-leaderboard .title-old-sub {
	font-family: 'KingThings', Georgia, serif;
	font-size: 34px;
	line-height: 110%;
	color: #6D9798;
	margin-bottom: 0;}
.homepage-leaderboard .leaderList {
	margin: 30px 0;}
.homepage-leaderboard .leaderList .item {
	position: relative;
	padding-left: 68px;
	padding-top: 6px;
	min-height: 58px;
	margin-bottom: 14px;}
.homepage-leaderboard .leaderList .item .avatar-mask {
	position: absolute;
	left: 0;
	top: 0;}
.homepage-leaderboard .leaderList .item h3 {
	font-size: 20px;
	margin-bottom: 5px;}
.homepage-leaderboard .leaderList .item h3 a {
	color: #6C9798;
	font-weight: normal;}
.homepage-leaderboard .leaderList .item .xp {
	color: #FF7401;
	font: normal 16px/18px 'OpenSansBold',arial,helvetica,sans-serif;
	text-shadow: none;}

.img-frame-mask-large {
	width: 217px;
	height: 217px;
	background-color: #ddd;
	overflow: hidden;}
.img-frame-mask-large img {
	width: 100%;
	max-height: auto;}
.img-frame-mask-large .mask {
	width: 217px;
	height: 217px;
	background-position:-220px 0;}
.img-frame-mask-large .img-frame-mask-middle {
	display: table-cell;
	width: 217px;
	height: 217px;
	vertical-align: middle;
	text-align: center;}

/* avatar mask */
.avatar-mask {
	position: relative;
	display: block;}
.avatar-mask .mask {
	position: absolute;
	top:0;
	left:0;
	background-image:url('../img/layout/img-frames.png');
	background-repeat: no-repeat;}

/* avatar mask tiny */
.avatar-mask-tiny {
	width: 40px;
	height: 40px;
	overflow: hidden;
	padding: 3px 0 0 3px;}
.avatar-mask-tiny img {
	display: block;
	width: 34px;
	height: 34px;}
.avatar-mask-tiny .mask {
	display: block;
	width:40px;
	height:40px;
	top:0;
	left:0;
	z-index: 10;
	background-position:0 -160px;}

/* avatar mask leader */
.avatar-mask-leader {
	width: 58px;
	height: 58px;
	overflow: hidden;
	padding: 0 0 0 0;}
.avatar-mask-leader img {
	display: block;
	width: 58px;
	height: 58px;}
.avatar-mask-leader .mask {
	display: block;
	width:58px;
	height:58px;
	top:0;
	left:0;
	z-index: 10;
	background-position:-150px 0px;}

/* =======================
ICONS ====================
=========================*/
.icon-symbol {
	position: relative;}
.icon-symbol:before {
	background-image:url('../img/layout/sprites-icons.png');
	background-repeat:no-repeat;}
.icon-star:before,
.icon-comments:before,
.icon-time:before,
.icon-pin:before,
.icon-emral:before,
.icon-emral-tiny:before,
.icon-flag:before,
.icon-date:before {
	content:'';
	display: block;
	position: absolute;
	top:0;
	left:0;}
.icon-star-single {
	display: inline-block;
	padding-left: 21px;
	height:21px;}
.icon-star:before {
	width:21px;
	height:21px;}
.icon-star-full:before {background-position: 0 0;}
.icon-star-full:hover:before {background-position: -30px 0;}
.icon-star-empty:before {background-position: -30px 0;}
.icon-star-empty:hover:before {background-position: 0 0;}

.icon-flag {}
.icon-flag:before {
	width: 17px;
	height: 21px;}
.icon-flag-blue:before {
	background-position: 0 -200px;}
.icon-flag-red:before {
	background-position: -60px -200px;}	

.icon-comments,
.icon-time {
	font-family: "Times New Roman", Georgia, sans-serif;
	font-size: 16px;}
.icon-comments {
	padding-left: 20px;}
.icon-comments:before {
	background-position: 0 -30px;
	width:18px;
	height:18px;}
.icon-time {
	padding-left: 23px;}
.icon-time:before {
	background-position: 0 -60px;
	width:18px;
	height:18px;}
.icon-pin {
	padding-left: 15px;}
.icon-pin:before {
	background-position: 0 -90px;
	width:11px;
	height:17px;}

.icon-tiny-photo,
.icon-tiny-zoom {
	background-image:url('../img/layout/sprites-icons.png');
	width: 12px;
	height: 12px;
	display: inline-block;}
.icon-tiny-photo{
	background-position:0 -150px;}
.icon-tiny-zoom {
	background-position:0 -170px;}

.icon-emral {
    padding-left: 26px;}
.icon-emral.sum-emrals {
	padding-left: 32px;}
.icon-emral:before {
	height: 26px;
    width: 24px;
	background-position: 0 -118px;}
.icon-emral.sum-emrals:before {
	top:11px;}

.icon-emral-tiny {
    padding-left: 20px;}
.icon-emral-tiny:before {
	height: 15px;
    width: 15px;
    top:7px;
	background-position: -50px -120px;}
.icon-emral-tiny.sum-emrals {
	color: #B09B3D;
    font: 24px/110% 'OpenSansBold',arial,helvetica,sans-serif;
    text-shadow: 0 10px 5px #D3CFC4;}

.icon-date {
	padding-left: 16px;}
.icon-date:before {
	background-position: 0 -240px;
	width:16px;
	height:14px;}

.symbol-battery {
	background: url('../img/layout/sprites-icons.png') no-repeat 0 -269px;
	display: inline-block;
	padding: 3px 7px 3px 3px;
	width:20px;
	height:12px;}
.symbol-battery span {
	display: block;
	height:6px;
	background-color: #238C00;}

/* flag-alerts */
.flag-alert {
	background: url('../img/layout/sprites-icons.png') no-repeat 0 0;
	display: block;
	width: 34px;
	height: 41px;}
.flag-alert.flag-alert-trash {
	background-position:-60px 1px;}
.flag-alert.flag-alert-hydrant {
	background-position:-100px 1px;}
.flag-alert.flag-alert-snow {
	background-position:-140px 1px;}
.flag-alert.flag-alert-tree {
	background-position:-180px 1px;}
.flag-alert.flag-alert-catch-basin {
	background-position:-220px 1px;}
.flag-alert.flag-alert-poop {
	background-position:-260px 1px;}
.flag-alert.flag-alert-graffiti {
	background-position:-300px 1px;}
.flag-alert.flag-alert-bike {
	background-position:-340px 1px;}
.flag-alert.flag-alert-hazard {
	background-position:-380px 1px;}

/* papers */
.paper-01 {
	background:url('../img/layout/bg-paper-01.gif') no-repeat 0 0;
	height: 595px;
	padding: 30px 40px;}

/* viewcontrols */
.viewcontrols li {
	position: relative;
	padding-left: 20px;
	font:normal 14px/16px "OpenSansRegular",helvetica,arial,sans-serif;
	display: inline;
	margin: 0 5px;
	cursor: pointer;}
.viewcontrols li:hover,
.viewcontrols li.active {
	color:#A67C52;}
.viewcontrols .listview span:before,
.viewcontrols .gridview span:before {
	content:' ';
	display: block;
	width: 16px;
	height: 16px;
	background: url('../img/layout/sprites-icons.png') no-repeat 0 0;
	position: absolute;
	left:0;
	top:3px;}
.viewcontrols .listview span:before {
	background-position:-50px -150px;
	top:5px;}
.viewcontrols .listview:hover span:before,
.viewcontrols .listview.active span:before {
	background-position:-80px -150px;}
.viewcontrols .gridview span:before {
	background-position:-50px -170px;}
.viewcontrols .gridview:hover span:before,
.viewcontrols .gridview.active span:before {
	background-position:-80px -170px;}
.panel-heading .viewcontrols {
	position: absolute;
	right: 0;
	top:10px;}

/* list-tiny-info */
.listTiny-info {
	margin: 7px 0;}
.listTiny-info li {
	display: inline;
	padding: 0 8px;
	position: relative;
	font-family: "Times New Roman", Gerogia, serif;
	font-size: 16px;}
.listTiny-info li:first-child {
	padding-left: 0;}
.listTiny-info li:before {
	content:'';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color:#333;
	position: absolute;
	left: -3px;
	top:7px;}
.listTiny-info li:first-child:before {
	display: none;}

/* alert progressbar */
.alert-progressbar :before,
.alert-progressbar :after{
	content:" ";
	display:table}
.alert-progressbar :after{clear:both}
.alert-progressbar {
	*zoom:1;}

.alert-progressbar li {
	float: left;
	position: relative;
	width: 33%;
	height: 16px;
	border-radius: 8px;
	margin-right: -10px;
	padding-left: 10px;
	font:normal 11px/16px 'OpenSansRegular',helvetica,arial,sans-serif;
	color:#fff;}
.alert-progressbar .apb-city {
	background: #f7c327; /* Old browsers */
	background: -moz-linear-gradient(left,  #f7c327 0%, #f79a1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7c327), color-stop(100%,#f79a1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f7c327 0%,#f79a1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f7c327 0%,#f79a1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f7c327 0%,#f79a1f 100%); /* IE10+ */
	background: linear-gradient(to right,  #f7c327 0%,#f79a1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c327', endColorstr='#f79a1f',GradientType=1 ); /* IE6-9 */
}
.alert-progressbar .apb-players {
	background: #06f3fb; /* Old browsers */
	background: -moz-linear-gradient(left,  #06f3fb 0%, #20bde9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#06f3fb), color-stop(100%,#20bde9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #06f3fb 0%,#20bde9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #06f3fb 0%,#20bde9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #06f3fb 0%,#20bde9 100%); /* IE10+ */
	background: linear-gradient(to right,  #06f3fb 0%,#20bde9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06f3fb', endColorstr='#20bde9',GradientType=1 ); /* IE6-9 */
}
.alert-progressbar .apb-emrals {
	background: #51db3c; /* Old browsers */
	background: -moz-linear-gradient(left,  #51db3c 0%, #079745 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#51db3c), color-stop(100%,#079745)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #51db3c 0%,#079745 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #51db3c 0%,#079745 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #51db3c 0%,#079745 100%); /* IE10+ */
	background: linear-gradient(to right,  #51db3c 0%,#079745 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51db3c', endColorstr='#079745',GradientType=1 ); /* IE6-9 */
}

.alert-progressbar .apb-label {
	color:#333;
	position: absolute;
	font-size: 14px;
	top:20px;
	left: 10px;}
.alert-progressbar .apb-city span {
	color:#F7B724;}
.alert-progressbar .apb-players span {
	color:#29ABE1;}
.alert-progressbar .apb-emrals span {
	color:#009145;}

/* xp */
.xp {
	color: #FF7401;
    font:normal 18px/21px 'OpenSansBold',helvetica,arial,sans-serif;
    text-shadow: 0 1px 0 #CACACA;}
.xp.xp-small {
	 font:normal 14px/20px 'OpenSansBold',helvetica,arial,sans-serif;}

/* =======================
SYMBOLS ==================
=========================*/
.symbol-emral {
	background:url('../img/layout/sprites-icons.png') no-repeat 0 -118px;
	display: block;
	width:24px;
	height:26px;}
.symbol-emral-tiny {
	background:url('../img/layout/sprites-icons.png') no-repeat -50px -120px;
	display: block;
	width:15px;
	height:15px;}

.symbol-secure-transation {
	border:solid 1px #CBBB92;
	display: inline-block;
	padding: 13px 20px 13px 50px;
	border-radius: 30px;
	color:#AE5311;
	font:normal 13px/16px 'OpenSansRegular',Helvetica,arial,sans-serif;}
.symbol-secure-transation span {
	position: relative;}
.symbol-secure-transation span:before {
	content:'';
	background: url('../img/layout/sprites-icons.png') no-repeat -60px -60px;
	display: block;
	width:24px;
	height:30px;
	position: absolute;
	left: -35px;
	top:-7px;}

/* =======================
MAPS =====================
=========================*/
#map-canvas {
	height: 220px;
	width: 180px;}

/* main_achievement */
.main_achievement{
	width:980px;
	margin:0 auto;
	height:400px;}
 .main_achievement_row{
	width:980px;
	float:left;
	margin-top:10px;}
.main_achievement_row ul{
	margin:0px;
	padding:0px;}
.main_achievement_row ul li {
	float:left;
	padding:5px;
	list-style:none;
	width:110px;
	margin-left:17px;}
.achievement_box{
	width:110px;
	float:left;
	padding:2px;
	height:150px;}
.achievement_box_img{
	text-align:center;
	float:left;
	width:110px;}
.achievement_box h1{
	width:110px;
	float:left;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#0f91b3;}
.achievement_box span {
	width:110px;
	float:left;
	font-size:12px;
	text-align:center;}

/* press_release */
.press_release{
	float: left;
	margin: 0 0 15px 0;
	width: 900px;}
.press_release h4{
	margin: 24px 0 8px;}
.press_release img {
	float: left;
	margin: 25px 29px 0 0;
	align: top;}
.condense_control {
	color: #0071BB;}

/* section-acountInfo */
.section-acountInfo {
	position: relative;
	z-index: 10;
	padding-bottom: 60px;}
.section-acountInfo h2 {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: dotted 1px #B9AB94;}
.section-acountInfo .section-acountInfo-item {
	width: 30%;
	float: left;
	border-bottom: dotted 1px #B9AB94;
	padding-bottom: 20px;}
.section-acountInfo .section-acountInfo-item.middle {
	margin: 0 5%;}
.section-acountInfo .btn-item {
	margin-top: 30px;
	text-align: center;}
.section-acountInfo .ui-slider-horizontal .ui-slider-handle {
	border:solid 1px #b9ab94;
	background: #b9ab94 ;
	border-radius: 15px;
	cursor: pointer;}
.section-acountInfo .form-slider p {
	margin-bottom: 10px;}

/* section-searchFilter */
.section-searchFilter {}
.section-searchFilter-map {
	float: left;
	width: 560px;}
.section-searchFilter-map h1 {
	margin-bottom: 20px;}
.section-searchFilter-mapHolder {
	width: 560px;
	height: 375px;
	background-color: #ccc;}
.section-searchFilter-types {
	width:330px;
	height:440px;
	background:url("../img/layout/panel-06.png") no-repeat 0 0;
	float: right;
	padding:20px 20px;}

.searchFilter-typesList {}
.searchFilter-typesList li {
	background-position: 35px center;
	background-repeat: no-repeat;
	width:90px;
	padding:20px 0;
	float: left;}
.searchFilter-typesList li:nth-child(3n+4) {
	clear: left;}
.searchFilter-typesList .typeTrash {
	background-image:url('../img/alerts/alert-trash-small.png');}
.searchFilter-typesList .typeTree {
	background-image:url('../img/alerts/alert-tree-small.png');}
.searchFilter-typesList .typeBike {
	background-image:url('../img/alerts/alert-bike-small.png');}
.searchFilter-typesList .typeHydrant {
	background-image:url('../img/alerts/alert-hydrant-small.png');}
.searchFilter-typesList .typePoop {
	background-image:url('../img/alerts/alert-poop-small.png');}
.searchFilter-typesList .typeGraffiti {
	background-image:url('../img/alerts/alert-graffiti-small.png');}
.searchFilter-typesList .typeSnow {
	background-image:url('../img/alerts/alert-snow-small.png');}
.searchFilter-typesList .typeCatchBasin {
	background-image:url('../img/alerts/alert-catch-basin-small.png');}
.searchFilter-typesList .typeHazard {
	background-image:url('../img/alerts/alert-hazard-small.png');}
.section-searchFilter .form-item.form-item-search {
	margin:20px 0;}
.section-searchFilter-types .types-status {
	border-bottom: dotted 1px #b9ab94;
	padding-bottom: 15px;}
.section-searchFilter-types .types-status li {
	display: inline-block;
	width: 30%;}
.section-searchFilter-types h4 {
	margin-bottom: 10px;
	font-size: 16px;}

/* section-ecans */
.section-ecans .head {
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: solid 1px #D1C5A5;}
.section-ecans .head .sumItem {
	font-size: 24px;
	margin: 10px 0 20px;}
.ecans-list li{
	list-style: disc;
}
.ecans-gird .item {
	width: 160px;
	float: left;
	margin:0 0 40px 24px;}
.ecans-gird .item:first-child,
.ecans-gird .item:nth-child(5n+6) {
	clear: left;
	margin-left: 0;}
.ecans-gird .eCan {
	background: url('../img/layout/ecan-trash.png') no-repeat center top;
	height:120px;
	width: 85px;
	margin: 10px auto 20px;}
.ecans-gird .item h2 {
	margin-bottom: 15px;
	font-size: 20px;}
.ecans-gird .item .item-txt {
	position: relative; }
.ecans-gird .item .item-txt .item-main {
	padding-right: 50px;
	font-size: 12px;
	line-height: 140%;}
.ecans-gird .item .item-txt .item-side {
	width: 40px;
	font-size: 12px;
	position: absolute;
	right: 0;
	top:0;}
.ecans-gird .item .item-txt .battery {
	margin-top: 5px;}
.ecans-gird .item-main-thumbs {
	margin-bottom: 10px;}
.ecans-gird .item-main-thumbs li {
	float: left;
	margin-right: 10px;}
.section-ecans .trashCanMap-holder {
	height: 400px;
	background-color: #ccc;}
.section-ecans .trashCanMap-add {
	margin: 0 0 30px;}
.section-ecans .trashCanMap-add p {
	font-size: 20px;
	margin-bottom: 20px;}

/* section-buyEcan */
.section-buyEcan {
	margin-bottom: 40px;}
.section-buyEcan .item {
	width: 30%;
	float: left;
	padding: 0 30px;}
.section-buyEcan .item {
	margin-left: 5%;}
.section-buyEcan .item:first-child {
	margin-left: 0;}
.section-buyEcan .ecan {
	margin: 10px 0;}
.section-buyEcan .item h2 {
	margin: 20px 0 10px;
	font-size: 26px;}
.section-buyEcan .item .item-txt {
	text-align: left;
	margin: 20px 0;
	line-height: 150%;
	height: 100px;}
.section-buyEcan .price {
	font-size: 30px;
	line-height: 100%;
	margin-bottom: 20px;}

/* section-howToPlay */
.section-howToPlay {
	background: url('../img/how-to-play/bg-how-to-play.jpg') no-repeat center top;
	height: 885px;
	min-height: 885px;
	color:#fff;
	text-shadow:0 2px 0 #000;}
.section-howToPlay .title-old-main {
	color:#fff;
	font-size: 60px;
	margin-bottom: 20px;}
.section-howToPlay .heading {
	font-size: 17px;
	line-height: 150%;
	margin-bottom: 50px;}
.section-howToPlay .steps .item {
	width: 210px;
	display: inline-block;
	margin: 0 50px;}
.section-howToPlay .steps .item .img-holder {
	margin-bottom: 30px;}
.section-howToPlay .steps .item h2 {
	font-size: 30px;}


/* recent-activity */
.panel-nice-bottom + .recent-activity {
	margin-top: 50px;}
.recent-activity {
	margin-bottom: 100px;}
.recent-activity .item {
	position: relative;
	border-top: 1px dotted #999;
    padding: 10px 0;}
.recent-activity .item:first-child {
	border-top:none;}
.recent-activity .user {
	position: relative;
	display: block;
	padding:2px 0 0 46px;}
.recent-activity .user .avatar-mask { 
	position: absolute;
	left: 0;
	top:0;}
.recent-activity .user h3 {
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 120%;}
.recent-activity .user .xp {
	font-size: 14px;
	line-height: 120%;}
.recent-activity .status {
	margin-top: 10px;
	padding-left: 46px;
	position: relative;}
.recent-activity .dirt {
	position: absolute;
	right: 0;
	top:10px;}

/* recent-activity-side */
.recent-activity.recent-activity-side .user {
	width: 100%;
	clear: both;
	padding:2px 46px 0 46px;}
.recent-activity.recent-activity-side .status p {
	display: inline;
	margin-right: 5px;}

/* recent-activity-main */
.recent-activity.recent-activity-main {
	margin-bottom: 10px;}
.recent-activity.recent-activity-main .user,
.recent-activity.recent-activity-main .status,
.recent-activity.recent-activity-main .dirt {
	float: left;}
.recent-activity.recent-activity-main .user {
	width: 40%;}

.recent-activity.recent-activity-main .status {
	width: 60%;
	padding-right: 56px;
	padding-left: 60px;
	position: relative;}
.recent-activity.recent-activity-main .status p {
	display: block;
	margin-bottom: 5px;}
.recent-activity.recent-activity-main .status .achievement {
	position: absolute;
	left: 0;
	top:0;
	width: 60px;
	text-align: center;}

/* hovers for add emrals */
.hoverEmralsAdd {
	position: relative;}
.hoverEmralsAdd-holder {
	position: absolute;
	z-index: 100;
	width: 240px;
	background-color:#fff;
	padding: 15px;
	border:solid 1px #BF9551;
	background: url("../img/layout/pattern-02.jpg") repeat 0 0;
	text-align: left;}
.hoverEmralsAdd-holder input,
.hoverEmralsAdd-holder textarea {
	border:solid 1px #BF9551;
	padding: 6px;
	font:normal 14px/110% Georgia,serif;}
.hoverEmralsAdd-holder textarea {
	width: 100%;
	height: 100px;}
.hoverEmralsAdd-head {
	margin-bottom: 10px;}
.hoverEmralsAdd-head input[type="number"] {
	width: 80px;}
.hoverEmralsAdd-head .btn-nice {
	font-size: 13px;
	margin-left: 10px;}

.post-text span {
	display: block;
	font: normal 14px/16px 'OpenSansBold',helvetica,arial,sans-serif;
	color: #333;
	text-align: left;}

#progressbox {
	border: 1px solid #8DC9EA;
	padding: 1px; 
	position:relative;
	width:400px;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;}
#progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #8DC9EA;
	width:1%;}
#statustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;}

/* =======================
RESPONSIVE STYLES ========
=========================*/
/* 1170 */
@media (max-width: 1170px) {}
/* 960 */
@media (max-width: 960px) {}
/* 640 */
@media (max-width: 640px) {}