/* ------------------------------------------------------------------ */
/* -                            MEDIALIBRARY                          */
/* ------------------------------------------------------------------ *

#ControlMedialibrary{	
}

		#ControlMedialibrary .photo{
			background:url('images/bg-control_a11.gif') 0px 0px no-repeat;
			width:91px;
			height:88px;
			display:block;
			float:left;
			padding-top:20px;
			padding-left:6px;
			text-align:center;
		}


		#ControlMedialibrary .photo IMG{
			height:60px;	
			position:relative;
			left:-5px;
		}

		#ControlMedialibrary .photo:hover IMG{
			filter:alpha(opacity=50);  
			-moz-opacity:0.50;
			opacity: 0.50;
		}

/* ------------------------------ GALLERIES LIST----------------- */
#MediaLibraryList{
}

	#MediaLibraryList .cadreMediaList{
		margin-bottom:20px;
	}

		#MediaLibraryList .cadreMediaList .title{
			padding-left:22px;
			background:url('images/ico-media.gif') 0px 0px no-repeat;
			margin-bottom:10px;
			margin-top:10px;
		}

	#MediaLibraryList .cadreMediaList a img{
		width: 222px;
	}
	
	#MediaLibraryList .cadreMediaList A{		
		float:left;
		display:block;
		border:1px dotted #E8E8E8;
		padding: 0px;
		margin: 0px;
		margin-bottom:5px;
		cursor:pointer;
		text-decoration: none;
	}
	
	#MediaLibraryList .cadreMediaList A:hover{
		color:white;
		background-color:#87C0F0;
	}

		#MediaLibraryList .photo {
			width: 222px;
			height: 166px;
			margin: 0px;
			padding: 0px;

			background-color: #eff8ff;
		}

		#MediaLibraryList .cadreMediaList .description a {
			display: block;
			height: 25px;
			width: 222px;

			padding: 5px 0px 0px 0px;

			text-decoration:none;
			text-align:center;
			font-size:11px;
		}
	
	#MediaLibraryList .cadreMediaList .separator {		
		width:5px;
		height:1px;
		float:left;
	}


/* ------------------------------ GALLERIES THUMB LIST----------------- */

#MediaThumbList {
	width: 692px;
	_overflow: hidden;
}

	#MediaThumbList a {
		display: block;
		width: 222px;
		height: 166px;

		background-color: #eff8ff;
		margin-bottom: 10px;
	}

		#MediaThumbList a .photo{
			width: 222px;
			height: 166px;
			margin: 0px;
			padding: 0px;			
		}

			#MediaThumbList a:hover {
				cursor: pointer;
			}

		#MediaThumbList .photo img:hover {cursor: pointer;}

		#MediaThumbList .photo:hover IMG{
			filter:alpha(opacity=50);  
				-moz-opacity:0.50;
				opacity:0.50;
		}

		#MediaThumbList .separator {
			display: block;
			width: 10px;
			height: 1px;
			float: left;
	}


/*----------------------- Link --------------------------------*/

.linkList{
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

	.linkList A{
		display:block;
		float: left;

		padding:2px 5px 2px 5px;
		margin-bottom:5px;
		background-color:#F1F9FF;
		text-decoration:none;
	}

		.linkList A:hover{
			color:#2F85CD;
			background-color:#87C0F0;
			color: white;
		}
		
		.linkList A.active{
			margin-top:10px;
			color:#FFFFFF;
			background-color:#87C0F0;
		}

			.linkList A.active:hover{	
				color:#2F85CD;
				border-right:3px solid #87C0F0;
				background-color:#FFFFFF;
			}
		
	
	.linkList .separator {
		display: block;
		width: 5px;
		height: 1px;
		float: left;
	}

	.linkList .other {
		background-color:#87C0F0;
		color: white;
	}