div.uwt-ribbon
{
	border-top: 1px solid #dde9f8;
	background-color: #bfdbff;
	min-height: 115px;
	&> div.uwt-ribbon-application-button
	{
		padding: 0px;
		&> a
		{
			background: linear-gradient(to bottom, #4887c3 0%,#2d66b1 50%, #1a4088 51%, #409acf 100%);
			border: 1px solid #416abd;
			border-radius: 0px;
			border-top-right-radius: 3px;
			text-decoration: none;

			display: inline-block;
			/*
			width: 56px;
			height: 22px;
			padding: 0px;
			*/

			&:hover
			{
				background: linear-gradient(to bottom, #77baf0 0%,#4886d2 50%, #114eaf 51%, #80e1ff 100%);
				border-color: #4487d5;
			}
			&:active
			{
				background: linear-gradient(to bottom, #4a89c5 0%,#3167af 50%, #1c4389 51%, #358bc9 100%);
				border-color: #4a8ac5;
			}

			&> span.uwt-icon
			{
				background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAALCAYAAABhwJ3wAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8/tCIVETuIOGSouthFRXSrVShChVArtOpgcumH0KQhSXFxFFwLDn4sVh1cnHV1cBUEwQ8QZwcnRRcp8X9JoUWMB8f9eHfvcfcO8NfLTDWDcUDVLCOdTAjZ3IoQekUngujDDEYlZuqzopiC5/i6h4+vdzGe5X3uz9Gj5E0G+ATiONMNi3ideGrT0jnvE0dYSVKIz4nHDLog8SPXZZffOBcd9vPMiJFJzxFHiIViG8ttzEqGSjxJHFVUjfL9WZcVzluc1XKVNe/JXxjOa8tLXKc5hCQWsAgRAmRUsYEyLMRo1Ugxkab9hId/0PGL5JLJtQFGjnlUoEJy/OB/8LtbszAx7iaFE0DHi21/DAOhXaBRs+3vY9tunACBZ+BKa/krdWD6k/RaS4seAb3bwMV1S5P3gMsdYOBJlwzJkQI0/YUC8H5G35QD+m+B7lW3t+Y+Th+ADHWVugEODoGRImWveby7q723f880+/sB0LhyzIguEy4AAAAGYktHRABIAIcAw3fXNvgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfoBgQSAzAkt0XJAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAaxJREFUOMuVk8luk0EQhL92xguOROJfvyMObBEcQByAB+CAeC8uvBdCPACbCIpkECRCKDjBcQJY/mcrDl4ksB3kOsyhZ7prqqvb9g9/6NbVghn2Dobcv7nNRfjy/ZzdK1v2+OlzA5AEwItnT7QqxyTJx8l9wxlvPp/yYLfDLLYMDWeYmbEGnICUIpJRd44kEBBjYvNSfaHYaBwk51gXrqo8MSYkqKqMrzyz2NmvkWxKPEOIASOvT+RDIIaEEODwIeBDIIRIWWwvKDoZDIWWKzodni3pt5DA5ZSovMcQGzXDn/8kp8sE7/l21JfNn4MBwXs2asvt6Wxv2WBwqvF4zO/RiM12m1arRVF0zClngq8A0WzUkYRyxvuKG9evLVQ8OPyqZqO+skVF0bHjkxO1UpN6o05RdAzApZzw3gOQciIrM4kFeh8/iX8UVb6inVsX+tEtS+v3j9Uty/lHXYpTIoMUE0kixYQPnnt37ywo2vuwrxTTf83f2ena3+MtEWOcmiasZkgihsDbd+9lwOSY6IoxzBd0ral7+arHo4e3mW34jKhbliuTXveO1ib6Axj2AoSb6atGAAAAAElFTkSuQmCC');
				background-repeat: no-repeat;
				background-position: center;
				display: inline-block;
				width: 26px;
				height: 11px;
			}
		}
	}
	&> ul.uwt-ribbon-tab-buttons
	{
		border-bottom: 1px solid #8db2e3;
		&> li
		{
			color: @ControlForegroundColor;
			&.uwt-selected
			{
				background: linear-gradient(to bottom, #f4f9ff 0%,#e1eaf6 100%);
				border: 1px solid #97b9e5;
				border-bottom: none;
			}
		}
	}
	&> div.uwt-ribbon-tab-contents
	{
		&> div.uwt-ribbon-tab-content
		{
			background: linear-gradient(to bottom, #dbe6f4 0%, #cfddef 40%, #c9d9ed 41%, #e7f2ff 100%);

			&> div.uwt-ribbon-tab-group
			{
				border: 1px solid #9ebfdb;
				border-top-color: #c5d2df;
				&> div.uwt-title
				{
					background: linear-gradient(to bottom, #c2d8f1 0%, #c0d8ef 100%);
					color: #3e6aaa;
				}

				&:hover
				{
					background: linear-gradient(to bottom, #e4effd 0%, #e8f0fc 40%, #dceafb 41%, #dce8f8 100%);
					&> div.uwt-title
					{
						background: linear-gradient(to bottom, #c8e0ff 0%, #d6edff 100%);
					}
				}

				&> div.uwt-content
				{
					div.uwt-ribbon-command
					{
						&.uwt-button
						{
							border: 1px solid transparent;
							&:hover
							{
								background: linear-gradient(to bottom, #fffdec 0%, #ffedb3 50%, #ffda6e 51%, #ffe9a4 100%);
								border-color: #dbce99;
								border-bottom-color: #cbc3aa;
							}
						}
					}
				}
			}
		}
	}
}