/* SVN.625 */

html
{
	overflow:hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body
{
    background: #e8eaed;
	overflow:hidden;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body *
{
	font-family: Arial;
	overflow: hidden;
}


#container
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#surcouche
{
	height: 100%;
	width: 100%;
	overflow:hidden;
}

#appContainer
{
	height: 100%;
	width: 100%;

	/*
	position: relative;
	top: 0;
	left: 0;
	*/
	padding:0;
	overflow: visible;
}



	.pageComponent
	{
		overflow: hidden;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		/*z-index:50;*/
	}


#ajax_loader
{
	position: absolute;
	top: 48%;
	left: 48%;
	z-index:150;
}


/*bottom*/

#bottom
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 145px;
	width: 1256px;
	background-image: url("../img/ui/bottom.png");
	background-size: 100% 100%;
	z-index: 100;
	padding: 1px;
	display:none;
}

	#bottom #deployButton
	{
		padding: 1px;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 45px;
		cursor: pointer;
		z-index: 110;
	}

	.bottomToolBar
	{
		padding: 1px;
		height: 55px;
		margin: 0 auto;
		width:1024px;
		text-align: center;
	}

		.bottomButton
		{
			width: 130px;
			height: 48px;
			padding-top: 5px;
			background-image: url( "../img/ui/btn_cell_bg01.png" );
			display: inline-block;
			margin-left: 5px;
			margin-right: 5px;
			cursor: pointer;
			color: white;
			vertical-align: middle;
			text-align: center;
		}

@media all and ( max-width: 910px ) {
	.bottomButton {
		width: 92px;
		background-size: 100% 100%;
	}

	.bottomButton span {
		font-size: 11px;
	}
}

.popup
{
	padding: 6px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
	background-image: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#617385),color-stop(2%,#252C32),color-stop(50%,#272E35),color-stop(51%,#21272C),color-stop(100%,#0B0D0F));
	width: 300px;
	position: absolute;
	z-index: 200;
	top: 100px;
	left: 100px;
	display:none;
}

	.popup h2
	{
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		padding: 2px;
		-webkit-border-radius: 2px;
		background-image: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#7E8E9B),color-stop(2%,#4E5B65),color-stop(100%,#2D343A));
		width: 100%;
		font-size: 1.3em;
		color: white;
		height: 35px;
		text-align: center;
	}

		.popup h2 img
		{
			float: right;
			cursor: pointer;
		}

	.popup .content
	{
		clear: both;
		background-color: #B8B8B7;
		height: 300px;
		/*width: 100%;*/
		padding: 5px;
		border-bottom-left-radius: 4px 4px;
		border-bottom-right-radius: 4px 4px;
		border-top-left-radius: 4px 4px;
		border-top-right-radius: 4px 4px;
		overflow: auto;
	}

		.popup .content ul
		{
			padding: 1px;
		}

			.popup .content ul li a
			{
				display: block;
				padding: 8px;
				font-size: 1em;
				padding-left: 15px;
				border-top: 1px solid white;
				border-bottom: 1px solid #EAEAEA;
				color: black;
				text-decoration: none;
			}

			.popup .content ul li a:hover
			{
				background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#4FAFAE), to(#377F7E));
				color: white;
			}



	#summaryPopup .content
	{
		background-color: #FBFBFB;
	}



	#mediaPopup
	{
		width: 322px;
		margin: 0 auto;
	}

		#mediaPopup .content
		{
			padding: 1px;
			height: 245px;
		}


	#sheetPopup
	{
		width: 588px;
		margin: 0 auto;
	}

		#sheetPopup .content
		{
			padding: 5px;
			height: 400px;
			font-family: 'Helvetica Neue', HelveticaNeue, Helvetica-Neue, Helvetica, sans-serif;
			font-size: 0.8em;
			background-color: white;
			line-height: 20px;
		}

			#sheetPopup .lettrine
			{
				color:red;
				width:200px;
				height:200px;
				float:left;
				margin: 10px;
				border: 1px solid silver;
			}

				#sheetPopup .content .title
				{
					font-size: 1.9em;
					display: block;
					font-weight: bold;
					line-height: 26px;
					margin-bottom: 10px;
					margin-top: 10px;
				}

				#sheetPopup .content .subtitle
				{
					font-size: 1.3em;
					display: block;
					color: silver;
					line-height: 22px;
					margin-bottom: 5px;
				}

				/* unixman */
				#sheetPopup .content .xtratext
				{
					font-size: 20px;
					display: block;
					color: #000000;
					line-height: 22px;
					margin-bottom: 5px;
				}


	#linkPopup
	{
		width: 300px;
		margin: 0 auto;
	}

		#linkPopup .content
		{
			padding: 1px;
			height: 115px;
			font-size: 0.8em;
			background-image: -webkit-gradient(linear,0% 50,0% 100%,color-stop(0%,#b7c0c8),color-stop(60%,#7e8d9b),color-stop(100%,#596774));
		}

			#linkPopup .content .linkText
			{
				margin:0;
				background-color: white;
				padding: 5px;
				padding-top: 15px;
				padding-bottom: 15px;
				border: 1px solid grey;
				color: grey;
			}

			#linkPopup .content .linkRedirection
			{
				text-align: right;
			}

				#linkPopup .content .linkRedirection .linkButton
				{
					color: white;
					background-image: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#b7c0c8),color-stop(2%,#7e8d9b),color-stop(100%,#596774));
					padding: 5px;
					padding-left: 10px;
					padding-right: 10px;
					border: 1px solid #333333;
					cursor: pointer;
					font-weight: bold;
					font-size: 1em;
				}

	#aboutPopup
	{
		width: 420px
	}

		#aboutPopup .content
		{
			height: 340px;
			font-size: 0.8em;
		}

			#aboutPopup .content .bottom
			{
				text-align: right;
				color: #4C4C4C;
				font-size: 0.85em;
				line-height: 1.3em;
				font-weight: bold;
				height: 35px;
			}

			#aboutPopup .content .bottom img
			{
				position: relative;
				top: 7px;
			}

			#aboutPopup .content .desc a
			{
				color: #FFFFFF;
			}

			#aboutPopup .content .desc
			{
				line-height: 15px;
				color: #FFFFFF;
				padding: 5px;
				background-color: #434343;
				border-bottom-left-radius: 4px 4px;
				border-bottom-right-radius: 4px 4px;
				border-top-left-radius: 4px 4px;
				border-top-right-radius: 4px 4px;
			}

				#aboutPopup .content .desc .descContent
				{
					margin: 0;
					padding: 5px;
					border-top: 1px solid #4C4C4C;
				}

				#aboutPopup .content .desc h3
				{
					text-align: center;
					border-bottom: 1px solid #212121;
					padding: 5px;
					-webkit-margin-before: 0px;
					-webkit-margin-after: 0px;
					-webkit-margin-start: 0px;
					-webkit-margin-end: 0px;
					margin: 0;
				}




	#helpPopup
	{
		width: 420px;
		position: absolute;
	}

		#helpPopup .content
		{
			height: 340px;
		}

		#helpPopup .content .panelsContainer
		{
			overflow: hidden;
			position: relative;
			height: 300px;
		}

		#helpPopup .content .panelScroller
		{
			text-align: center;
			background-color:#434343;
			height: 35px;
		}

		#helpPopup .content .panelScroller .panelScrollerButton
		{
			display: inline-block;
			padding: 1px;
			margin: 1px;
			width: 6px;
			height: 6px;
			background-color: white;
			-webkit-border-radius: 5px;
		}

		#helpPopup .content .panelScroller .panelScrollerButtonActive
		{
			display: inline-block;
			padding: 1px;
			margin: 1px;
			width: 6px;
			height: 6px;
			-webkit-border-radius: 5px;
			background-color: #44A4A3;
		}

			#helpPopup .content .panel
			{
				height: 330px;
				width: 420px;
				position: absolute;
				left: 0;
				top: 5px;
				padding: 5px;
				background-color:#434343;
				z-index: 220;
			}

				#helpPopup .content .panel h3
				{
					border-bottom: 1px solid #212121;
					font-size: 0.9em;
					color: white;
					font-weight: normal;
					padding: 5px;
					margin-bottom: 50px;
				}

				#helpPopup .content .panel .panelContent
				{
					text-align: center;
				}

				#helpPopup .content .panel ul
				{
					margin: 1px;
					margin-top: 0;
				}

					#helpPopup .content .panel ul li
					{
						vertical-align: middle;
						padding: 1px;
						padding-top: 10px;
						padding-bottom: 10px;
						color: white;
						font-size: 0.8em;
						border-top: 1px solid #4C4C4C;
						border-bottom: 1px solid #212121;
					}

						#helpPopup .content .panel .panelIcon
						{
							width: 70px;
							display: inline-block;
						}


	/*thumbComponent*/
	.thumbComponent
	{
		width: 230px;
		height: 180px;
		background-color: teal;
		cursor: pointer;
	}

		.thumbComponent p
		{
			padding: 0;
			margin: 0;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			color: white;
		}

		.thumbComponent table
		{
			padding: 0;
			margin: 0;
			width: 230px;
			height: 149px;
			border-collapse: collapse;
		}

			.thumbComponent table tr td
			{
				padding: 0;
				margin: 0;
				width: 115px;
				height: 149px;
				background-size: 100%;
				-webkit-background-size: 100%;
			}


	.thumbComponentSingle
	{
		width: 115px;
		height: 180px;
		background-color: teal;
		cursor: pointer;
	}

		.thumbComponentSingle p
		{
			padding: 0;
			margin: 0;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			color: white;
		}

		.thumbComponentSingle table
		{
			padding: 0;
			margin: 0;
			width: 115px;
			height: 149px;
			border-collapse: collapse;
		}

			.thumbComponentSingle table tr td
			{
				padding: 0;
				margin: 0;
				width: 115px;
				height: 149px;
				background-size: 100%;
				-webkit-background-size: 100%;
			}




	#thumbsPopup
	{
		width: 99%;
		height: 170px;
		left: 0;
	}

			#thumbsPopup .content {
				position: absolute;
				top: 0;
				left: 0;
				background-color: #434343;
				overflow-y: visible;
				height: 165px;
				width: 100%;
				overflow: visible;
			}

			#thumbsPopup .content .thumb
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 115px;
				height: 149px;
				background-color: teal;
				cursor: pointer;
				background-size: 100% 100%;
				-webkit-background-size: 100% 100%;
			}



	.thumbComponent, .thumbComponentSingle
	{
		position: absolute;
		top: 0;
		left: 0;
	}

	#searchPopup
	{
		width: 520px;
		position: absolute;
		top: 10px;
	}

		#searchPopup .content
		{
			height: 575px;
			overflow: auto;
			padding: 10px;
			background-color: #2D343A;
		}

			#searchPopup .content #searchInput
			{
				width: 99%;
				height: 2.5em;
				font-size: 1em;
				font-weight: bold;
				color: #999999;
				border-bottom-left-radius: 15px 15px;
				border-bottom-right-radius: 15px 15px;
				border-top-left-radius: 15px 15px;
				border-top-right-radius: 15px 15px;
				margin-bottom: 10px;
				padding: 2px;
			}


			#searchPopup .content .resultsText
			{
				color: white;
				text-align: center;
			}

			#searchPopup .content .resultsContainer
			{
				padding: 5px;
				background-color: #B8B8B7;
				border-bottom-left-radius: 10px 10px;
				border-bottom-right-radius: 10px 10px;
				border-top-left-radius: 10px 10px;
				border-top-right-radius: 10px 10px;
				overflow: hidden;
				height: 500px;
			}

				#searchPopup .content .resultsContainer .resultsContent
				{
					position: relative;
					top: 0;
					left: 0;
					padding: 0;
					width: 360px;
					overflow: visible;
				}

						#searchPopup .content .resultsContainer .resultsContent .resultPage
						{
							width: 115px;
							height: 149px;
							background-color: teal;
							background-size: 100% 100%;
							-webkit-background-size: 100% 100%;
							cursor: pointer;
						}





	.zoneComponent
	{
		padding: 1px;
		background-color: rgba(81, 179, 180, 0.5);
		border: 1px solid rgba(81, 179, 180, 0.9);
		z-index: 99;
		cursor: pointer;
		opacity: 0.3;
		-moz-opacity: 0.3;
		vertical-align: top;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
	}

	.zoneVideoComponent
	{
		padding: 1px;
		z-index: 99;
		cursor: pointer;
		-webkit-border-radius: 8px;
		background-color: black;
		vertical-align: top;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
	}

		.zoneVideoComponent video
		{
			margin: 0;
			width: 100%;
			height: 100%;
			-webkit-border-radius: 8px;
			background-color: black;
		}


/* END */