/* STEAM.CSBET.RU */

/* COMMON STYLE */
body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.625em;
}

a:link, a:active, a:visited {
	color: #336699;
	text-decoration: underline;
}

a:hover {
	color: #99ccff;
	text-decoration: none;
}

h1 {
	font-size: 28px;
	padding: 20px 0;
	text-align: center;
}

/* COMMON CUSTOM STYLE */
.wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

a.external[href^="http://"]{
	background: url("../img/link.external.gif") transparent scroll 100% 50%  no-repeat;
	padding: 0 14px 0 0;
}

.avatar_medium {
	background: url(../img/avatar_medium.png) transparent top left no-repeat;
	height: 72px;
	/*overflow: hidden;*/
	position: absolute;
	width: 72px;
}

	.avatar_medium.offline {background-position: 0 0;}
	.avatar_medium.online {background-position: 0 -72px;}
	.avatar_medium.in-game {background-position: 0 -144px;}

	.avatar_medium p {
		font-size: 12px;
		line-height: 16px;
		text-align: center;
	}

.avatar_small {
	background: url(../img/avatar_small.png) transparent top left no-repeat;
	height: 40px;
	left: 8px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	width: 40px;
}

	.avatar_small.offline {background-position: 0 0;}
	.avatar_small.online {background-position: 0 -40px;}
	.avatar_small.in-game {background-position: 0 -80px;}

.avatar_small img, .avatar_medium img {
	margin: 4px;
}

b.ismember {
	color: #189400;
}

	b.ismember.not {
		color: #C70000;
	}

#overlay {
	background-color: white;
	display: none;
	filter: alpha(opacity = 50);
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 49;
}

#loading {
	background: url(../img/steam_loading.gif) #252525 99% 50% no-repeat;
	border: 2px solid #666;
	color: #ccc;
	display: none;
	font-size: 12px;
	line-height: 14px;
	padding: 0 10px;
	position: absolute;
	right: 10px;
	line-height: 42px;
	text-align: left;
	top: 10px;
	width: 160px;
	z-index: 50;
}

	#loading.error {background-color: maroon;}

#errors {
	display: none;
}

.getsteam {
	background: url('../img/logo_getsteam.gif') white 0 50% no-repeat;
	padding-left: 70px;
}

a.code {
	background-color: #FFFF66;
	color: #333;
	padding: 2px;
	margin: 2px;
}

.wholder {
	height: 64px;
	text-align: center;
	vertical-align: middle;
	width: 414px;
}

/* HEAD */
.head {
	color: #333;
	font-size: 28px;
	line-height: 36px;
	text-align: center;
	margin: 10px auto;
}

