﻿
#modal .block-content h1,
#modal .block-content .h1 {
	position: absolute;
	left: 0.5em;
	top: -0.444em;
	margin: 0;
	z-index: 100;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	}
	/* IE class */
	#modal  .ie .block-content h1,
	#modal  .ie .block-content .h1 {
		padding: 0.333em 0.444em;
	}
	#modal  .block-content .h1 h1 {
		position: relative;
		left: 0;
		top: 0;
		z-index: 1;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-background-clip: padding-box;
		padding: 0;
	}
	#modal .block-content h1 > a,
	#modal .block-content .h1 > a {
		display: block;
		position: absolute;
		top: -1px;
		left: 100%;
		margin-left: 0.5em;
		font-size: 0.778em;
		text-transform: uppercase;
		color: #cccccc;
		border: 1px solid;
		border-color: #7e9098 #61727b #2b373d;
		background: #40535c url(../images/old-browsers-bg/title-link-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			white,
			#9eb1ba 4%,
			#40535c
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(white),
			to(#40535c),
			color-stop(0.03, #9eb1ba)
		);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		-webkit-background-clip: padding-box;
		line-height: 1.143em;
		padding: 0.5em 0.571em;
		white-space: nowrap;
		}
		/* IE class */
		#modal .ie7 .block-content h1 > a,
		#modal .ie7 .block-content .h1 > a {
			padding: 0.429em 0.571em;
		}
		#modal .block-content h1 > a:hover,
		#modal .block-content .h1 > a:hover {
			color: white;
			border-color: #1eafdc #1193d5 #035592;
			background: #057fdb url(../images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			background-size: 100% 100%;
			background: -moz-linear-gradient(
				top,
				white,
				#2bcef3 4%,
				#057fdb
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(white),
				to(#057fdb),
				color-stop(0.03, #2bcef3)
			);
		}
		#modal .block-content h1 > a img,
		#modal .block-content .h1 > a img {
			margin-bottom: -3px;
		}
		#modal .red .block-content h1 > a:hover,
		#modal .red .block-content .h1 > a:hover,
		#modal .block-content.red h1 > a:hover,
		#modal .block-content.red .h1 > a:hover,
		#modal .block-content .red h1 > a:hover,
		#modal .block-content .red .h1 > a:hover,
		#modal .block-content h1.red > a:hover,
		#modal .block-content .h1.red > a:hover {
			border-color: #c24949 #9d3d3d #590909;
			background: #9d0404 url(../images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
			background: -moz-linear-gradient(
				top,
				white,
				#fe6565 4%,
				#9d0404
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(white),
				to(#9d0404),
				color-stop(0.03, #fe6565)
			);
		}

	.block-content.no-title {
		padding-top: 1.667em;
	}
	.block-content.no-padding.no-title {
		padding-top: 0;
	}
/****************** Action tabs *****************/
#modal .action-tabs {
	position: absolute;
	z-index: 89;
	right: 100%;
	width: 3em;
	overflow: hidden;
	padding-top: 2em;
	}
	#modal .block-border > .action-tabs,
	#modal .block-content > .action-tabs {
		margin-right: 1px;
	}
	#modal .action-tabs.right {
		right: auto;
		left: 100%;
	}
	#modal .block-border > .action-tabs.right,
	#modal .block-content > .action-tabs.right {
		margin-right: 0;
		margin-left: 1px;
	}
	#modal .action-tabs li {
		float: right;
		width: 1.5em;
		padding: 0.667em 0.417em 0.667em 0.667em;
		background: url(../images/old-browsers-bg/white20.png);
		background: rgba(255, 255, 255, 0.2);
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
		margin: 0 -0.167em 0.5em 0;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
		}
		#modal .action-tabs.right li {
			float: left;
			padding: 0.667em 0.667em 0.667em 0.417em;
			margin: 0 0 0.5em -0.167em;
			text-align: right;
		}
		#modal .action-tabs li:hover {
			margin-right: 0;
			-moz-transition: all 100ms;
			-webkit-transition: all 100ms;
			-o-transition: all 100ms;
			transition: all 100ms;
			}
			.action-tabs.right li:hover {
				margin-left: 0;
			}
		
		#modal .action-tabs li a {
			display: block;
			margin: -0.667em -0.5em -0.667em -0.667em;
			padding: 0.583em 0.5em 0.583em 0.583em;
			border: 0.083em solid;
			border-color: #c8cacc white #777a7d #aeb0b4;
			border-right: 0;
			background: #9a9ea3 url(../images/old-browsers-bg/action-tab-bg.png) repeat-x top;
			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			background-size: 100% 100%;
			background: -moz-linear-gradient(
				top,
				#82858b,
				#9a9ea3
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#82858b),
				to(#9a9ea3)
			);
			}
			#modal .action-tabs.right li a {
				margin: -0.667em -0.667em -0.667em -0.5em;
				padding: 0.583em 0.583em 0.583em 0.5em;
				border-left: 0;
				border-right: 0.083em solid;
				border-color: #c8cacc #77797e #777a7d white;
				text-align: right;
			}
			#modal .action-tabs li:hover a {
				border-color: #dcddde white #999a9d #cfd0d3;
				background: #c7c9cd url(../images/old-browsers-bg/action-tab-hover-bg.png) repeat-x top;
				background: -moz-linear-gradient(
					top,
					#afb0b4,
					#c7c9cd
				);
				background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#afb0b4),
					to(#c7c9cd)
				);
				}
				#modal .action-tabs.right li:hover a {
					border-color: #dcddde #9b9da0 #999a9d white;
				}
