#site-holder #site-main
{
	padding: 20px 0 0 0;
	overflow: hidden;
}

p
{
	font-size: 21px;
	text-align: center;

	&.failed-hint
	{
		text-align: left;
	}
}

.tabs
{
	border-bottom: 1px solid #ebf2f5;
	height: 79px;
	width: 934px;
	margin-left: 3px;

	div
	{
		border: 1px solid #ebf2f5;
		background: #ebf2f5;
		border-bottom: none;
		width: 298px;
		height: 80px;
		margin-right: 20px;
		padding: 20px 15px;
		box-sizing: border-box;
		float: left;
		cursor: pointer;

		&.active
		{
			background: white;
		}

		&:last-child
		{
			margin-right: 0;
		}

		.img
		{
			width: 25px;
			height: 25px;
			float: left;
			margin-top: 10px;
			.hires('/img/community/premium/ico-level-1');
		}

		&.tab-explorer .img
		{
			.hires('/img/community/premium/ico-level-2');
		}

		&.tab-analyst .img
		{
			.hires('/img/community/premium/ico-level-3');
		}

		h3
		{
			font-size: 16px;
			margin: 0;
			padding-left: 40px;
		}

		p
		{
			font-size: 12px;
			color: #5587a6;
			text-align: left;
			margin: 0;
			padding-left: 40px;
		}
	}
}

.tabs-heading
{
	text-align: center;
	div
	{
		display: none;

		&.active
		{
			display: block;
		}
	}

	h2
	{
		color: #757520;
		font-size: 24px;
		margin-bottom: 0;
	}

	span
	{
		color: #5587a6;
		display: block;
		font-size: 16px;

		a
		{
			color: inherit;
		}
	}

	p
	{
		font-size: 14px;
		padding: 0 100px;
	}

	.analyst
	{
		h2
		{
			font-size: 16px;

			a
			{
				color: #757520;
			}
		}

		p
		{
			text-align: left;
		}
	} 
}

.tabs-content
{
	ol
	{
		font-size: 30px;
		font-weight: bold;
		color: #ebf2f5;

		li
		{
			margin: 0 0 15px 0;
			line-height: .5;
			width: 435px;
		}

		span
		{
			font-size: 14px;
			font-weight: normal;
			color: black;

			&.table-1,
			&.table-2,
			&.table-3
			{
				display: block;
				width: 420px;
				height: 290px;
				.hires('/img/community/premium/table-1', 'jpg');
			}

			&.table-2
			{
				.hires('/img/community/premium/table-2', 'jpg');
			}

			&.table-3
			{
				.hires('/img/community/premium/table-3', 'jpg');
			}
		}
	}

	.envoy.tab-content,
	.explorer.tab-content 
	{
		float: left;
		display: none;	
	}

	.envoy.tab-content,
	.analyst.tab-content
	{
		margin-bottom: 20px;
	}

	.analyst.tab-content
	{
		display: none;

		li
		{
			width: 890px;
		}

		p
		{
			font-weight: bold;
			font-size: 16px;
			text-align: left;

			a
			{
				color: white;
				font-family: "PT Sans";
				padding: 6px 15px;
				background: #757520;
				border-radius: 2px;
				text-decoration: none;
				margin-left: 40px;
				margin-right: 10px;
			}
		}
	}

	.credit-card
	{
		float: right;
		width: 450px;
		border: 1px solid #EFF1F0;
		padding: 17px 49px;
		margin-top: 5px;
		box-sizing: border-box;

		#first-card
		{
			position: relative;
		}

		form input[type=text]#cvv
		{
			width: 60px;
			margin-right: 0;
			position: absolute;
			right: 0;

			html[dir='rtl'] &
			{
				right: auto;
				left: 0;
			}
		}

		.plans
		{
			.plan
			{
				border-color: #F0F2F1;
				border-radius: 3px;

				&.selected
				{
					background: #EAF2F5;
					border-color: #EEF2F5;
					border-width: 1px;
				}

				.title-description
				{
					display: inline-block;
					vertical-align: top;
					width: 130px;

					.title
					{
						font: bold 16px @title-font;
						color: black;
					}

					.description
					{
						font: 11px 'PT Sans';
						color: #5587a6;
					}
				}

				input[type="radio"]
				{
					display: inline-block;
					vertical-align: top;
					margin-top: 20px;
				}

				label
				{
					display: inline-block;
					vertical-align: top;
					width: 52px;
					margin-top: 5px;

					.price
					{
						font: bold 16px @title-font;
						color: #757520;
						float: none;
						text-align: left;
					}

					.period
					{
						font: 11px @title-font;
						color: black;
					}
				}

				.sale
				{
					display: inline-block;
					vertical-align: top;
					width: 48px;
					height: 48px;
					.hires('/img/community/premium/ico-sale');
				}

				.contact-us
				{
					display: inline-block;
					vertical-align: top;
					font: 14px @title-font;
					color: #757520;
					width: 134px;
					margin-top: 7px;
					margin-left: 20px;
					text-align: center;
				}
			}
		}

		.premium-btn
		{
			display: block;
			background-color: #75751F;
			color: white;
			font-weight: bold;
			font-size: 18px;
			font-family: 'PT Sans';
			text-align: center;
			border-radius: 3px;
			padding: 8px 0;
			margin-top: 10px;

			.sum
			{
				font: italic 12px 'PT Sans';
				color: white;
				margin-left: 10px;
			}
		}

		.note
		{
			text-align: left;
			color: #5587a6;
			margin-top: 10px;
		}

		.warning
		{
			margin: 10px 0;
		}
	}

	.analyst.tab-content
	{
		clear: both;
	}

	.active
	{
		&.envoy,
		&.explorer,
		&.analyst
		{
			display: block;
		}
	}
}