/* CONTENT */
.content {
	
}

	.content form {
		margin: 8px 0;
	}

	.content input {
		border: 1px solid #ccc;
	}

		.content input.send {
			border-left: 2px solid #ccc;
			border-top: 2px solid #ccc;
			border-right: 1px solid #333;
			border-bottom: 1px solid #333;
			padding: 0 10px;
		}

	.content em {
		color: #3399FF;	
	}
	
	.content ul {
		list-style: square outside;
		padding-left: 15px;
		margin: 10px 0;
	}

		.content ul.errors, .red {
			color: maroon;
		}

		.content ul.errors li {
			font-size: 16px;
			line-height: 22px;
		}

	.content fieldset {
		border: 2px solid #ccc;
		display: inline-block;
		font-size: 16px;
		line-height: 22px;
		min-height: 300px;
		overflow: hidden;
		position: relative;
		width: 460px;
		margin-right: 10px;
		vertical-align: top;
	}

		.content fieldset legend {
			color: #333;
			font-size: 26px;
			line-height: 32px;
			margin: 0 5px;
			padding: 0 5px;
		}

		.content fieldset div.wrap {
			height: 260px;
			overflow-x: hidden;
			overflow-y: auto;
			padding: 10px;
		}

			/* ENAZA WIDGET */
			.content fieldset div.wrap .enz-widget {
				display: inline-block;
			}

				.content fieldset div.wrap .enz-widget .banner-cover {
					width: 100%;
				}

				.content fieldset div.wrap .enz-widget .btn-buy {
					margin: 0 2px;
				}

				.content fieldset div.wrap .enz-widget .btn, .content fieldset div.wrap .enz-widget .bar-subscription__activate, .content fieldset div.wrap .enz-widget .bar-subscription__activate-paused, .content fieldset div.wrap .enz-widget .bar-subscription__activate-active, .content fieldset div.wrap .enz-widget .bar-subscription__activate-paused-active {
					padding: 0 1.4em;
				}

	/* WIDGET */
	.widget {
		background: url(../img/steam.gif) #252525 95% 50% no-repeat;
		border: 2px solid #666;
		height: 54px;
		margin: 10px 0;
		padding: 5px;
		position: relative;
		width: 400px;
	}

		.widget.loading {
			background: url(../img/steam_loading.gif) #252525 99% 50% no-repeat;
		}

		/* avatar in common custom styles */

		.widget .info {
			color: #ccc;
			position: absolute;
			top: 12px;
			left: 56px;
		}

			.widget .info a {
				color: #3399FF;
				text-decoration: none;
			}
	
			.widget .info a:hover {
				color: #66CCFF;
			}

			.widget .info ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
		
			.widget .info ul li {
				font-size: 9px;
				line-height: 14px;
			}

				.widget .info ul li.name {
					font-size: 11px;
					font-weight: bold;
				}

		.widget .copyright {
			bottom: 4px;
			font-size: 8px;
			line-height: 10px;
			position: absolute;
			right: 8px;
			text-transform: uppercase;
		}

			.widget .copyright a {
				color: #999;
				text-decoration: none;
			}
	
			.widget .copyright a:hover {
				color: #66CCFF;
			}

		p.getone {
			color: #336699;
			cursor: pointer;
			font-size: 32px;
			line-height: 64px;
			text-align: center;
			text-decoration: underline;
		}

			p.getone:hover {
				color: #99ccff;
				text-decoration: none;
			}

	.result {
		position: relative;
	}

		.result.banned {
			background: url('../img/banned.png') transparent 50% 50px no-repeat;
		}

		.result .avatar_medium {
			height: 72px;
			right: 10px;
			top: 0;
			width: 72px;
		}

		.result p {
			margin-bottom: 10px;
		}

		.result ul {
			margin: 0;
		}

			.result ul li {
				font-size: 12px;
				line-height: 18px;
			}

/* FOOTER */
.footer {
	/*border-top: 2px solid #ccc;*/
	margin: 10px auto;
	position: relative;
	width: 960px;
}

	.footer .logo {
		background: URL('../img/footer.png') white 0 0 no-repeat;
		float: left;
		font-size: 12px;
		height: 33px;
		line-height: 16px;
		padding-left: 40px;
		width: 70%;
	}

	.footer .vk {
		margin-left: 70%;
		position: absolute;
		text-align: right;
		width: 30%;
	}

/* TURBODOM UPDATE */
.domru_holder {
	background-color: #252525;
	border: 2px solid #666;
	height: 58px;
	position: relative;
	width: 410px;
}

.domru_logo {
	background: url('../img/domru_logo.png') transparent;
	display: block;
	height: 78px;
	left: 10px;
	position: absolute;
	top: -10px;
	width: 78px;
}

.domru_turbodom {
	background: url('../img/domru_turbodom.png') transparent;
	display: block;
	height: 26px;
	left: 93px;
	position: absolute;
	top: 18px;
	width: 144px;
}

.domru_steam_text {
	bottom: 0;
	bottom: 7px;
	color: #999;
	font-size: 10px;
	line-height: 14px;
	position: absolute;
	right: 0;
	width: 112px;
}


.getsteambot {
    background: rgba(120,120,120,0.7);
    display: block;
    height: 300px;
    min-height: 100%;
    width: 100%;
    z-index: 1;
}

	.getsteambot_background {
		line-height: 0;
		margin: 0 -32px 0 -32px;
		overflow: hidden;
		position: absolute;
		z-index: 1;
	}

	.getsteambot_text {
		background: rgba(255,255,255,0.8);
		border-radius: 10px;
		bottom: 50px;
		color: #000;
		left: 50%;
		margin-left: -125px;
		padding: 10px;
		position: absolute;
		text-align: center;
		width: 250px;
		z-index: 2;
	}