/*ADD MAIN STYLES START*/
/*styles fot main css file. May added to end of file (after translate .less syntax to .css)*/

@primarytextcolor: #dbb357;
@menubackrgoundcolor: #461d13;
@errorcolor: #cc3300;

/*For map's rating - ex. span.rating*/
.banner .rating 
{background: url(../images/rating.png) no-repeat 0 5px;
color: #877d4e;
font: bold italic 24px Georgia;
text-shadow: 1px 1px 1px #fff;
padding-left: 25px;
left: 0;
bottom: 0;
margin:0 5px;
}

/*Add rating button map*/

.legalbtn{
	display: inline-block;
	padding: 8px 12px;
	margin-bottom: 0;
	/*font-size: 14px;
	font-weight: 500;
	line-height: 1.428571429;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
}
.legalbtn:hover{
	color: @primarytextcolor;
	text-decoration: none;
}
.legalbtn[disabled]{
	pointer-events: none;
	cursor: default;
	opacity: 0.65;
	filter: alpha(opacity=65);	
}
.legalbtn-small{
	padding:5px 2px;
	border-radius:3px;
}
.legalbtn-menu {
	color: @primarytextcolor;
	background-color: @menubackrgoundcolor;
	border-color: @menubackrgoundcolor;
}

.legalbtn-menu:hover, .legalbtn-menu:focus, .legalbtn-menu:active{
	background-color: darken(@menubackrgoundcolor, 30%);
	border-color: darken(@menubackrgoundcolor, 30%);
}

.legalbtn-error {
	color: @primarytextcolor;
	background-color: @errorcolor;
	border-color: @errorcolor;
}

.legalbtn-error:hover, .legalbtn-error:focus, .legalbtn-error:active{
	background-color: darken(@errorcolor, 10%);
	border-color: darken(@errorcolor, 10%);
}

.floatleft {
	float:left;
}

/*
*	Style for featured map image
*	Ex.: /maps/
*/

.featured-map-image {
  width: 658px;
  height: 351px;
  /*padding: 4px;*/
  border: 4px solid #3a150b;
  margin-left: 38px;
}

.featured-map-image + .shadow {
	display: block;
	width: 666px;
	height: 49px;
	background: url('../images/shadow.png') no-repeat 0 0;
	margin-left: 38px;
}

.avatar{
	width: 80px;
	height: 80px;
	position: relative;
	overflow: hidden;
	border: 5px solid #dfd6b2;
	-moz-box-shadow: 1px 3px 13px rgba(74, 74, 74, 0.55);
	-webkit-box-shadow: 1px 3px 13px rgba(74, 74, 74, 0.55);
	box-shadow: 1px 3px 13px rgba(74, 74, 74, 0.55);
	margin-right: 10px;
}

.avatar img {
	/*height: 130px;*/
	border: none;
}

/*ADD MAIN STYLES END*/