html, body {
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ressimg {
	height:16px;
	width:16px;
	vertical-align: middle;
	margin-right: 7px;
}

#right-sidebar {
    width: 230px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 900;
    border-left: 4px solid #ffffff;
    box-shadow: -3px 0 7px 0 #333333;
}
.right_sidebar_logo {
	display: block;
	height: 60px;
	border-bottom: 1px solid #FFFFFF;
}
#right_profile_img {
	height: 60px;
	width: 50px;
	float: left;
	background: url(/img/avatar_n_1.png);
	cursor: pointer;
}
.right_sidebar_stats {
	display: block;
    border-bottom: 1px solid #FFFFFF;
}
.right_sidebar_head2 {
	float: left;
	position: relative;
	width: 170px;
	padding: 1px 5px;
}
.right_sidebar_line {
	margin: 2px 7px 2px 7px;
	position: relative;
	display: block;
}
.right_sidebar_level {
	position: relative;
	float: right;
	font-family:Verdana,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.right_sidebar_user {
	position: relative;
	font-family:Verdana,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.right_sidebar_value {
	float: right;
	font-family:Verdana,Arial,sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.right_sidebar_name {
	font-family:Verdana,Arial,sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.right_sidebar_qhead {
	height: 25px;
	position: relative;
}

#buildingqueue, #dynamicqueue, #playerlist, #idlelist {
	position: relative;
}
.bgframe, .idleframe {
	background-color: #FFFFFF;
    border: 2px solid #ffffff;
    position: relative;
    width: 190px;
    height: 50px;
    -moz-border-radius: 20px 0;
    -webkit-border-radius: 20px 0;
    border-radius: 20px 0;
    -moz-box-shadow: 0 0 5px 0px #333333;
    -webkit-box-shadow: 0 0 5px 0px #333333;
    box-shadow: 0 0 5px 0px #333333;
    overflow: hidden;
    color: #000000;
    font-size: 26px;
    font-weight: 400;
	margin: 5px 0 5px 7px;
}
.bqdisabled {
	opacity: 0.7;
}
.bghead {
	background-color: #8bb5d9;
	line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    border-radius: 20px 0 0 0;
    margin-bottom: 2px;
    color: #ffffff;
    padding-right: 3px;
}
.bgcontent {
    font-size: 18px;
    float: right;
    margin: 4px 0 0 0;
}
.bgcontent_build {
	background-image: url(/img/gui2/excavator_64.png);
	background-size: 28px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	margin: 0 0 0 20px;
}
.bgcontent_upgrade {
	background-image: url(/img/noun/up_arrow_64.png);
	background-size: 28px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	margin: 0 0 0 20px;
}
.bgtime {
	position: absolute;
    top: 0;
    right: 10px;
}
.bgprogress {
	background-color: #dbe8f4;
	border: 2px solid #ffffff;
	position: relative;
	width: 90px;
	height: 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 1px 0px #333333;
	-webkit-box-shadow: 0 0 1px 0px #333333;
	box-shadow: 0 0 1px 0px #333333;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	padding: 0;
	margin: 4px 8px;
    float: right;
}
.bgpbar {
	background-color: #8bb5d9;
    width: 0%;
    height: 20px;
    position: relative;
}
.bgcollect, .bgcompleted {
	background-color: #82d000;
	border: 2px solid #ffffff;
	position: relative;
	width: 90px;
	height: 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 5px 0px #333333;
	-webkit-box-shadow: 0 0 5px 0px #333333;
	box-shadow: 0 0 5px 0px #333333;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	padding: 0;
	margin: 4px 8px;
    float: right;
}
.bgcollect:hover {
	cursor: pointer;
	box-shadow: 0 0 8px 0px #001C40;
}
.bgcompleted {
	width: 130px;
}

#ressbtn_storage {
	z-index: 510;
	position: absolute;
	left: -20px;
	top: -20px;
	width: 50px;
	height: 50px;
	background-color: #8bb5d9;
	border:4px solid #ffffff;
	border-radius: 0 0 40px 40px;
	box-shadow: 0 0 7px 0 #333333;
	overflow:hidden;
	padding: 5px 5px 5px 5px;
    background-image: url(/img/noun/storage.png);
    background-size: 35px;
    background-position: 18px 18px;
    background-repeat: no-repeat;
    cursor: pointer;
}
#ressbtn_storage:hover {
	background-color: #7699b8;
}

.ressheader, .ressheaderworld {
	z-index: 500;
	position: absolute;
	left: -5px;
	top: -5px;
	background-color: #8BB5D9;
	border:4px solid #ffffff;
	border-radius: 0 0 35px 0;
	box-shadow: 0 0 7px 0 #333333;
	overflow:hidden;
	padding: 3px 25px 3px 55px;
}

.ressheader div, .ressheaderworld div {
	padding-left: 5px;
	position: relative;
	height: 18px;
	width: 70px;
	font-family:Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	float: left;
	text-align: right;
}
.ressheaderworld {
	display: none;
	background-color: #7aae75;
}
.sologuicolor {
	background-color: #8BB5D9;
}
.worldguicolor {
	background-color: #7aae75;
}
.onlyworld {
	display: none;
}
.res1::after, .res3::after, .res12::after, .res13::after, .res14::after, .res15::after, .res17::after, .res30::after, .res31::after, .res32::after, .res35::after, .res37::after, .res39::after, .res40::after, .res50::after, .res51::after, .res52::after, .res53::after, .res54::after, .res55::after, .res56::after, .res57::after, .res58::after, .res59::after, .res60::after, .res61::after, .res62::after, .res63::after, .res64::after, .res65::after, .res66::after, .res67::after, .res68::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res1::after {
	background: url("/icons/16/res1.png") no-repeat top right;
}
.res3::after {
	background: url("/icons/16/res3.png") no-repeat top right;
}
.res12::after {
	background: url("/icons/16/res12.png") no-repeat top right;
}
.res13::after {
	background: url("/icons/16/res13.png") no-repeat top right;
}
.res14::after {
	background: url("/icons/16/res14.png") no-repeat top right;
}
.res15::after {
	background: url("/icons/16/res15.png") no-repeat top right;
}
.res17::after {
	background: url("/icons/16/res17.png") no-repeat top right;
}
.res30::after {
	background: url("/icons/16/res30.png") no-repeat top right;
}
.res31::after {
	background: url("/icons/16/res31.png") no-repeat top right;
}
.res32::after {
	background: url("/icons/16/res32.png") no-repeat top right;
}
.res35::after {
	background: url("/icons/16/res35.png") no-repeat top right;
}
.res37::after {
	background: url("/icons/16/res37.png") no-repeat top right;
}
.res39::after {
	background: url("/icons/16/res39.png") no-repeat top right;
}
.res40::after {
	background: url("/icons/16/res39.png") no-repeat top right;
}
.res50::after {
	background: url("/icons/16/res50.png") no-repeat top right;
}
.res51::after {
	background: url("/icons/16/res51.png") no-repeat top right;
}
.res52::after {
	background: url("/icons/16/res52.png") no-repeat top right;
}
.res53::after {
	background: url("/icons/16/res53.png") no-repeat top right;
}
.res54::after {
	background: url("/icons/16/res54.png") no-repeat top right;
}
.res55::after {
	background: url("/icons/16/res55.png") no-repeat top right;
}
.res56::after {
	background: url("/icons/16/res56.png") no-repeat top right;
}
.res57::after {
	background: url("/icons/16/res57.png") no-repeat top right;
}
.res58::after {
	background: url("/icons/16/res58.png") no-repeat top right;
}
.res59::after {
	background: url("/icons/16/res59.png") no-repeat top right;
}
.res60::after {
	background: url("/icons/16/res60.png") no-repeat top right;
}
.res61::after {
	background: url("/icons/16/res61.png") no-repeat top right;
}
.res62::after {
	background: url("/icons/16/res62.png") no-repeat top right;
}
.res63::after {
	background: url("/icons/16/res63.png") no-repeat top right;
}
.res64::after {
	background: url("/icons/16/res64.png") no-repeat top right;
}
.res65::after {
	background: url("/icons/16/res65.png") no-repeat top right;
}
.res66::after {
	background: url("/icons/16/res66.png") no-repeat top right;
}
.res67::after {
	background: url("/icons/16/res67.png") no-repeat top right;
}
.res68::after {
	background: url("/icons/16/res68.png") no-repeat top right;
}

.res32_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res32.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res40_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res40.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res50_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res50.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res51_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res51.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res52_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res52.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res53_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res53.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res54_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res54.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res55_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res55.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res56_24::after {
	 content: "";
	 display: inline-block;
	 background: url("/icons/24/res56.png") no-repeat top right;
	 width: 24px;
	 height: 24px;
	 padding: 0 3px 0 3px;
	 vertical-align: -3px;
}
.res57_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res57.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res58_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res58.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res59_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res59.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res60_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res60.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res61_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res61.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res62_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res62.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res63_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res63.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res64_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res64.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res65_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res65.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res66_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res66.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res67_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res67.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res68_24::after {
	content: "";
	display: inline-block;
	background: url("/icons/24/res68.png") no-repeat top right;
	width: 24px;
	height: 24px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res50_24_b::before,.res51_24_b::before,.res52_24_b::before,.res53_24_b::before,.res54_24_b::before,.res55_24_b::before,.res56_24_b::before,.res57_24_b::before,.res58_24_b::before,.res59_24_b::before,.res60_24_b::before,.res61_24_b::before,.res62_24_b::before, .res63_24_b::before,.res64_24_b::before,.res66_24_b::before,.res67_24_b::before,.res68_24_b::before{
	content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 5px;
    top: 1px;
}
.res50_24_b::before {
    background: url(/icons/24/res50.png) no-repeat top right;
}
.res51_24_b::before {
    background: url(/icons/24/res51.png) no-repeat top right;
}
.res52_24_b::before {
    background: url(/icons/24/res52.png) no-repeat top right;
}
.res53_24_b::before {
    background: url(/icons/24/res53.png) no-repeat top right;
}
.res54_24_b::before {
    background: url(/icons/24/res54.png) no-repeat top right;
}
.res55_24_b::before {
    background: url(/icons/24/res55.png) no-repeat top right;
}
.res56_24_b::before {
    background: url(/icons/24/res56.png) no-repeat top right;
}
.res57_24_b::before {
    background: url(/icons/24/res57.png) no-repeat top right;
}
.res58_24_b::before {
    background: url(/icons/24/res58.png) no-repeat top right;
}
.res59_24_b::before {
    background: url(/icons/24/res59.png) no-repeat top right;
}
.res60_24_b::before {
    background: url(/icons/24/res60.png) no-repeat top right;
}
.res61_24_b::before {
    background: url(/icons/24/res61.png) no-repeat top right;
}
.res62_24_b::before {
    background: url(/icons/24/res62.png) no-repeat top right;
}
.res63_24_b::before {
	background: url(/icons/24/res63.png) no-repeat top right;
}
.res64_24_b::before {
	background: url(/icons/24/res64.png) no-repeat top right;
}
.res66_24_b::before {
	background: url(/icons/24/res66.png) no-repeat top right;
}
.res67_24_b::before {
	background: url(/icons/24/res67.png) no-repeat top right;
}
.res68_24_b::before {
	background: url(/icons/24/res68.png) no-repeat top right;
}

.res50_b::before {
    content: "";
    display: inline-block;
    background: url(/icons/16/res50.png) no-repeat top right;
    width: 16px;
    height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res51_b::before {
    content: "";
    display: inline-block;
    background: url(/icons/16/res51.png) no-repeat top right;
    width: 16px;
    height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res52_b::before {
    content: "";
    display: inline-block;
    background: url(/icons/16/res52.png) no-repeat top right;
    width: 16px;
    height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res53_b::before {
    content: "";
    display: inline-block;
    background: url(/icons/16/res53.png) no-repeat top right;
    width: 16px;
    height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res54_b::before {
    content: "";
    display: inline-block;
    background: url(/icons/16/res54.png) no-repeat top right;
    width: 16px;
    height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res55_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res55.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res56_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res56.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res57_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res57.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res58_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res58.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res59_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res59.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res60_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res60.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res61_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res61.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res62_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res62.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res63_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res63.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res66_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res66.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res67_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res67.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res68_b::before {
	content: "";
	display: inline-block;
	background: url(/icons/16/res68.png) no-repeat top right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 10px;
	vertical-align: -2px;
}
.res35_32::after {
	content: "";
	display: inline-block;
	background: url("/icons/32/res35.png") no-repeat top right;
	width: 32px;
	height: 32px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res50_32::after,.res51_32::after,.res52_32::after,.res53_32::after,.res54_32::after,.res55_32::after,.res56_32::after,.res57_32::after,.res58_32::after,.res59_32::after,.res60_32::after,.res61_32::after,.res62_32::after,.res63_32::after,.res64_32::after,.res66_32::after,.res67_32::after,.res68_32::after {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 0 3px 0 3px;
	vertical-align: -3px;
}
.res50_32::after {
	background: url("/icons/32/res50.png") no-repeat top right;
}
.res51_32::after {
	background: url("/icons/32/res51.png") no-repeat top right;
}
.res52_32::after {
	background: url("/icons/32/res52.png") no-repeat top right;
}
.res53_32::after {
	background: url("/icons/32/res53.png") no-repeat top right;
}
.res54_32::after {
	background: url("/icons/32/res54.png") no-repeat top right;
}
.res55_32::after {
	background: url("/icons/32/res55.png") no-repeat top right;
}
.res56_32::after {
	background: url("/icons/32/res56.png") no-repeat top right;
}
.res57_32::after {
	background: url("/icons/32/res57.png") no-repeat top right;
}
.res58_32::after {
	background: url("/icons/32/res58.png") no-repeat top right;
}
.res59_32::after {
	background: url("/icons/32/res59.png") no-repeat top right;
}
.res60_32::after {
	background: url("/icons/32/res60.png") no-repeat top right;
}
.res61_32::after {
	background: url("/icons/32/res61.png") no-repeat top right;
}
.res62_32::after {
	background: url("/icons/32/res62.png") no-repeat top right;
}
.res63_32::after {
	background: url("/icons/32/res63.png") no-repeat top right;
}
.res64_32::after {
	background: url("/icons/32/res64.png") no-repeat top right;
}
.res66_32::after {
	background: url("/icons/32/res66.png") no-repeat top right;
}
.res67_32::after {
	background: url("/icons/32/res67.png") no-repeat top right;
}
.res68_32::after {
	background: url("/icons/32/res68.png") no-repeat top right;
}

.optiondisabled {
	opacity: 0.2;
}
.optiondisabledres {
	opacity: 0.8;
}
.optiondisabledres .builditem_title {
	background-color: #e8b4b4;
}

/* confirm box */
#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color: rgba(0,0,0,.5);
	z-index:12000;
}

#confirmBox{
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -250px;
	background-color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 35px 0 35px 0;
    box-shadow: 0 0 10px 0 #111111;
    width: 500px;
    cursor: default;
}
#confirmBox h1{
	background-color: #8bb5d9;
	line-height: 28px;
	padding-left: 23px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	border-radius: 40px 0 0 0;
	margin: 0;
	color:#FFFFFF;
}

#confirmBox p{
	padding: 18px 25px;
	color:#000000;
	font-size:16px;
	line-height:1.4;
	padding-top: 25px;
}

#confirmButtons{
	padding:15px 0 15px;
	text-align:center;
}

#confirmBox .button{
	display:inline-block;
	position:relative;
	margin-right: 50px;
	background-color: #dbe8f4;
	border: 2px solid #ffffff;
	width: 80px;
	height: 16px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 5px 0px #333333;
	-webkit-box-shadow: 0 0 5px 0px #333333;
	box-shadow: 0 0 5px 0px #333333;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	padding: 5px;
    text-decoration: none;
}

#confirmBox .button:hover{
	box-shadow: 0 0 13px 0px #001C40;
}

#confirmBox .button:last-child{	margin-right:0;}

#confirmBox .button span{
	position:absolute;
	top:0;
	right:-5px;
	width:5px;
	height:33px
}
#toastcontainer {
	position: absolute;
	top: 0px;
	left: 500px;
	z-index: 5000;
	width: 120px;
}
.city_toast {
	background-color: #8bb5d9;
	border: 3px solid #ffffff;
	position: relative;
	width: 110px;
	height: 22px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 5px 0px #333333;
	-webkit-box-shadow: 0 0 5px 0px #333333;
	box-shadow: 0 0 5px 0px #333333;
	overflow: hidden;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	padding: 2px;
	margin: 4px 8px;
}
#notecontainer {
	position: absolute;
	bottom: 20px;
	left: 300px;
	z-index: 5000;
	width: 1000px;
}
.tut_toast {
	background-color: #8bb5d9;
	border: 3px solid #ffffff;
	position: relative;
	line-height: 30px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 5px 0px #333333;
	-webkit-box-shadow: 0 0 5px 0px #333333;
	box-shadow: 0 0 5px 0px #333333;
	overflow: hidden;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	padding: 2px;
	margin: 4px 8px;
}
#statusbutton {
	background-color: #82d000;
	border: 2px solid #ffffff;
	position: relative;
	width: 210px;
	height: 18px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 18px;
	-moz-box-shadow: 0 0 3px 0px #333333;
	-webkit-box-shadow: 0 0 3px 0px #333333;
	box-shadow: 0 0 3px 0px #333333;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	margin: 5px auto;
	text-align: center;
	padding: 1px;
	line-height: 20px;
}