h2.contact-us
{
	font-weight: normal;
	font-size: 21px;
	text-align: center;
	margin-bottom: 40px;
}

h3.contact-us
{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#contact-us
{
	width: 405px;
	margin: 0 auto;

	label
	{
		display: block;
		font-weight: bold;
		font-family: "PT Sans";
	}

	input[type=text]
	{
		width: 400px;
		border: 1px solid #cccccc;
		color: #7f8c7d;
		height: 24px;
		margin-bottom: 10px;
		padding: 5px 0 5px 10px;
		font-family: "PT Sans";
	}

	input[name=Company]
	{
		width: 405px;
	}

	input[data-val-required]
	{
		border-left: 5px solid #39922c;
	}

	input[type=submit]
	{
		color: white;
		font-family: "PT Sans";
		font-weight: bold;
		font-size: 16px;
		padding: 8px 25px;
		background: #757520;
		border-radius: 2px;
		text-decoration: none;
		margin-top: 20px;
		display: inline-block;
	}

	.center
	{
		text-align: center;
	}

	textarea
	{
		width: 405px;
		height: 80px;
		border: 1px solid #cccccc;
		color: #7f8c7d;
		font-family: "PT Sans";
		padding: 5px 0 5px 10px;
	}
}

.analyst-subscribe
{
	.top-part
	{
		text-align: center;

		h1
		{
			font: bold 24px @title-font;
			color: black;
		}

		h2
		{
			font: 16px @title-font;
			color: #5587a6;
		}
	}

	.tabs-content
	{
		.tab-content
		{
			float: left;

			li
			{
				width: 435px;
			}
		}

		.credit-card
		{
			.plan
			{
				.title-description
				{
					width: 115px;
				}

				label
				{
					width: 58px;
				}
			}
		}
	}
}

.analyst-trial
{
	.top-part
	{
		text-align: center;

		h1
		{
			font: bold 24px @title-font;
			color: black;
		}

		h2
		{
			font: 16px @title-font;
			color: #5587a6;
		}
	}

	.tabs-content
	{
		.tab-content
		{
			float: left;

			li
			{
				width: 435px;
			}
		}

		.credit-card
		{
			min-height: 230px;

			.description
			{
				margin-top: 30px;

				p
				{
					font: 16px 'PT Sans';
					color: black;

					a
					{
						color: #5587a6;
						outline: none;
					}
				}
			
			}
		}
	}
}

#trial-activated-content {
	display: none;
	border-bottom: solid 1px #ebf2f5;
	margin-bottom: 20px;
}

.trial-activated-dialog {
	h1 {
		font: bold 20px 'Georgia', sans-serif;
		color: black;
	}

	p {
		font: 16px 'Georgia', sans-serif;
		color: black;
		text-align: left;

		a
		{
			color: @accent-color;
			outline: none;
		}
	}

	.ui-dialog-buttonpane {
		margin: 0;

		.ui-dialog-buttonset {
			margin: 0;

			button {
				background: #88853a;
				border-radius: 2px;
				padding: 10px 30px;

				span {
					font: bold 14px 'PT Sans', sans-serif;
					color: white;
					text-transform: uppercase;
				}
			}
		}
	}
}