/*
Global CSS for MYLIFE valid for all templated pages

*/

*		{
		margin: 0; 
		padding: 0;
		font-family:Georgia,Arial,Verdana;
		
		}

a 		{ 
		text-decoration:none; 
		}

a:hover	{
		text-decoration:underline;
		
		}
		
a:active, a:focus
		{
		outline: none;
		}

img 	{
		border:0;
		}

a.button {
    /* Sliding right image */
    background: transparent url('/img/buttons/buttonGreenRight.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}

a.button .inner {
    /* Background left image */ 
    background: transparent url('/img/buttons/buttonGreenLeft.png') no-repeat; 
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 1px 0 5px 15px;
    font-family:  Arial;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    
} 

a.button:hover .inner{
    text-decoration:underline;
}


a.greyButton {
    /* Sliding right image */
    background: transparent url('/img/buttons/buttonGreyRight.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}

a.greyButton .inner {
    /* Background left image */ 
    background: transparent url('/img/buttons/buttonGreyLeft.png') no-repeat; 
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 1px 0 5px 15px;
    font-family:  Arial;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    
} 

a.greyButton:hover .inner{
    text-decoration:underline;
}

a.orangeButton {
    /* Sliding right image */
    background: transparent url('/img/buttons/buttonOrangeRight.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}

a.orangeButton .inner {
    /* Background left image */ 
    background: transparent url('/img/buttons/buttonOrangeLeft.png') no-repeat; 
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 1px 0 5px 15px;
    font-family:  Arial;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    
} 

a.orangeButton:hover .inner{
    text-decoration:underline;
}


a.purpleButton {
    /* Sliding right image */
    background: transparent url('/img/buttons/buttonPurpleRight.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    padding-left: 0px;
}

a.purpleButton .inner {
    /* Background left image */ 
    background: transparent url('/img/buttons/buttonPurpleLeft.png') no-repeat; 
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 1px 0 5px 15px;
    font-family:  Arial;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    
} 

a.purpleButton:hover .inner{
    text-decoration:underline;
}




html,
body	{
		font-size: 12px;
		background-color:#FFFFFF;
		background-repeat: no-repeat;
		min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
		height: 100%;
		}

body.mainBody	{
				background-image: url(/img/globals/mylifeOrnaments3.gif);background-color:#FFFFFF;
				}
				
.overlabel-apply {
  color:#999;
  cursor:text;
  left:5px;
  position:absolute;
  top:3px; /* I use bold labels hence only 1px, normal weight labels would use 3px */
  z-index:1;
  font: 11px tahoma;
 }
 
 .overlabel_search-apply {
  color:#999;
  cursor:text;
  margin-left:2px;
  position:absolute;
  top:3px; /* I use bold labels hence only 1px, normal weight labels would use 3px */
  z-index:1;
  font-size: 11px;
  font-family:Arial;
  font-weight:bold;
  font-style:italic;
  color: #5a2881;
  display: inline;
 }
 
 div.overlabel_container {
    position:relative;
  }



input,
textarea,
select		 	{
				font-family:Arial, Verdana, 'Times New Roman';
				font-size:100.01%;
				
				}



#headliner		{
				margin-left:10px;
				}				
				
#navigation 	{
				position:absolute;
				left: 260px;
				top: 55px;
				background-image: url('/img/boxes/greenBoxHatching.gif');
				background-repeat:repeat-x;
				width:600px;
				z-index:10;
				}


#mylifeLogo		{
				position:absolute;
				
				}
				
				
#mylifeSubline	{
				position:absolute;
				left:450px;
				top:110px;
				z-index:5;
				}
				
#mylifeSublineBig	{
				position:absolute;
				left:260px;
				top:110px;
				z-index:5;
				}

				
#teaserCategories
				{
				position:absolute;
				left:260px;
				top:70px;
				}


#mainContentBox
			 	{
				width:1024px;
				padding-left:40px;
				min-height:500px;
				background-image:url('/img/globals/mainContentSideBorders.png'); 
				background-repeat:repeat-y; 
				z-index:1;
				}
				
#mainContent 	{
				margin-top:8px;
				width:820px;
				clear:both;
				
				}
				
#mainHeader 	{
				background-image:url('/img/globals/mainContentTopBorder.png');
				height:31px;
				width:1024px;
				}
				
#contentColumns	{
				margin-top:15px;
				}
				

				

#footer			{
				background-image: url('/img/globals/mainContentFooterBackground.png');
				background-repeat: no-repeat;
				height: 115px;
				font-family:Arial;
				font-size: 11px;
				color: #f5651f;
				width:1024px;
				background-color:#FFFFFF;
				}	
				
