@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

@radius: 2px;

.v7#site-holder
{
	div#atlas-header,
	div#atlas
	{
		&.menu-on-left #atlas-tabs,
		#menu-holder ul#atlas-tabs,
		#atlas-tab-content ul#atlas-tabs
		{
			li h2
			{
				font-size: 18px;
			}
		}

		.buttons.matrix#atlas-tabs a
		{
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 9px 25px;
			margin-bottom: 20px;
			background: white;
			border-color: #c8d7df;
			color: #353d40;

			&.active
			{
				color: white;
				background: @accent-color;
				border-color: @accent-color;
			}
		}
	}
}

div#atlas-header,
div#atlas
{
	&.menu-on-left #atlas-tabs,
	#menu-holder ul#atlas-tabs,
	#atlas-tab-content ul#atlas-tabs
	{
		html[dir='rtl'] &
		{
			float: right;
			width: 100%;
		}

		li
		{
			display: inline;
			font-weight: bold;
			font-family: @title-font;
			margin-right: 2em;

			html[dir='rtl'] &
			{
				float: right;
				.margin-left-right(2em, 0);
			}

			h2
			{
				display: inline;
				font-size: 100%;
				font-weight: bold;

				&.active
				{
					border-bottom: 2px solid @accent-color;
				}

				a
				{
					color: inherit;
					text-decoration: none;
					outline: none;
				}
			}
		}

		&.topic-tabs
		{
			a
			{
				color: inherit;
				text-decoration: none;

				&.active
				{
					border-bottom: 2px solid @accent-color;
				}
			}
		}
	}

	.buttons#atlas-tabs
	{
		text-align: center;
		list-style-type: none;
		padding: 0;
		margin: 0;

		li
		{
			display: inline-block;

			h2
			{
				a
				{
					text-decoration: none;
					display: inline-block;
					color: @accent-color;
					background: #f0f0f0;
					font: normal .8em @title-font;
					padding: 4px 1em;
					border: 1px solid @accent-color;
					outline: none;

					&.active
					{
						color: black;
						background: white;
						font-weight: bold;
					}
				}

				&.active a
				{
					color: black;
					background: white;
					font-weight: bold;
				}
			}

			&:first-child a
			{
				border-top-left-radius: @radius;
				border-bottom-left-radius: @radius;
				border-right-width: 0;

				html[dir='rtl'] &
				{
					border-radius: 0 @radius @radius 0;
					border-right-width: 1px;
					border-left-width: 0;
				}
			}

			&:last-child a
			{
				border-top-right-radius: @radius;
				border-bottom-right-radius: @radius;
				border-left-width: 0;

				html[dir='rtl'] &
				{
					border-radius: @radius 0 0 @radius;
					border-right-width: 0;
					border-left-width: 1px;
				}
			}
		}

		html[dir='rtl'] &
		{
			padding: 0;
		}

		&.matrix
		{
			margin-top: 1em;

			a
			{
				font-size: .8em;
			}
		}
	}

	.region-level-tabs.buttons
	{
		float: right;
		width: auto;

		html[dir='rtl'] &
		{
			float: left;
		}

		h2
		{
			margin: 0;
		}
	}

	.yodatai-description
	{
		margin: 15px 0;

		.icon
		{
			display: none;
		}
	}

	#indicator .yodatai-description
	{
		margin-top: 0;
	}
}

.premium#atlas .buttons#atlas-tabs
{
	margin-top: 10px;

	li h2
	{
		a
		{
			border-color: #999;
			color: #999;
		}
	}
}

#atlas-chrome-app-install
{
	width: 241px;
	height: 30px;
	background: transparent url('/Img/v2/atlas/btn_get_wda.png') no-repeat top;
	display: none;
	float: right;

	html[dir='rtl'] &
	{
		float: left;
	}

	&:hover
	{
		background-position: bottom;
	}
}