/**************** Content columns ***************/
#modal .content-columns {
	position: relative;
	z-index: 89;
	margin: 0 -1.417em;
	}
	#modal .content-columns:last-child {
		margin-bottom: -1.667em;
	}
	/* IE class */
	#modal .content-columns.last-child {
		margin-bottom: -1.667em;
	}
	#modal .block-controls + .content-columns {
		margin-top: -1.667em;
	}
	#modal .block-content.no-title .content-columns:first-child {
		margin-top: -1.667em;
	}
	/* IE class */
	#modal .block-content.no-title .content-columns.first-child {
		margin-top: -1.667em;
	}
	#modal .block-content.no-padding .content-columns:first-child {
		margin-top: 0;
	}
	/* IE class */
	#modal .block-content.no-padding .content-columns.first-child {
		margin-top: 0;
	}
	#modal .content-left {
		float: left;
		width: 50%;
		margin-left: -0.25em;
	}
	#modal .content-right {
		float: right;
		width: 50%;
		margin-right: -0.25em;
	}
	#modal .content-columns .content-columns-sep {
		position: absolute;
		z-index: 88;
		top: 0;
		bottom: 0;
		width: 0.417em;
		left: 50%;
		margin-left: -0.25em;
		background: #c4c4c4 url(../images/old-browsers-bg/content-columns-sep-bg.png) repeat-y left;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			left,
			#e6e6e6,
			#c4c4c4
		);
		background: -webkit-gradient(
			linear,
			left top, right top,
			from(#e6e6e6),
			to(#c4c4c4)
		);
		border-left: 0.1em solid #999999;
		border-right: 0.1em solid #999999;
	}
	
	/* Left column of 30% */
	#modal .content-columns.left30 .content-left { width: 30%; }
	#modal .content-columns.left30 .content-right { width: 70%; }
	#modal .content-columns.left30 .content-columns-sep { left: 30%; }
	
	/* right column of 30% */
	#modal .content-columns.right30 .content-left { width: 70%; }
	#modal .content-columns.right30 .content-right { width: 30%; }
	#modal .content-columns.right30 .content-columns-sep { left: 70%; }
	
	#modal .content-columns .message {
		margin: 0 !important;
		border-width: 1px 0;
	}
	#modal .content-columns .message:last-child {
		-webkit-background-clip: padding-box;
		border-bottom: 0;
	}
	/* IE class */
	#modal .content-columns .message.last-child {
		margin-bottom: 0;
		border-bottom: 0;
	}

/****************** Main title ******************/
#modal article h1 {
	color: #3f525f;
	font-size: 1.5em;
	-moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	margin-bottom: 1em;
}