#footerLinks 	{
				position:relative;
				top: 25px;
				left: 49px;
				width: 800px;
				
				}			
				

/*
	Purple Buttons
*/


.purpleButton {
			color:#FFFFFF; 
			font-family: Arial; 
			font-size:9px;
			font-style:normal;
			font-weight:bold;
			text-transform: uppercase; 
			letter-spacing:0.1em;
			padding-right:1px;
			cursor:pointer;
			background-repeat:no-repeat;
			background-position: 0px 2px; 
			height:12px;
			background-color:#5a2881; 
			text-align:right; 
			padding-left:18px;
			
		}


.purpleButtonClose 	{
					background-image:url('/img/icons/purpleClose.png'); 
			
					}

.purpleButtonEdit {
					background-image:url('/img/icons/editProfileIcon.png');
							
					}
					
.purpleButtonTrash {
					background-image:url('/img/icons/purpleTrash.jpg');		
					}
					
.purpleButtonMail	 {
					background-image:url('/img/icons/purpleMail.jpg');		
					}
			
.purpleButtonReplyAll
					{
					background-image:url('/img/icons/purpleReplyAll.png'); 
					padding-left:22px;
					}

.purpleButtonYes 	{
					background-image:url('/img/icons/purpleYes.png'); 
			
					}
					
.purpleButtonNo 	{
					background-image:url('/img/icons/purpleNo.png'); 
			
					}


/*
	ContentColumnDefinitions
*/

.contentColumns	{
				margin-top:15px;
				}
				
.smallColumn 	{
				float:left;
				width:200px;
				margin-right:10px;
				}
				
.middleColumn	{
				float:left;
				width: 380px;
				margin-right:10px;
				}
				
.middleColumnWide 
				{
				float:left;
				width: 590px;
				
				}
				
.columnItem		{
				margin-bottom:20px;
				clear:both;
				display:block;
				
				}
				
.gradient		{
				background-image: url('/img/boxes/columnSmallBG.gif');
				
				}
				
/*
	Personal Action Bubble
	
*/

div#personalActionBubble
				{
				background-image: url('/img/boxes/personalActionBox/actionBubbleBG.png');
				background-repeat:no-repeat;
				height:45px;
				padding-top:3px;
				padding-left:4px;
				}
				
.tooltipText	{
				padding-left:3px;
				padding-right: 3px;
				background-color:#602f85;
				color:#f5651f;
				font-family:Arial; 
				font-size:11px;
				line-height:18px;
				font-weight:bold;
				}
				

				
.personalBubbleContentItemTextOrange
					{
					font-family:Arial;
					font-size:18px;
					font-weight:bold;
					color:#f5651f;
					background-image: url('/img/boxes/personalActionBox/45.png');
					padding-left: 3px;
					padding-right:3px;
					line-height:18px;
					}	
					
.dynamicItem		{
					float:left;
					cursor:pointer; 
					background-repeat:no-repeat; 
					width:38px; 
					height:20px; 
					text-align:center; 
					padding-top:0px; 
					border-right:1px solid #602f85;
					}
				
.mailboxBG			{
					background-image:url('/img/icons/bubbleHeader/mailboxIcon.jpg');
					}
					
.socialTieBG		{
					background-image:url('/img/icons/bubbleHeader/socialTieIcon.jpg');
					background-position: 0px 1px;
					}
					
#personalSearchField
					{
					height:15px;
					}
					
.personalSearch1	{
					width:60px;
					}
					
.personalSearch2	{
					width:130px;
					}



.mainChoice {
	background-image: url('/img/navigation/navigationMainChoiceBG.png');
	background-repeat: no-repeat;
	height: 45px;
	width: 180px;
	padding-top: 1px;
	font-family:  Arial;
	font-size: 10px;
}


.calendarHover {
	border: 3px solid green;	
}

.mainChoiceTheme1Item
					{
					background-image: url('/img/navigation/navigationMainChoiceBG_1.gif');
					}

.mainChoiceTheme2Item
					{
					background-image: url('/img/navigation/navigationMainChoiceBG_2.gif');
					}
					
.mainChoiceTheme3Item
					{
					background-image: url('/img/navigation/navigationMainChoiceBG_3.gif');
					}
					
.mainChoiceTheme4Item
					{
					background-image: url('/img/navigation/navigationMainChoiceBG_4.gif');
					}
					
.mainChoiceTheme5Item
					{
					background-image: url('/img/navigation/navigationMainChoiceBG_5.gif');
					}


