div.uwt-tabcontainer
{
	border: 1px solid @ControlBorderColor;

	&> ul.uwt-tabcontainer-tabs
	{
		background-color: @WindowBackgroundColor;
		border-bottom: 1px solid @ControlBorderColor;
		user-select: none;
		&> li
		{
			&> a
			{
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3efff+0,c5ddff+40,add1ff+41,c0dbff+100 */
				background: linear-gradient(to bottom, #e3efff 0%,#c5ddff 40%,#add1ff 41%,#c0dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				border-right: 1px solid @ControlBorderColor;
				cursor: default;
			}
			&:hover > a
			{
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffd9aa+0,ffbc6f+40,ffab3f+41,fee07a+100 */
				background: linear-gradient(to bottom, #fffee4 0%,#ffe9a8 40%,#ffd767 41%,#ffe69e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}
			&.uwt-selected > a
			{
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffd9aa+0,ffbc6f+40,ffab3f+41,fee07a+100 */
				background: linear-gradient(to bottom, #ffd9aa 0%,#ffbc6f 40%,#ffab3f 41%,#fee07a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				&:hover
				{
					background: linear-gradient(to bottom, #ffbd69 0%,#ffac43 40%,#fb8c3c 41%,#fed264 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				}
			}
			&:active > a, &.uwt-selected:active > a
			{
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffd9aa+0,ffbc6f+40,ffab3f+41,fee07a+100 */
				background: linear-gradient(to bottom, #ffbd69 0%,#ffac43 40%,#fb8c3c 41%,#feb966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}
		}
	}
	&> div.uwt-tabcontainer-tabpages
	{
		&> div.uwt-tabpage
		{
			background: @TabPageBackground;
		}
	}
}