#modal .block-content h1,
#modal .block-content .h1 {
	color: white;
	font-size: 1.5em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #50a3c8 #297cb4 #083f6f;
	background: #0c5fa5 url(../images/old-browsers-bg/title-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#72c6e4 4%,
		#0c5fa5
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#0c5fa5),
		color-stop(0.03, #72c6e4)
	);
	-moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	padding: 0.278em 0.444em 0.389em;
	}
	#modal .block-content .h1 h1 {
		font-size: 1em;
		border: 0;
		background: none;
		-moz-text-shadow: none;
		-webkit-text-shadow: none;
		text-shadow: none;
		padding: 0;
	}
	#modal .block-content h1.red,
	#modal .block-content .h1.red,
	#modal .block-content .red h1,
	#modal .block-content .red .h1,
	#modal .block-content.red h1,
	#modal .block-content.red .h1,
	#modal .red .block-content h1,
	#modal .red .block-content .h1 {
		border-color: #bf3636 #5d0000 #0a0000;
		background: #790000 url(../images/old-browsers-bg/title-red-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			white,
			#ca3535 4%,
			#790000
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(white),
			to(#790000),
			color-stop(0.03, #ca3535)
		);
	}
	
/**************** Standard block ****************/
#modal section {
	margin-bottom: 3em;
}
	.block-content.dark-bg {
		border-color: #aaa #333 #000 #666;
		background: #555 url(../images/old-browsers-bg/content-dark-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#555,
			#222
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#222),
			to(#555)
		);
		color: white;
	}
.block-border {
	padding: 0.833em;
	border: 1px solid white;
	border-color: rgba(255, 255, 255, 0.75);
	background: url(../images/old-browsers-bg/white20.png);
	background: rgba(255, 255, 255, 0.2);
	-webkit-background-clip: padding-box;
	-moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
	box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
	}
	.block-border .block-content {
		-moz-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
		box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
	}
	.block-border .block-content + .block-content {
		margin-top: 0.833em;
	}

.block-content .no-margin {
	margin-left: -1.667em;
	margin-right: -1.667em;
	}
	.block-content p.no-margin + .no-margin,
	.block-content ul.no-margin + .no-margin,
	.block-content ol.no-margin + .no-margin,
	.block-content dl.no-margin + .no-margin {
		margin-top: -1.667em;
	}
	/* Recursion prevention */
	.block-content .no-margin > .no-margin {
		margin-left: 0;
		margin-right: 0;
	}
.block-content .no-margin:last-child {
	margin-bottom: -1.667em;
	}
	/* Recursion prevention */
	.block-content .no-margin > .no-margin:last-child {
		margin-bottom: 0;
	}
/* IE class */
.block-content .no-margin.last-child {
	margin-bottom: -1.667em;
	}
	/* Recursion prevention */
	.block-content .no-margin > .no-margin.last-child {
		margin-bottom: 0;
	}

.block-content hr.no-margin {
	margin-bottom: 1.667em;
}

.block-content.no-padding {
	padding: 0;
	}
	.block-content.no-padding .no-margin {
		margin-left: 0;
		margin-right: 0;
		}
		.block-content p.no-margin + .no-margin,
		.block-content ul.no-margin + .no-margin,
		.block-content ol.no-margin + .no-margin,
		.block-content dl.no-margin + .no-margin {
			margin-top: -1.667em;
		}
	.block-content.no-padding .no-margin:last-child {
		margin-bottom: 0;
	}
	/* IE class */
	.block-content.no-padding .no-margin.last-child {
		margin-bottom: 0;
	}

/***************** Block header *****************/
.block-header {
	font-size: 2em;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
	border-top: 1px solid #9bd2ee;
	border-bottom: 1px solid #b5b3b4;
	background: #0c5fa3 url(../images/old-browsers-bg/block-header-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		#6dc3e6,
		#0c5fa3
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#6dc3e6),
		to(#0c5fa3)
	);
	text-align: center;
	color: white;
	-moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	-webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	margin: 0 -0.833em 0.833em -0.833em;
	}
	.block-header:first-child {
		margin-top: -0.833em;
	}
	/* IE class */
	.block-header.first-child {
		margin-top: -0.833em;
	}
	.block-header + .no-margin {
		margin-top: -1.667em;
	}
	
	.block-header.red,
	.red .block-header {
		border-top-color: #e46f6f;
		background: #790000 url(../images/old-browsers-bg/block-header-red-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			#ca3535,
			#790000
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#790000),
			to(#ca3535)
		);
	}

