/******************************************************************************/
/*                                                                            */
/*          Copyright (c) TVPaint Developpement. All Rights Reserved.         */
/*                                                                            */
/******************************************************************************/

/******************************************************************************/
/** @file module.css

	@author		Michael Schreiner & Matthieu Tragno & Thierry Cantet
	@copyright (c) 2009-2016 TVPaint Developpement. All Rights Reserved.
*/
/******************************************************************************/

/*=======================================================================================================================================
						GLOBAL
=======================================================================================================================================*/

#tvp_module
{
	float				: left; 		/* Le menu flottera à gauche */
	width				: 300px; 		/* Très important : donner une taille au menu */
	height				: auto;
	/*height				: 550px;*/
	margin				: 30px 25px 10px 35px;
}

#tvp_module .warning
{
	color				: red;
}

/*=======================================================================================================================================
						NOTIFICATION
=======================================================================================================================================*/

.notification
{
	padding				: 5px 0;
	text-align			: center;
	clear				: both;
	
	color				: #F0F0F0;
	/*background-color	: #58A7BF;*/	/* blue */
	background-color	: #FEAA50;	/* orange */
	font-weight			: bold;
	font-size			: 17px;
}

.notification a
{
	color				: #333333;
}

/*=======================================================================================================================================
						LANGUAGE
=======================================================================================================================================*/

#tvp_module #tvp_language
{
	padding-top			: 10px;
	padding-bottom		: 10px;
	
	background-color	: #f0f0f1;
	/* background-color	: rgba( 255, 255, 255, 0.2 ); */
}

#tvp_module #tvp_language div.language
{
	text-align			: center;
	font-family: Arial, Helvetica, sans-serif;
}