#statusbutton:hover {
	cursor: pointer;
	box-shadow: 0 0 8px 0px #001C40;
}

.sb_menu_button {
	position: relative;
	z-index: 500;
	width: 30px;
	height: 30px;
	border: 2px solid #FFFFFF;
	background-color: #8bb5d9;
	-moz-box-shadow: 0 0 3px 0px #333333;
	-webkit-box-shadow: 0 0 3px 0px #333333;
	box-shadow: 0 0 3px 0px #333333;
	-moz-border-radius: 12px;
	border-radius: 12px;
	cursor: pointer;
	display: inline-block;
	margin: 1px 5px 1px 0;
}
.sb_menu_button .icon{
	position: absolute;
	background-repeat: no-repeat;
	background-position: left top;
	top: 5px;
	left: 5px;
	z-index: 500;
	width: 24px;
	height: 24px;
}
.sb_menu_button:hover {
	cursor: pointer;
	box-shadow: 0 0 8px 0px #001C40;
}
.sb_menu_highlight {
	background-color: #a1ce56;
}
#menu_trade .icon{
	background-image:url('/img/noun/trade_24.png');
}
#menu_ranking .icon{
	background-image:url('/img/noun/ranking_24.png');
	background-size: 22px;
	top: 2px;
	left: 4px;
}
#menu_greatbuilding .icon{
	background-image:url('/img/noun/gb_24.png');
	background-size: 22px;
	top: 3px;
	left: 4px;
}
#menu_message .icon{
	background-image:url('/img/noun/email_24.png');
	background-size: 22px;
	top: 7px;
	left: 4px;
}
#menu_alliance .icon{
	background-image:url('/img/noun/group_24.png');
	background-size: 22px;
	top: 5px;
	left: 3px;
}
.playername {
	color: #374795;
	cursor: pointer;
}

