/***********************************************************
Author:
	- Mett, Rinse Stellingwerf
	
Description:
	- Default stylesheet for the MUAD template.
	- Overrides are marked with "!important".
	
Date created:
	- 14/04/10
	
Last updated:
	- 04/01/12
************************************************************/

/* Mett imports */

@import url("/communities/common/themes/mett/styles/pagetypes/imports.css");
@import url("/communities/common/themes/mett/styles/icons/icons_black_white_pictos.css");
@import url("/communities/common/themes/mett/styles/default_elements.css");

/* MUAD imports */

@import url("pagetypes/imports.css");

/* Screen styles */

@media screen
{
	/* Exceptions */
	
	#header
	{
		border:					none !important;
	}
	
	/* General styles */
	
	body
	{
		color:					#000000;
		background-color:		#ffffff;
	}
	
	a
	{
		color:					#e5352c;
	}
	
	a:hover
	{
		color:					#527473;
	}
	
	h1, h2, h3
	{
		color:					#3e5d57;
	}
	
	hr
	{
		color: 					#e8eceb;
		background-color:		#e8eceb;
	}
	
	/* Shortcuts */
	
	#shortcuts, #shortcuts a
	{
		color:					#ffffff;
	}
	
	#shortcuts a:hover
	{
		color:					#ffffff;
	}
	
	#shortcuts .shortcut
	{
		background-color:		#527473;
	}
	
	#shortcuts .shortcutSearch
	{
		background-color:		#ffffff;
	}
	
	#shortcuts .shortcutSearch input
	{
		background-color:		#ffffff !important;
	}
	
	#shortcuts .shortcutSearch a
	{
		color:					#527473 !important;
	}
	
	/* Menu (top) */
	
	#menuTopDHTML
	{
		top:					0px !important;
	}
	
	#menuTopDHTML a:hover
	{
		background-color:		#e5352c;
	}
	
	#menuTopDHTML ul li a
	{		
		background-color: 		#e5352c;
	}
	
	#menuTopDHTML ul li ul li a
	{
		color:					#000000;
		
		background-color: 		#f29a95;
		
		border-bottom:			solid 1px #ffffff;
	}
	
	#menuTopDHTML ul li ul li a:hover
	{
		color:					#ffffff !important;
		
		background-color: 		#e5352c !important; 
	}
	
	/* Path */
	
	#path, #path a
	{
		color:					#527473;
		
		background-color:		#ffffff;
	}
	
	#path a:hover, #path .BreadCrumbSelected
	{
		color:					#3e5d57;
	}
	
	/* Content (center) */
	
	#contentCenter
	{
		background-color:		#ffffff;
	}
	
	#contentCenterMiddle .author, #contentCenterMiddle .author a
	{
		color:					#8fa6a5 !important;
	}
	
	#contentCenterMiddle .paging ul
	{
		border-top:				solid 1px #8fa6a5;
	}
	
	#contentCenterMiddle .paging strong a, #contentCenterMiddle .paging a:hover
	{
		color:					#ffffff !important;
		
		background-color:		#3e5d57;
	}
	
	/* Introduction */
	
	#contentCenterIntroduction
	{
		background-image:		url(../images/backgrounds/background_content_center_introduction.gif);
	}
	
	#contentCenterIntroduction h1
	{
		color:					#000000;
	}
	
	/* Introduction (right) */
	
	#contentCenterIntroductionRight
	{
		color:					#3e5d57;
	}
	
	/* Introduction (specifications) */
	
	#contentCenterRightSpecifications strong
	{
		color:					#e5352c;
	}
	
	/* Content (buttons) */
	
	#contentCenterRightButtons
	{
		background-color:		#8fa6a5;
	}
	
	#contentCenterRightButtons .buttonGreen
	{
		color:					#ffffff;
		
		background-color:		#3e5d57;		
	}
	
	#contentCenterRightButtons .buttonGreen a
	{
		color:					#ffffff;
	}
	
	#contentCenterRightButtons .buttonWhite
	{		
		background-color:		#ffffff;		
	}
	
	#contentCenterRightButtons .buttonWhite a
	{
		color:					#3e5d57;
	}
	
	#contentCenterRightButtons .buttonWhite a:hover
	{
		color:					#ffffff;
	}
	
	#contentCenterRightButtons .buttonGreen:hover, #contentCenterRightButtons .buttonWhite:hover, #contentCenterRightButtons .buttonWhite:hover a
	{
		color:					#ffffff;
		
		background-color:		#e5352c;
	}
	
	/* Content (help) */
	
	#contentCenterRightHelp
	{
		color:					#ffffff;
		
		background-color:		#3e5d57;
	}
	
	#contentCenterRightHelp h1, #contentCenterRightHelp h2, #contentCenterRightHelp h3, #contentCenterRightHelp a
	{
		color:					#ffffff;
	}
	
	/* Menu (left) */
	
	#menuLeft a
	{		
		color:					#000000;
	}
	
	#menuLeft a:hover
	{		
		text-decoration:		none;
		
		color:					#e5352c;
	}
	
	#menuLeft .menuItem
	{
		background-color:		#f7c2bf;
		
		border-bottom:			solid 1px #ffffff;
	}
	
	#menuLeft .menuItem:hover
	{		
		background-color:		#e5352c;
	}
	
	#menuLeft .menuItem:hover a
	{		
		color:					#ffffff;
	}
	
	#menuLeft .menuItemSelected
	{
		font-weight:			bold;
		
		color:					#e5352c;		
	}
	
	#menuLeft .menuItemLast
	{
		background-color:		#ffffff;
	}
	
	/* Sitemap */
	
	#sitemap .menuItemBulletClosed
	{
		background-image:		url(../images/bullets/default/bullet_menu_closed.gif);
	}
	
	/* Bottom */
	
	#bottom, #bottom a
	{		
		color:					#ffffff;
	}
	
	#bottom a:hover
	{
		color:					#ffffff;
	}
	
	#bottom strong
	{
		color:					#ffffff;
	}
	
	/* Footer */
	
	#footer .footerDivider
	{
		background-image:		url(../images/backgrounds/background_menu_bottom_divider.gif);
	}
	
	/* Menu (bottom) */
	
	#menuBottom ul li
	{
		border-right:			solid 1px #ffffff;
	}
	
	/* General classes */
	
	.image
	{
		border:					solid 1px #e8eceb;
	}
	
	.mett
	{
		color:					#07b6ed;
	}
	
	.information
	{
		color:					#c4c4c4;
	}
	
	.help
	{
		color:					#999999;
	}
	
	/* Forms */
	
	.formRowHeader
	{		
		background-image:		none !important;
		
		border-bottom:			dotted 2px #e2e2e2;
	}
	
	.formRowHeader h2
	{
		color:					#3e5d57 !important;
	}
	
	/* Form fields */
	
	select, textarea, .inputText, .inputPassword, .inputFile
	{		
		color:					#3e5d57;
		
		border: 				solid 1px #e8eceb;
	}
	
	textarea:focus, .inputText:focus, .inputPassword:focus, .inputFile:focus
	{		
		color:					#3e5d57;
		
		background-color:		#e8f6fd;
		
		border: 				solid 1px #d8f0fa;
	}
	
	/* Webboxes */
	
	.webboxTitle
	{	
		border-bottom:			solid 1px #8fa6a5;
	}

	.webboxOpen
	{
		background-image:		url(../images/bullets/default/bullet_webbox_open.gif);
	}
	
	.webboxClosed
	{
		background-image:		url(../images/bullets/default/bullet_webbox_closed.gif);
	}
	
	/* Toolbar */
	
	.toolbar
	{
		border-top:				solid 1px #e8eceb;
	}
	
	.toolbar label, .toolbar a
	{
		color:					#e5352c;
	}
	
	.toolbar label:hover, .toolbar a:hover
	{		
		text-decoration:		underline;
		
		color:					#3e5d57;
	}
	
	.toolbarModuleOptions
	{
		border-top:				solid 2px #8fa6a5 !important;		
	}
	
	/* Content list */
	
	.listHeader
	{
		color:					#777777;
		
		border-bottom:			solid 1px #e8eceb;
	}
	
	.listItemAlternateRow
	{
		background-color:		#fceae9;
	}
	
	.listItemRow:hover, .listItemAlternateRow:hover
	{		
		background-color:		#e8f6fd;
		
		border: 				solid 1px #d8f0fa;
	}
	
	/* Search */
	
	#search .searchField
	{
		background-color:		#fceae9;
		
		border:					solid 1px #e3e4e8;
	}
	
	/* Poll */
	
	#contentCenterRightPoll .VoteButtonClass
	{
		color:					#3e5d57;
	}
	
	#contentCenterRightPoll .VoteButtonClass:hover
	{		
		color:					#000000;
	}
	
	/* News & blog */	
	
	#news .newsItem, #blog .blogItem
	{
		border-top:				solid 1px #e8eceb;
	}
	
	#news .newsItemTitle h2 a
	{
		color:					#000000;
	}
	
	#news .newsItemFooter, #news .newsItemFooter a
	{
		color:					#8fa6a5;
	}
	
	#blog .blogItemInformation, #blog .blogItemInformation a
	{
		color:					#8fa6a5 !important;
	}
	
	/* Google Maps */
	
	#googleMaps .map div a, #googleMaps .mapSmall div a
	{		
		color:					#3e5d57 !important;
	}
}

/* Print styles */

@media print
{
}