#tvp_module #tvp_language div.language span
{
	margin				: 0 5px;
	font-size			: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#tvp_module #tvp_language div.language span a
{
	color				: #4b4f58;
}

#tvp_module #tvp_language div.language span.selected a
{
	color				: #1272e6;
}

#tvp_module #tvp_language hr
{
	display				: none;
	/*
	clear				: both;
	
	height				: 2px;
	margin				: 10px;
	
	background-image	: url("./images/separator.png");
	background-position : center center;
	background-repeat	: no-repeat;
	
	border				: 0;
	*/
}

#tvp_module #tvp_language .account
{
	margin-top			: 10px;
	padding				: 6px 0;
	
	text-align			: center;
	font-size			: 18px;
}

#tvp_module #tvp_language .account a
{
	color				: #4b4f58;
}

/*=======================================================================================================================================
						SEARCH
=======================================================================================================================================*/

#tvp_module #id-tvp-search-content
{
	margin-top			: 30px;
	padding-top			: 10px;
	padding-bottom		: 10px;
	
	background-color	: #555555;
	background-color	: rgba( 255, 255, 255, 0.2 );
}
#tvp_module #id-tvp-search-content div.search
{
	text-align			: center;
}
#tvp_module #id-tvp-search-content div.search p.title
{
	margin-bottom		: 10px;
	font-size			: 22px;
	color				: #FEAA50;
	
	/*These values are overwritten, because QT (http://www.apple.com/library/quicktime/stylesheets/qtp_library.css) set these values for the veeery global class ".title" */
	/*-------------------------------------------*/
	padding-left		: 0;
	min-height			: 0;
	background-image	: none;
	vertical-align		: inherit;
	/*-------------------------------------------*/
}
#tvp_module #id-tvp-search-content div.search input[type="text"]
{
	border-color		: #FEAA50;
}
#tvp_module #id-tvp-search-content div.search input[type="text"].empty
{
	color				: #888888;
}
#tvp_module #id-tvp-search-content div.search input[type="submit"]
{
	width				: 100px;
	
	background-color	: #FEAA50;
	border				: none;
	font-weight			: bolder;
	text-align			: center;
	color				: #FFFFFF;
}

/*=======================================================================================================================================
						NEWSLETTER
=======================================================================================================================================*/

#tvp_module #id-tvp-newsletter-content
{
	margin-top			: 30px;
	padding-top			: 10px;
	padding-bottom		: 10px;
	
	background-color	: #555555;
	background-color	: rgba( 255, 255, 255, 0.2 );
}
#tvp_module #id-tvp-newsletter-content div.newsletter
{
	text-align			: center;
}
#tvp_module #id-tvp-newsletter-content div.newsletter p.title
{
	margin-bottom		: 10px;
	font-size			: 22px;
	color				: #58A7BF;
	
	/*These values are overwritten, because QT (http://www.apple.com/library/quicktime/stylesheets/qtp_library.css) set these values for the veeery global class ".title" */
	/*-------------------------------------------*/
	padding-left		: 0;
	min-height			: 0;
	background-image	: none;
	vertical-align		: inherit;
	/*-------------------------------------------*/
}
#tvp_module #id-tvp-newsletter-content div.newsletter input[type="text"]
{
	border-color		: #58A7BF;
}
#tvp_module #id-tvp-newsletter-content div.newsletter input[type="text"].empty
{
	color				: #888888;
}
#tvp_module #id-tvp-newsletter-content div.newsletter input[type="submit"]
{
	font-weight			: bolder;
	text-align			: center;
	width				: 100px;
	background-color	: #58A7BF;
	border				: none;
	color				: #FFFFFF;
}


/*=======================================================================================================================================
						MENU
=======================================================================================================================================*/

#tvp_module #id-tvp-menu-header
{
	margin-top			: 30px;
}

#tvp_module #id-tvp-menu-content
{
	padding-top			: 10px;
	padding-bottom		: 10px;
	
	background-color	: #555555;
	background-color	: rgba( 255, 255, 255, 0.2 );
}

#tvp_module #id-tvp-menu-footer
{
}

#tvp_module #id-tvp-menu-content ul
{
	list-style			: none;
}

#tvp_module #id-tvp-menu-content ul > li
{
	margin				: 10px 10px;
	clear				: both;
}

#tvp_module #id-tvp-menu-content ul > li div
{
	background-color	: #1272e6;	
	font-family: Arial, Helvetica, sans-serif;
	font-size			: 22px;
	font-weight			: normal;
}
#tvp_module #id-tvp-menu-content ul > li.has-sublevel div
{
	background-color	: #FEAA50;
	
	background-image	: url("./images/module_menu_uncollapse.png");
	background-repeat	: no-repeat;
	background-position	: right center;
}
#tvp_module #id-tvp-menu-content ul > li.collapsed div
{
	background-color	: #58A7BF;	
	
	background-image	: url("./images/module_menu_collapse.png");
	background-repeat	: no-repeat;
	background-position	: right center;
}
#tvp_module #id-tvp-menu-content ul > li.collapsed ul
{
	display				: none;
}

#tvp_module #id-tvp-menu-content ul > li div a.title
{
	padding				: 6px 0px 6px 40px;
	width				: 200px;

	display				: block;	
	color				: #FFFFFF;
	text-shadow			: 1px 1px 1px rgba(0, 0, 0, 0.3);
	text-align			: center;
	
	/*These values are overwritten, because QT (http://www.apple.com/library/quicktime/stylesheets/qtp_library.css) set these values for the veeery global class ".title" */
	/*-------------------------------------------*/
	/*padding-left		: 0;*/
	min-height			: 0;
	background-image	: none;
	vertical-align		: inherit;
	/*-------------------------------------------*/
}

#tvp_module #id-tvp-menu-content ul > li div a.state
{
	width				: 33px;
	height				: 33px;
	
	text-align			: center;
	float				: right;
	display				: block;
}

#tvp_module #id-tvp-menu-content ul > li > ul
{
	list-style			: none;
	
	clear				: both;
}

#tvp_module #id-tvp-menu-content ul > li > ul > li
{
	width				: 250px;
	margin				: 10px 0;
	text-align			: right;
}

#tvp_module #id-tvp-menu-content ul > li > ul > li a
{
	color				: #E9E9E9;
	font-size			: 1.1em;
}

#tvp_module #id-tvp-menu-content ul > li > ul > li a:hover
{
	color				: #FEAA50;
	font-size			: 1.1em;
}


/*=======================================================================================================================================*/