/**************** Block controls ****************/
.block-controls {
	text-align: right;
	border-bottom: 1px solid #999999;
	background: white url(../images/old-browsers-bg/block-controls-bg.png) repeat-x bottom;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#e5e5e5 88%,
		#d8d8d8
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#d8d8d8),
		color-stop(0.88, #e5e5e5)
	);
	margin: 0 -1.667em 1.667em -1.667em;
	padding: 1em;
	}
	.no-margin .block-controls:first-child {
		margin-left: 0;
		margin-right: 0;
	}
	
	.block-controls:first-child {
		margin-top: -1.667em;
	}
	/* IE class */
	.block-controls.first-child {
		margin-top: -1.667em;
	}
	.block-controls + .no-margin {
		margin-top: -1.667em;
	}
	.block-content.no-padding .block-controls {
		margin: 0 !important;
		border-bottom: 0;
	}
	
	ul.controls-buttons,
	div.controls-buttons {
		float: right;
		}
		ul.controls-buttons li,
		div.controls-buttons > div,
		div.controls-buttons > span,
		div.controls-buttons > a {
			display: block;
			float: left;
			margin: -1px 0 -1px 0.5em;
			line-height: 1.333em;
			padding: 0.333em 0.25em;
			}
			ul.controls-buttons li.sep,
			div.controls-buttons > div.sep,
			div.controls-buttons > span.sep {
				padding: 0;
				width: 2px;
				height: 4em;
				margin: -1em 0.25em -1em 0.75em;
				border: none;
				background: url(../images/controls-bt-sep.png) no-repeat bottom;
				-webkit-background-size: 100% 100%;
				-moz-background-size: 100% 100%;
				-o-background-size: 100% 100%;
				background-size: 100% 100%;
				-webkit-background-clip: padding-box;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			ul.controls-buttons li.controls-block,
			ul.controls-buttons li a,
			div.controls-buttons > div,
			div.controls-buttons > span,
			div.controls-buttons > a {
				display: block;
				color: #333333;
				min-width: 1.083em;
				padding: 0.333em 0.5em;
				text-align: center;
				border: 1px solid white;
				-webkit-background-clip: padding-box;
				background: #e7e7e7 url(../images/old-browsers-bg/controls-bt-bg.png) repeat-x top;
				-webkit-background-size: 100% 100%;
				-moz-background-size: 100% 100%;
				-o-background-size: 100% 100%;
				background-size: 100% 100%;
				background: -moz-linear-gradient(
					top,
					#f8f8f8,
					#e7e7e7
				);
				background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#f8f8f8),
					to(#e7e7e7)
				);
				-moz-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
				-webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
				box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
				text-transform: uppercase;
				}
				ul.controls-buttons li a {
					margin: -0.333em -0.25em;
					line-height: 1.333em;
				}
				div.controls-buttons > div div,
				div.controls-buttons > div span,
				div.controls-buttons > div a {
					color: #333333;
					display: block;
					height: 1.333em;
					line-height: 1.333em;
					float: left;
					min-width: 1.083em;
					padding: 0.333em 0.5em;
					margin: -0.333em 0;
					text-align: center;
					text-transform: uppercase;
					}
					div.controls-buttons > div:hover div,
					div.controls-buttons > div:hover span,
					div.controls-buttons > div:hover a {
						color: white;
					}
					div.controls-buttons > div div:first-child,
					div.controls-buttons > div span:first-child,
					div.controls-buttons > div a:first-child {
						margin-left: -0.5em;
						}
						/* IE class */
						div.controls-buttons > div div.first-child,
						div.controls-buttons > div span.first-child,
						div.controls-buttons > div a.first-child {
							margin-left: -0.5em;
						}
						div.controls-buttons > div > div:first-child,
						div.controls-buttons > div > span:first-child,
						div.controls-buttons > div > a:first-child {
						
							-webkit-background-clip: padding-box;

						}
					div.controls-buttons > div div:last-child,
					div.controls-buttons > div span:last-child,
					div.controls-buttons > div a:last-child {
						margin-right: -0.5em;
						}
						/* IE class */
						div.controls-buttons > div div.last-child,
						div.controls-buttons > div span.last-child,
						div.controls-buttons > div a.last-child {
							margin-right: -0.5em;
						}
						div.controls-buttons > div > div:last-child,
						div.controls-buttons > div > span:last-child,
						div.controls-buttons > div > a:last-child {
						
							-webkit-background-clip: padding-box;

						}
					
					div.controls-buttons > div .control-first,
					div.controls-buttons > div .control-prev,
					div.controls-buttons > div .control-next,
					div.controls-buttons > div .control-last {
						min-width: auto;
						width: 16px;
						overflow: hidden;
						text-indent: 100px;
						background-repeat: no-repeat;
						background-position: center;
					}
					div.controls-buttons > div .control-first {
						background-image: url(../images/icons/fugue/control-double-180.png);
					}
					div.controls-buttons > div .control-prev {
						background-image: url(../images/icons/fugue/control-180.png);
					}
					div.controls-buttons > div .control-next {
						background-image: url(../images/icons/fugue/control.png);
					}
					div.controls-buttons > div .control-last {
						background-image: url(../images/icons/fugue/control-double.png);
					}
					
				/* IE class */
				.ie ul.controls-buttons li.controls-block,
				.ie ul.controls-buttons li a,
				.ie div.controls-buttons > div,
				.ie div.controls-buttons > span,
				.ie div.controls-buttons > a {
					border-color: #cccccc;
				}
				ul.controls-buttons li a:hover,
				ul.controls-buttons li a.current,
				div.controls-buttons > div:hover,
				div.controls-buttons > span:hover,
				div.controls-buttons > a:hover,
				div.controls-buttons > .current {
					border-color: #1eafdc #1193d5 #035592;
					background: #057fdb url(../images/old-browsers-bg/block-control-hover-bg.png) repeat-x;
					background: -moz-linear-gradient(
						top,
						white,
						#2bcef3 5%,
						#057fdb
					);
					background: -webkit-gradient(
						linear,
						left top, left bottom,
						from(white),
						to(#057fdb),
						color-stop(0.05, #2bcef3)
					);
					color: white;
					}
					ul.controls-buttons li a:hover strong,
					ul.controls-buttons li a.current strong,
					div.controls-buttons > div:hover strong,
					div.controls-buttons > span:hover strong,
					div.controls-buttons > a:hover strong,
					div.controls-buttons > .current strong {
						color: white;
					}
					
					div.controls-buttons > div.sub-hover:hover {
						border: 1px solid white;
						background: #e7e7e7 url(../images/old-browsers-bg/controls-bt-bg.png) repeat-x top;
						background: -moz-linear-gradient(
							top,
							#f8f8f8,
							#e7e7e7
						);
						background: -webkit-gradient(
							linear,
							left top, left bottom,
							from(#f8f8f8),
							to(#e7e7e7)
						);
						color: #333333;
						}
						div.controls-buttons > div.sub-hover:hover strong {
							color: #333333;
						}
						div.controls-buttons > div.sub-hover:hover div,
						div.controls-buttons > div.sub-hover:hover span,
						div.controls-buttons > div.sub-hover:hover a {
							color: #333333;
						}
						div.controls-buttons > div div:hover,
						div.controls-buttons > div span:hover,
						div.controls-buttons > div a:hover {
							background-color: #e0e0e0;
							background-color: rgba(0, 0, 0, 0.1);
							color: white;
							}
							div.controls-buttons > div.sub-hover div:hover,
							div.controls-buttons > div.sub-hover span:hover,
							div.controls-buttons > div.sub-hover a:hover {
								color: #333333;
							}
						
						div.controls-buttons > div .disabled {
							opacity: 0.5;
							filter: alpha(opacity=50);
							}
							div.controls-buttons > div .disabled:hover {
								background-color: transparent;
							}
					
				.controls-buttons img {
					margin: -0.25em 0;
					}
					/* IE class */
					.ie7 .controls-buttons img {
						margin: 0;
						vertical-align: middle;
					}
					.controls-buttons img:first-child {
						margin-left: -0.085em;
					}
					/* IE class */
					.controls-buttons img.first-child {
						margin-left: -0.085em;
					}
					.controls-buttons img:last-child {
						margin-right: -0.085em;
					}
					/* IE class */
					.controls-buttons img.last-child {
						margin-right: -0.085em;
					}
				.controls-buttons .progress-bar {
					margin: -0.25em 0;
				}
	
	ul.controls-tabs {
		height: 47px;
		float: right;
		margin: -1em;
		padding-left: 1px;
		background: url(../images/controls-tabs-bg.png) no-repeat -48px 0;
		}
		ul.controls-tabs li {
			height: 48px;
			width: 49px;
			float: left;
			}
			ul.controls-tabs li:last-child {
				width: 48px;
			}
			/* IE class */
			ul.controls-tabs li.last-child {
				width: 48px;
			}
			ul.controls-tabs li a {
				display: block;
				height: 100%;
				background: url(../images/controls-tabs-bg.png) no-repeat;
				line-height: 48px;
				text-align: center;
				text-decoration: none;
				color: #666666;
				position: relative;
			}
			ul.controls-tabs li a:hover {
				background-position: 0 -48px;
			}
			ul.controls-tabs li.current a,
			ul.controls-tabs li.current a:hover {
				background-position: 0 -96px;
			}
			ul.controls-tabs li a img {
				position: absolute;
				left: 50%;
				top: 50%;
				margin: -11px 0 0 -12px;
			}

/****************** Modal window ****************/
#modal {
	background: url(../images/old-browsers-bg/black50.png);
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 999980;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	div.modal-window {
		position: absolute;
		left: 0;
		top: 0;
		-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
		box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
		
	}
	.modal-content {
		overflow: hidden;
		padding: 2.833em 1.667em 1.667em;
		}
		.no-title .modal-content {
			margin-top: -1.667em;
			padding-top: 1.667em;
		}
		.modal-content + .block-footer {
			margin-top: 1.667em;
		}
		.modal-content.modal-scroll {
			overflow: auto;
		}
	#modal > .block-border > .block-content {
		z-index: 90;
	}
	#modal h1 {
		cursor: move;
		-webkit-user-select:none;
		-moz-user-select:none;
	}
	
	.modal-loading {
		background: url(../images/arbo-loader.gif) no-repeat center 3em;
		height: 4em;
		padding-top: 4.5em;
		color: #999999;
		text-align: center;
	}
	
	#modal .block-border > .action-tabs.right {
		padding-top: 1em;
	}
	#modal .block-content > .action-tabs.right {
		padding-top: 0;
		margin-top: -2em;
	}
	
	/* Resizing zones */
	.modal-resize-tl,
	.modal-resize-t,
	.modal-resize-tr,
	.modal-resize-r,
	.modal-resize-br,
	.modal-resize-b,
	.modal-resize-bl,
	.modal-resize-l {
		background: url(../images/trans.png);
		position: absolute;
		z-index: 89;
		}
		.modal-resize-tl {
			top: 0;
			left: 0;
			width: 2em;
			height: 1em;
			cursor: nw-resize;
		}
		.modal-resize-t {
			top: 0;
			left: 2em;
			right: 2em;
			height: 1em;
			cursor: n-resize;
		}
		.modal-resize-tr {
			top: 0;
			right: 0;
			width: 2em;
			height: 1em;
			cursor: ne-resize;
		}
		.modal-resize-r {
			top: 1em;
			right: 0;
			width: 1em;
			bottom: 1em;
			cursor: e-resize;
		}
		.modal-resize-br {
			bottom: 0;
			right: 0;
			width: 2em;
			height: 1em;
			cursor: se-resize;
		}
		.modal-resize-b {
			bottom: 0;
			left: 2em;
			right: 2em;
			height: 1em;
			cursor: s-resize;
		}
		.modal-resize-bl {
			bottom: 0;
			left: 0;
			width: 2em;
			height: 1em;
			cursor: sw-resize;
		}
		.modal-resize-l {
			top: 1em;
			left: 0;
			width: 1em;
			bottom: 1em;
			cursor: w-resize;
		}