/*
new select option
 */

.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #000000;
	width: 253px;
	height: 30px;
}

.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #eaf1f7;
	padding: 5px 10px;
	/*-moz-transition: all 0.2s ease-in;*/
	/*-o-transition: all 0.2s ease-in;*/
	/*-webkit-transition: all 0.2s ease-in;*/
	/*transition: all 0.2s ease-in;*/
}
.select-styled:after {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #000000 transparent transparent transparent;
	position: absolute;
	top: 12px;
	right: 10px;
}
.select-styled:hover {
	background-color: #8bb5d9;
}
.select-styled:active, .select-styled.active {
	background-color: #8bb5d9;
}
.select-styled:active:after, .select-styled.active:after {
	top: 5px;
	border-color: transparent transparent #000000 transparent;
}

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #eaf1f7;
	-moz-box-shadow: 0 0 2px 0px #333333;
	-webkit-box-shadow: 0 0 2px 0px #333333;
	box-shadow: 0 0 2px 0px #333333;
}
.select-options li {
	margin: 0;
	padding: 5px 0;
	text-indent: 10px;
	border-top: 1px solid #8bb5d9;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.select-options li:hover {
	background: #fff;
}
.select-options li[rel="hide"] {
	display: none;
}
#storage_size {
	font-weight: 400;
}
.storage_content0, .storage_content1 {
	padding: 20px;
	background-color: #dbe8f4;
}
.storage_content0 {
	height: 65px;
}
.storage_content1 {
	height: 400px;
	overflow-x: scroll;
	overflow-y: hidden;
}
.storage_info {
	border-top: 2px solid #ffffff;
}
#pop2screen_mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:11010;
	background-color: #333333;
	opacity: 0.2;
	display: none;
}
#player_popup {
	position: absolute;
    left: 0;
	top: 0;
    z-index: 11020;
    display: none;
	cursor: default;
	background-color: #FFFFFF;
    border: 2px solid #ffffff;
    width: 196px;
    -moz-border-radius: 20px 0;
    -webkit-border-radius: 20px 0;
    border-radius: 20px 0;
    -moz-box-shadow: 0 0 5px 0px #333333;
    -webkit-box-shadow: 0 0 5px 0px #333333;
    box-shadow: 0 0 5px 0px #333333;
    overflow: hidden;
    color: #000000;
    font-size: 26px;
    font-weight: 400;
}
.player_popheader {
	background-color: #c4daec;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    border-radius: 20px 0 0 0;
    margin-bottom: 2px;
	color: #000000;
	padding-right: 3px;
	padding-left: 15px;
	text-align: left;
}
.player_img {
	display: block;
	background: url(/img/avatar_n_1.png);
	width: 54px;
	height: 65px;
	float: left;
}
.player_stat {
	display: block;
	float: left;
	width: 140px;
	height: 65px;
}
.player_residents {
	display: block;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	text-align: right;
	margin-top: -2px;
}
.player_alli {
	display: block;
	font-size: 14px;
	line-height: 18px;
	height: 18px;
	text-align: right;
}
.player_actions {
	display: block;
	height: 25px;
	padding-left: 5px;
}
.visplayer {
	background: url(/img/noun/home_128.png);
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center;
}
.gbplayer {
	background: url(/img/noun/landmark2_128.png);
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center;
}
.msgplayer {
	background: url(/img/noun/mail_128.png);
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center;
}
.pactionbtn {
	position: relative;
	width: 23px;
	height: 23px;
	margin: 0 6px 0 0;
	border: 2px solid #FFFFFF;
	background-color: #8bb5d9;
	-moz-box-shadow: 0 0 2px 0px #333333;
	-webkit-box-shadow: 0 0 2px 0px #333333;
	box-shadow: 0 0 2px 0px #333333;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	display: block;
	font-size: 14px;
	float: left;
	text-align: center;
}
.pactionbtn:hover, .pactionbtn2:hover {
	cursor: pointer;
	box-shadow: 0 0 4px 0px #001C40;
}
.addfriend, .delfriend {
	color: #FFFFFF;
	font-size: 28px;
	line-height: 24px;
	font-size: 28px;
}
.delfriend {
	background-color: #d9ab8b;
}
.pactionbtn2 {
	position: absolute;
	top: 25px;
	left: 60px;
	width: 23px;
	height: 23px;
	margin: 0 6px 0 0;
	border: 2px solid #FFFFFF;
	background-color: #ccea99;
	-moz-box-shadow: 0 0 2px 0px #333333;
	-webkit-box-shadow: 0 0 2px 0px #333333;
	box-shadow: 0 0 2px 0px #333333;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	display: block;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 800;
	text-align: center;
}
.task_menu_btn {
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	-moz-box-shadow: 0 0 3px 0px #333333;
	-webkit-box-shadow: 0 0 3px 0px #333333;
	box-shadow: 0 0 3px 0px #333333;
	height: 25px;
	padding: 0px 10px;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	line-height: 30px;
	float: left;
	width: 44px;
	font-size: 14px;
	font-weight: 100;
	clip-path: inset(-5px -5px 0 -5px);
	text-align: center;
	cursor: pointer;
}
.task_menu_btn:hover {
	background-color: #dbe8f4;
	box-shadow: 0 0 4px 0px #333333;
}
.phead_btn {
	height: 25px;
	float: left;
	width: 70px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	border-right: 1px solid #ffffff;
}
.menu_active {
	background-color: #b6d0e6;
}
#taskmenuhead, #idlemenuhead, #playermenuhead {
	background-color: #bdccda;
	height: 25px;
}
.qhead_btn {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	height: 25px;
	float: left;
	width: 29px;
	border-right: 1px solid #ffffff;
}
.qhead_btn:hover {
	background-color: #a5bccf;
	cursor: pointer;
}
.qhead_btn_active {
	background-color: #8BB5D9;
}
#qbtn_fact, #ibtn_fact {
	background-image: url(/icons/64/setting_w.png);
}
#qbtn_prod, #ibtn_prod {
	background-image: url(/icons/64/axe_w.png);
}
#qbtn_build {
	background-image: url(/icons/64/hammer_w.png);
}
#qbtn_trade {
	background-image: url(/icons/64/trade_w.png);
}
#qbtn_collect {
	background-image: url(/img/noun/collect.png);
	background-size: 20px;
}
.phead_btn:hover {
	background-color: #a5bccf;
	cursor: pointer;
}
.player_mframe {
	position: relative;
	cursor: default;
	background-color: #FFFFFF;
    border: 2px solid #ffffff;
    width: 196px;
	height: 86px;
    -moz-border-radius: 20px 0;
    -webkit-border-radius: 20px 0;
    border-radius: 20px 0;
    -moz-box-shadow: 0 0 5px 0px #333333;
    -webkit-box-shadow: 0 0 5px 0px #333333;
    box-shadow: 0 0 5px 0px #333333;
    color: #000000;
    font-size: 26px;
    font-weight: 400;
	margin: 5px 5px 5px 7px;
}
#friendmapframe {
	position: absolute;
	left: 10px;
	z-index: 5000;
	width: 200px;
	top: 10px;
}
.menudisable {
	opacity: 0.3;
}
#maphome_btn {
	position: absolute;
	top: 120px;
	left: 18px;
	z-index: 510;
	width: 40px;
	height: 40px;
	border: 4px solid #FFFFFF;
	background-color: #8bb5d9;
	-moz-box-shadow: 0 0 2px 2px #222222;
	-webkit-box-shadow: 0 0 2px 2px #222222;
	box-shadow: 0 0 2px 2px #222222;
	-moz-border-radius: 35px;
	border-radius: 30px;
	cursor: pointer;
	overflow: hidden;
	display: none;
}
#maphome_btn .icon {
	position: absolute;
	background-image: url(/img/noun/home_128.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 25px;
	top: 7px;
	left: 8px;
	z-index: 500;
	width: 32px;
	height: 32px;
}
#maphome_btn:hover{
	background-color: #7699b8;
	box-shadow: 0 0 4px 2px #222222;
}
.optiondisabled_2 {
	opacity: 0.5;
}
#idlelist .bgcontent {
	float: left;
}