.mainChoice a span	{
					font-size:11px;
					letter-spacing: 0.025em;
					font-family:Arial;
					padding-left:0px;
					left:-4px;
					top:-1px;
					position:relative;
					}
					
.mainChoiceLabel	{
					
					
					}

.mainChoiceItemLabel 
					{
		
					}

.mainChoiceItemLabel:hover 
					{
					text-decoration: none;
					}
					
					
/*
	Links for userNames
*/

.userNameTextLink
					{
					color:#646464;
					font-size:11px;
					text-decoration:underline;
					}
					
.userNameTextLink:hover
					{
					color:#FFFFFF;
					font-size:11px;
					background-color:#646464;
					text-decoration:none;
					
					}

.userNameTextLight
					{
					color:#b4b4b4;
					font-size:11px;
					
					}


/*
	General Text
*/		

.greyText			{
					font-size:11px;
					color:#646464;
					}
					
.orangeText			{
					font-size:11px;
					color:#f5651f;
					}
					
/*
	Paginator
*/

.paginatorContainer	{
					background-color:#f9f7fa;
					border-bottom:1px solid #b4b4b4;
					border-top:1px solid #b4b4b4;
					clear:both;
					height:28px;
					position:relative;
					width:100%;
					}
					
.paginatorItems		{
					margin-top:5px;
					margin-left:25px;
					margin-right:25px;
					position: relative;
					
					}
					
.paginatorText		{
					font-family:Arial;
					font-size:11px;
					font-weight:bold;
					color: #5a2881;
					}
					
.paginatorTextItalic
					{
					font-style:italic;
					}
					
.paginatorPrevious	{
					float:left;
					width:5em;
					margin: 0; padding: 0;
					
					}
					
.paginatorPages		{
				   margin-left:10em;
				   margin-right:10em;
				   text-align:center;
					}
					
.paginatorNext		{
					float:right;
					width:10em;
					margin: 0; padding: 0;
					text-align:right;
					}
					
/* 
	Tooltip Help
*/

.tooltipHelp 		{
					cursor: default;
					}
					

					
textarea .tooltipHelp {
	
					cursor: text;
	}
					
pre  {
		
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width:350px;
 line-height:15px;
 overflow:hidden;
}


/*
	TeaserContent
*/

.teaserContentItem
					{
					min-height: 90px;
					margin-bottom:0px;
					border-bottom:1px dotted #b4b4b4;
					padding-bottom:10px;
					padding-top: 10px;
					position:relative;
					}
	
.teaserContentPic	{
					float:left;
					}
					
.teaserContentHeadline
					{
					margin-left:130px;
					font-size:16px;
					color:#5a2881;
					font-weight:bold;
					
					font-family: Arial;
					margin-bottom:6px;
					}

.teaserContentText	{
					margin-left:130px;
					font-size:11px;
					color:#646464;
					font-family: Arial;
					
					}

.teaserContentLink	{
					color:#f5651f;
					font-size:11px;
					font-family: Arial;
					}
					
#footerLinks 	a	{
					margin-left:5px;
					}
					
/*
	FilterHints
*/

#filterHintHead	{
					font-family:Arial;
					font-size:11px;
					font-weight:bold;
					padding-left:4px;
					line-height:17px;
					color:#FFFFFF;
					height:20px;
					width:196px; 
					
					}
					
.filterHead_FITNESS_AND_SPORT
					{
					background: #00b5de; 
					}
					
					
.filterBody_FITNESS_AND_SPORT
					{
					background-color:#ccf0f8;	
					}


.filterHead_WINE_AND_DINE
					{
					background: #ffd200; 
					}
					
					
.filterBody_WINE_AND_DINE
					{
					background-color:#fff6cc;	
					}
					
.filterHead_BEAUTY_AND_RELAXATION
					{
					background: #e50083; 
					}
					
					
.filterBody_BEAUTY_AND_RELAXATION
					{
					background-color:#facce6;	
					}

.filterHead_MEDICAL_WELLNESS
					{
					background: #0beac8; 
					}
					
					
.filterBody_MEDICAL_WELLNESS
					{
					background-color:#cefbf4;	
					}
					
.filterHead_ENVIRONMENTAL_COMMITMENT
					{
					background: #c9e544; 
					}
					
					
.filterBody_ENVIRONMENTAL_COMMITMENT
					{
					background-color:#f4fada;	
					}


#filterHintBody		{
					
					width:200px; 
									 
					}

.validationPanel {
	margin-bottom: 5px;
}