/***********************************************************
Author:
	- Mett, Rinse Stellingwerf
	
Description:
	- Default stylesheet for the Mett template.
	- Overrides are marked with "!important".
	
Date created:
	- 30/06/09
	
Last updated:
	- 26/08/10
************************************************************/

/* Imports */

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

/* Screen styles */

@media screen
{
	/* Exceptions */
	
	/* General styles */
	
	body
	{
		color:					#3d3d3d;
		background-color:		#e2e2e2;
	}
	
	a
	{
		color:					#000000;
	}
	
	a:hover
	{
		color:					#3d3d3d;
	}
	
	h1
	{
		color:					#3d3d3d;
	}
	
	h2
	{
		color:					#3d3d3d;
	}
	
	h3
	{
		color:					#3d3d3d;
	}
	
	hr
	{
		color: 					#e2e2e2;
		background-color:		#e2e2e2;
	}
	
	fieldset legend
	{
		color:					#000000;
		
		border-bottom: 			solid 5px #ffffff;		
	}
	
	/* Top */
	
	#topTitle h1
	{
		text-transform:			uppercase;
	}
	
	#topTitle, #topTitle h1, #topTitle h1 a
	{
		color:					#ffffff;
	}
	
	#topTitle a
	{
		color: 					#e8e9e9;
	}
	
	/* Shortcuts */
	
	#shortcuts, #shortcuts a
	{
		color:					#ffffff;
	}
	
	#shortcuts a:hover
	{
		color:					#ffffff;
	}
	
	/* Header */
	
	#header
	{
		height:					200px;
		
		border-left: 			solid 5px #ffffff;
		border-right: 			solid 5px #ffffff;
	}
	
	/* Menu (top) */
	
	#menuTop
	{
		position:				relative;
		top:					170px;
	}
	
	#menuTop a
	{
		color:					#ffffff;
	}
	
	#menuTop a:hover, #menuTop .menuTopItem_Current
	{		
		color:					#ffffff;
	}
	
	/* Path */
	
	#path, #path a
	{
		color:					#000000;
		
		background-color:		#ffffff;
	}
	
	#path a:hover, #path .BreadCrumb_Current
	{
		color:					#3d3d3d;
	}
	
	/* Content (center) */
	
	#contentCenter
	{
		background-color:		#ffffff;
	}
	
	#contentCenterMiddle .author, #contentCenterMiddle .author a
	{
		color:					#c4c4c4;
	}
	
	#contentCenterMiddle .paging ul
	{
		border-top:				solid 1px #e3e4e8;
	}
	
	#contentCenterMiddle .paging strong, #contentCenterMiddle .paging strong a, #contentCenterMiddle .paging a:hover
	{
		color:					#ffffff !important;
		
		background-color:		#000000;
	}
	
	/* Menu (left) */
	
	#menuLeft a
	{		
		color:					#000000;
	}
	
	#menuLeft a:hover
	{
		color:					#3d3d3d;
	}
	
	#menuLeft .menuItem
	{
		border-bottom:			solid 1px #e3e4e8;
	}
	
	#menuLeft .menuItem:hover
	{		
		background-color:		#e8f6fd;
	}
	
	#menuLeft .menuItem:hover a
	{
		color:					#3d3d3d;
	}
	
	#menuLeft .menuItem_Current
	{
		font-weight:			bold;
		
		color:					#3d3d3d;
	}
	
	#menuLeft .menuItemLast
	{
		background-color:		#ffffff;
	}
	
	#menuLeft .menuItemBulletClosed
	{
		background-image:		url(../images/bullets/default/bullet_menu_closed.gif);
	}
	
	#menuLeft .menuItemBulletOpen
	{
		background-image:		url(../images/bullets/default/bullet_menu_open.gif);
	}
	
	/* Sitemap */
	
	#sitemap .menuItemBulletClosed
	{
		background-image:		url(../images/bullets/default/bullet_menu_closed.gif);
	}
	
	/* Bottom */
	
	#bottom, #bottom a
	{		
		color:					#e8e9e9;
	}
	
	#bottom a:hover
	{
		color:					#ffffff;
	}
	
	#bottom strong
	{
		color:					#ffffff;
	}
	
	#bottom .footerDivider
	{
		border-right:			solid 1px #e8e9e9;
	}
	
	#bottom .footerColumnLast a
	{
		color:					#ffffff;
	}
	
	/* Bottom (logo) */
	
	#bottomLogo
	{
		width:					200px;
		height:					44px;
		
		background-position:	right top;
		
		_filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/communities/common/themes/mett/images/logos/default/logo_bottom_mett.png);
	}
	
	*>#bottomLogo
	{		
		background-image:		url(../images/logos/default/logo_bottom_mett.png);
	}
	
	/* General classes */
	
	.image
	{
		border:					solid 1px #e3e4e8;
	}
	
	.mett
	{
		color:					#07b6ed;
	}
	
	.information
	{
		color:					#c4c4c4;
	}
	
	/* Forms */
	
	select, textarea, .inputText, .inputPassword, .inputFile
	{		
		color:					#000000;
		
		border: 				solid 1px #e3e4e8;
	}
	
	textarea:focus, .inputText:focus, .inputPassword:focus, .inputFile:focus
	{		
		color:					#000000;
		
		background-color:		#e8f6fd;
		
		border: 				solid 1px #d8f0fa;
	}
	
	.inputButton, .inputListPicker button
	{		
		color: 					#ffffff;
		
		background-color: 		#000000;
		
		border: 				solid 1px #e3e4e8;
	}
	
	.inputButton:hover, .inputListPicker button:hover
	{		
		background-color: 		#3d3d3d;
	}
	
	/* Error handling */
	
	.error, .errorMessage, .errorMessage h1, .Error
	{
		color: 					#c33114 !important;
	}
	
	/* Toolbar */
	
	.toolbar
	{
		border-top:				solid 1px #e3e4e8;
	}
	
	.toolbar label, .toolbar a
	{
		color:					#3d3d3d;
	}
	
	.toolbar label:hover, .toolbar a:hover
	{		
		text-decoration:		underline;
		
		color:					#000000;
	}
	
	.toolbarModuleOptions
	{
		border-top:				solid 2px #c4c4c4 !important;		
	}
	
	/* Webbox */
	
	.webboxTitle
	{	
		border-bottom:			solid 1px #e3e4e8;
	}
	
	.webboxTitle h2 a
	{
		color:					#3d3d3d !important;
	}

	.webboxOpen
	{
		background-image:		url(../images/bullets/default/bullet_webbox_open.gif);
	}
	
	.webboxClosed
	{
		background-image:		url(../images/bullets/default/bullet_webbox_closed.gif);
	}
	
	/* Content list */
	
	.listHeader
	{
		color:					#000000;
		
		border-bottom:			solid 1px #e3e4e8;
	}
	
	.listItemAlternateRow
	{
		background-color:		#f3f3f3;
	}
	
	.listItemRow:hover, .listItemAlternateRow:hover
	{		
		background-color:		#e8f6fd;
		
		border: 				solid 1px #d8f0fa;
	}
	
	.listItemAlternateFileList
	{
		background-color:		#f3f3f3;
	}
	
	.listItemAlternateFileList .listItemRow, .listItemFileList .listItemRow
	{
		border-top:				dotted 1px #e3e4e8;
	}
	
	/* Tabs */
	
	.tabs
	{
		border-bottom:			solid 5px #d1d1d1;
	}
	
	.tab
	{
		color:					#636363;
	}
	
	.tab:hover
	{
		color:					#3d3d3d;
	}
	
	.tabContent
	{
		border: 				solid 1px #d1d1d1;
	}
	
	/* CMS */
	
	.help
	{
		color:					#999999;
	}
	
	.groupSelect
	{
		background-color:		#f2f2f2;
		
		border:					solid 1px #e3e4e8;
	}
	
	/* Calendar component */
	
	.calendar table tr td
	{
		border:					solid 1px #e3e4e8 !important;
	}
	
	.calendar table tr td table tr td
	{
		background-color: 		#f3f3f3 !important;
	}
	
	.calendar a
	{
		color:					#3d3d3d !important;
	}
	
	.calendar a:hover
	{
		color:					#ffffff !important;
		
		background-color:		#e3e4e8 !important;
	}
	
	/* News */
	
	#news .newsItem
	{
		border-top:				solid 1px #e3e4e8;
	}
	
	#news .newsItemFooter, #news .newsItemFooter a
	{
		color:					#c4c4c4 !important;
	}
	
	/* Blog */
	
	#blog .blogItem
	{
		border-bottom:			solid 1px #e3e4e8;
	}
	
	#blog .blogItemInformation, #blog .blogItemInformation a
	{
		color:					#c4c4c4 !important;
	}
	
	/* Comments */
	
	#comments h2, #commentsAdd h2
	{
		background-color:		#ffffff;
		
		border-bottom:			solid 1px #e3e4e8;
	}
	
	#comments .commentCenter, #comment .commentCenter
	{
		border-left:			solid 1px #cccccc;
		border-right:			solid 1px #cccccc;
	}
	
	#commentsAdd
	{
		background-color: 		#f6f6f6;
	}
	
	/* Google Maps */
	
	#googleMaps .map div, #googleMaps .mapSmall div
	{
		color: 					#000000 !important;
	}
	
	#googleMaps .map div a, #googleMaps .mapSmall div a
	{		
		color:					#3d3d3d !important;
	}
	
	#googleMaps .googleMapsBorder, #googleMaps .googleMapsPhoto, .googleMapsBorderSmall
	{
		border:					solid 1px #e3e4e8;
	}
	
	#googleMaps .googleMapsLegendAlternateRow
	{
		background-color:		#f2f2f2;
	}
	
	#googleMaps .markerContentLeft img
	{
		border:					solid 1px #e3e4e8;
	}
	
	/* Poll */
	
	#contentCenterRightPoll label
	{		
		border-top:				solid 1px #ffffff;
	}
	
	#contentCenterRightPoll .VoteQuestionClass
	{		
		border-bottom:			solid 1px #e3e4e8;
	}
	
	#contentCenterRightPoll .VoteButtonClass
	{
		color:					#3d3d3d;
		
		background-color:		#ffffff;
		
		border-top: 			solid 1px #e3e4e8 !important;
	}
	
	#contentCenterRightPoll .VoteButtonClass:hover
	{		
		text-decoration:		underline;
		
		color:					#000000;
	}
	
	/* Community (users) */
	
	#users .userAlphabet, #users .userSearch
	{
		background-color:		#f2f2f2;
		
		border:					solid 1px #e3e4e8;
	}
	
	#users .userAlphabet span a:hover
	{		
		background-color:		#e8f6fd;
		
		border-right:			solid 1px #d8f0fa;
		border-left:			solid 1px #d8f0fa;
	}
	
	#users .user, #users .userAlternate
	{		
		border-top:				solid 1px #e3e4e8;
		border-right:			solid 1px #e3e4e8;
		border-left:			solid 1px #e3e4e8;
	}
	
	#users .user:hover, #users .userAlternate:hover
	{
		background-color:		#e8f6fd;
	}
	
	#users .user, #users .userDetails
	{
		background-color:		#f6f6f6;
	}
	
	#users .userPhoto
	{
		background-color:		#ffffff;
		
		border:					solid 1px #e3e4e8;
	}
	
	#users .userAlternate, #users .userDetailsAlternate
	{
		background-color:		#f2f2f2;
	}
	
	#users .userDetails, #users .userDetailsAlternate
	{
		border:					solid 1px #e3e4e8;
	}
	
	#users .userDetailsLeft, #users .userDetailsCenter
	{
		border-right:			solid 1px #e3e4e8;
	}
	
	#users .userMoreUsers
	{
		background-color:		#d8f0fa;
		
		border: 				solid 1px #e3e4e8;
	}
	
	#users .userMoreUsers:hover
	{
		background-color:		#e8f6fd;
	}
	
	#users .userInformationCell
	{
		color:					#a1a1a1;
	}
	
	#userList
	{
		border-bottom:			solid 1px #e3e4e8;
	}
	
	/* Search */
	
	#search .searchField
	{
		background-color:		#f2f2f2;
		
		border:					solid 1px #e3e4e8;
	}
	
	/* Atrium */
	
	#atrium h2
	{		
		border-bottom:			solid 1px #e2e2e2;
	}
	
	#atrium .atriumItem
	{
		border-top:				solid 1px #e2e2e2;
	}
	
	#atrium .atriumItemFooter, #atrium .atriumItemFooter a
	{
		color:					#c4c4c4 !important;
	}
	
	/* Photo Gallery */
	
	#photos .thumbnail, #photo .photo
	{
		background-color:		#f6f6f6;
		
		border:					solid 1px #e3e4e8;
	}
	
	#photos .thumbnail:hover
	{
		background-color:		#e8f6fd;
		
		border: 				solid 1px #d8f0fa;
	}
	
	#photos .thumbnailImage, #photo .photoImage
	{
		background-color:		#ffffff;
		
		border:					solid 1px #e3e4e8;
	}
	
	#photosAdmin img
	{
		border-color:			#e3e4e8;
	}
	
	/* Lightbox slideshow */
	
	#overlay
	{
		background-color: 		#000000;
	}
	
	#outerImageContainer, #imageDataContainer
	{
		background-color: 		#ffffff;
	}

	#numberDisplay
	{
		color:					#a1a1a1;
	}
}

/* Print styles */

@media print
{
}