@import url('/styles/units/article.css');
 @import url('/styles/units/blog.css');
 @import url('/styles/units/community.css');
 @import url('/styles/units/diet.css');
 @import url('/styles/units/intro.css');
 @import url('/styles/units/memberstartpage.css');
 @import url('/styles/units/recipe.css');
 @import url('/styles/units/registration.css');
 @import url('/styles/units/rightpane.css');
 @import url('/styles/units/socialmedia.css');
 @import url('/styles/units/successstory.css');


/** units.css contains styles for specific units */

/* -- Profile finder -- */
tr.datarow
{
	background-color: #F0F0F0;
}
table.searchresults
{
	background-color: #F0F0F0;
}

/* -- Changed pages -- */
td.changedpages
{
	padding-right: 1.5em;
}

/* -- Start page -- */
img.startpageimage
{
	/*padding: 2em;*/
	margin-bottom: 1em;
	width: 100%;
}

/* -- Quick bar -- */
div.quickbarupperdiv
{
}
div.quickbarlowerdiv
{
	width: 100%;
	clear: both;
}
img.quickbaricon
{
	margin-right: 0.2em;
	height: 1.85em;
}
img.quickbariconseparator
{
	margin-right: 0.2em;
	width: 0.1em;
	height: 1.85em;
}
div.languagecontainer
{
	margin-right: 0.2em;
	margin-left: 1em;
	float: right;	
}
img.languageicon
{
	margin-top: 0.2em;
	margin-left: 0.2em;
	height: 1.5em;
}
span.usernamelabel
{
	margin-top: 0.3em;
	display: block;
	float: right;
}

/* -- Quick search -- */
input.quicksearchinput
{
	width: 15em;
	height: 1.75em;
	border: 0.1em solid #9C9A94;
}
span.searchlabel
{
	font-weight: bold;
	font-size: 1em;
	color: #336;
}
img.quicksearch
{
	height: 1.75em;
}

/* ---Calender template items---*/	

div.monthcalendararea
{
	float: right;
	width: 38%;
}
div.calendarlistingarea
{
	float: left;
	width: 61%;
	text-align: left;	
}
h1.calendardayheading
{
	font-size: 1.2em;
	color: #333;
	display: inline;
}
table.calendarframe
{
	border-color: #fff;
	background-color: #fff;
}
/* IE 6 does not seem to handle parent-child selectors */
div.monthcalendararea > table
{
	border: solid 0.1em #ffffff;
}
td.calendaritem, tr.calendaritem
{
	height: 2em; 
	width: 2.2em;
	font: normal 1em verdana;
	background-color: #fff; 
	border: solid 0.1em #F0E5CE;
}
td.selecteddatecell 
{
	border: solid 0.2em #95632F;
}
td.datecellothermonth 
{
	background-color: #F0F0F0;
}
td.weekendcell
{
	background-color: #DADADA;
}
td.datecellactive
{
	background-color: #F0E5CE; 
	border: solid 0.2em #95632F;
}	
td.dayweekheader
{
	color: #333;
	border-style: none;
}
	
/*---Listing headers (Startpage and LeftMenu head)----*/


a.listheading
{
	font-weight: bold; 
	font-size: 1.2em; 
	color: #333;
	padding-top:0.3em;
	padding-bottom:0.4em;
	display: block;
	text-decoration: none;
}
span.listheading
{
	font-weight: bold; 
	font-size: 1em; 
	color: #333;
	padding-top:0.3em;
	padding-bottom:0.1em;
	display: block;
	text-decoration: none;
}
div.listheadingcontainer
{
	background-color: #F0E5CE;
	display: block;
	width: 100%;
	height: 2.2em;
}
div.listheadingleftcorner
{
	background-image: url(../images/corner_left_titlebar.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 0.8em;
	height: 2.2em;
	float: left;
}
div.listheadingrightcorner
{
	background-image: url(../images/corner_right_titlebar.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 0.8em;
	height: 2.2em;
	float: right;
}
a.startnewsHeading
{
	font-weight: bold; 
	font-size: 1.2em; 
	color: #333;
	display: block;
	text-decoration: none;
}

a.Startnews
{
	font-weight: bold; 
	font-size: 1em; 
	color: #333;
	display: block;
	text-decoration: none;
}

a.StartCalendar
{
	font-weight: bold; 
	font-size: 1em; 
	color: #333;
	display: block;
	text-decoration: none;
}
div.startpageleftnews, div.startpagecalendaritem
{
	margin-top: 0.7em;
	padding-top: 0.3em;
}

/* ------ LeftMenu items -----*/
a.menulink
{
	color: #333;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
a.menulinkactive
{
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
a.menulink:hover
{
	color: #333;
}

/* --------- Listings ----------- */
.NewsListingHeader
{
	border-bottom: solid 0.1em #F0E5CE;
	width:100%;
	font-size:1.2em;
	font-weight:600;
	padding: 0.4em 0.4em 0.4em 0.5em;
}
.NewsListingItem
{
	
	padding: 0.6em 0.4em 0.6em 0.5em;
}
a.NewsLink
{
	text-decoration: none;
	font-weight: bold;
}
a.RightListingHeader
{
	width:100%;
	font-size:1.2em;
	font-weight:600;
	padding: 0.4em 0.4em 0 0.2em;
	margin-bottom:0.6em;
	text-decoration: none;
	color: #333333;
}

a.RightListingItem
{
	text-decoration: none;
	display: block;
	padding-left: 0.3em;
	clear: both;
}

a.linklist
{
	text-decoration: none;
}

.datelistingtext
{
	color: #606060; 
	font-size: 1em; 
	font-style: italic;
}
.rssevenrow
{
	background-color:  #ffffff;
	padding: 0.6em 0.4em 0.6em 0em;
}
.rssunevenrow
{
	background-color:#ffffff;
	padding: 0.6em 0.4em 0.6em 0.5em;
}
.rssheaderrow
{
	background-color: #ffffff;
	border-bottom: solid 0.1em #F0E5CE;
}

/* ----- Conferance items --- */
div.conferance
{
	width: 100%;
	padding: 0.3em;
}
div.conferancelinkbuttonsarea
{
	margin-top: 0.3em;
	float: right;
}
div.conferanceheader
{
	width: 100%;
}
/*------ Site map items ---*/
tr.sitemapheader
{
	font-weight: 600;
	padding: 0.4em 0.4em 0.4em 0.4em;
	font-size: 1.2em;
}
/*----- Password input ---*/
div.passwordfield 
{
	background-color: #dcdace;
	border: solid 0.1em #000;
	width: 21em;
	padding: 0.3em;
}
input.registerfield
{
	width: 20em;
}
/*----- Personal registry Items -----*/
table.DetailedView
{
	background-color: #fff;	
	border-style: solid; 
	border-color: #F0F0F0;	
	border-width: 0.1em;
}
	
table.BackButton
{
	background-color: #F0F0F0;	
	border-style: solid; 
	border-color: #bbb;	
	border-width: 0.1em;
}
	
/*--- Newsgroup ---*/
body.newsgroupitem
{
	padding: 0; 
	margin: 0;
}
div.newsgroupheader
{
	background-color: #ddd;
	border-bottom: solid 0.1em black;
	padding: 0.4em 0;
}
A.newsgroupbarbutton 
{ 
	color: #000; 	
	font-size: 1.1em; 
	font-family: tahoma; 
	font-weight: bold;
	text-decoration: none;
}

/* ---News Groups---*/
TR.NewsgroupRow {
	BACKGROUND-COLOR: #D9C9A8; 
	COLOR: #333333; 
	FONT-SIZE: 11px; 
	FONT-FAMILY:tahoma; 
	PADDING-BOTTOM: 2px; 
	PADDING-LEFT: 5px; 
	PADDING-TOP: 2px}

TR.NewsgroupRowActive{ 
	BACKGROUND-COLOR: #F0E5CE; 
	COLOR: #333333; 
	FONT-SIZE: 11px; 
	FONT-FAMILY:tahoma; 
	FONT-WEIGHT:bold;
	PADDING-BOTTOM: 2px; 
	PADDING-LEFT: 5px; 
	PADDING-TOP: 2px}
	
TD.NewsgroupTableheading { 
	COLOR: #ffffff; 
	FONT-SIZE: 11px;
	FONT-FAMILY:tahoma; 
	FONT-WEIGHT:bold; 
	HEIGHT: 20px;
	PADDING-LEFT: 5px; 
	BACKGROUND: #95632F}

A.NewsgroupBarButton { 
	COLOR: #333333; 	
	FONT-SIZE: 11px; 
	FONT-FAMILY:tahoma; 
	FONT-WEIGHT:bold; 
	TEXT-DECORATION: none}

A.NewsgroupBarButton:visited { 
	COLOR: #333333; 	
	FONT-SIZE: 11px; 
	FONT-FAMILY: tahoma; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none}

.NewsgroupBarTitle {
	COLOR: #333333; 
	FONT-SIZE: 12px; 
	FONT-FAMILY:Verdana, arial, tahoma; 
	FONT-WEIGHT:bold;}

.NewsgroupItemMessage {
	FONT-SIZE: 10px; 
	FONT-FAMILY:Verdana, Courier new;
	COLOR: #333333;}

.NewsgroupItemHeading{
	COLOR: #ffffff; 
	FONT-SIZE: 11px; 
	FONT-FAMILY:tahoma; 
	FONT-WEIGHT:bold;}

.NewsgroupItemHeading2{
	COLOR: #ffffff; 
	FONT-SIZE: 11px; 
	FONT-FAMILY:tahoma;}	
	
/* ---Document list---*/

.DocumentListBox
{
	border: 1px solid #FFFFFF;
}

.DocumentListItem
{
	background: #ffffff;
	padding-left: 5px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.DocumentListItemAlt
{
	background: #ffffff;
	padding-left: 5px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
}


.DocumentMainIntro
{
	padding-left: 10px;
	padding-right: 50px;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* ---Document---*/

.DocumentFrameHeader
{
	text-align: left;
	padding: 0.5em 0.5em 0.5em 6em;
}
.DocumentArea
{
	float: left;
	text-align: center;
	width: 100%;
}

.PPTFrameStyle
{
	border-style:		solid;
	border-color:		#f0f0f0;
	border-width:		0.1em;
	width: 95%;
	height: 45em;
}
.XLSFrameStyle
{
	border-style:		solid;
	border-color:		#f0f0f0;
	border-width:		0.1em;
	width: 95%;
	height: 52em;

}

.DOCFrameStyle
{
	border-style:		solid;
	border-color:		#f0f0f0;
	border-width:		0.1em;
	width: 85%;
	height: 62em;
}

A.SelectedPagingItem
{
	font-weight: bold;
}

A.UnselectedPagingItem
{
}

/* ---Tab strip---*/
.tabbackground
{
	background-image:url(../images/Tab/tabrow_background.gif);
	text-align: left; 
	height: 26px; 
	background-position: top; 
	background-repeat: repeat-x;	
}
.tabOuterContainer 
{
	display: inline-block;
}
.tabContainer 
{
	display: block; 
	float: left;
}
.tabActive
{
	font-weight: bold; 
	font-size: 1.1em; 
	z-index: 10; 
	background-image:url(../images/Tab/tab_background_active.gif);
	cursor: pointer; 
	padding-top: 6px; 
	height: 26px; 
	text-align: center; 
	float: left; 
	background-repeat: repeat-x;

}
.tabActiveLeft
{
	width: 7px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(../images/Tab/tab_background_left_active.gif);
}
.tabActiveRight
{
	width: 7px; 
	position: relative; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(../images/Tab/tab_background_right_active.gif);
}
.tabInactive
{
	font-size: 1.1em; 
	background-image:url(../images/Tab/tab_background.gif);
	cursor: pointer; 
	padding-top: 6px;
	height: 26px; 
	text-align: center; 
	float: left; 
	background-repeat: repeat-x; 
	display: inline;
}
.tabInactiveLeft
{
	width: 7px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(../images/Tab/tab_background_left.gif);
}
.tabInactiveRight
{
	width: 7px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(../images/Tab/tab_background_right.gif);
}
.tabDisabled
{
	font-size: 1.1em; 
	background-image:url(../images/Tab/tab_background.gif);
	color: gray; 
	padding-top: 6px; 
	height: 26px; 
	text-align: center; 
	float: left; 
	background-repeat: repeat-x;
}
.tabDisabledLeft
{
	width: 7px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(../images/Tab/tab_background_left.gif);
}
.tabDisabledRight
{
	width: 7px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(../images/Tab/tab_background_right.gif);
}
.tabObjectActive
{
	display:block;
	float: left;
	width: 99%;
	text-align: left;
}
.tabObjectInactive
{
	display: none;
}
textarea.EPEdit-inputLongString
{
	width: 90%;
	height: 20em;
}



/* --------- Right panel - public ----------- */

div#public-right-cells div.cell
{
	border-bottom: 1px solid lightgray;
	padding: 20px 0;
	margin: 0 10px 0 20px;
}
div#public-right-cells div.video
{
	padding-top:0;
}
div#public-right-cells div.video span
{
	font-size: 0.9em;
	color: #F08DA7;
}
div#public-right-cells div.become-member
{
	color: #FFFFFF;
	padding: 60px 20px 0 30px;
    background-image: url('/images/units/publicstart/bg_salesbox.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 213px;
    margin-bottom: 10px;
}
div#public-right-cells div.become-member h3
{
	margin-left: 40px;
	font-size: 2.2em;
	font-weight: bold;
	padding-top: 20px;
	color: #FFFFFF;
}

div#public-right-cells div.forum
{
	font-size: 0.9em;
}

div#public-right-cells div.forum a
{
	font-weight: normal;
	display: inline-block;
	margin-top: 4px;
}

div#public-right-cells div.forum em
{
	color: gray;
}

div#public-right-cells div.cell a
{
	font-weight: normal;
}
div#public-right-cells div.cell .left
{
	float: left;
	margin-right: 6px;
}
div#public-right-cells div.cell .right
{
	float: right;
	margin-left: 6px;
}


/* --------- Main page - public startpage ----------- */

div#public-main-cells div.main
{
	width: 610px;
	padding: 0 0 20px 0;
	margin: 0 10px 8px 10px;
	float:left;
	border-bottom: 1px solid lightgray;
}

div#public-main-cells div.cell
{
	padding: 10px 0;
	margin: 0 20px 0 10px;
	border-bottom: 1px solid lightgray;
}
div#public-main-cells div.cell a
{
	font-weight: normal;
}



.rightfloating a
{
	text-decoration: none;
}

.rightfloating a.selected
{
	color: lightgray;
}

/** Knowledge page */

div#knowledge-content tr.sitemapheader td
{
	background-image: url("/images/icons/ico_doctor_big.png");
	background-repeat: no-repeat;
	padding: 20px 0 10px 60px;
}

div#knowledge-content tr td img
{
	margin-left: 53px;
}

div#main-intro
{
	width: 300px;
}



/** dynamic listing */
div.dynamic-list
{
	width: 400px;
	background-color: #F5F5F5;
	margin: 4px 0;
	padding: 10px 10px;
	font-size: 0.9em;
}
div.dynamic-list a
{
	font-size: 14px;
}
div.hidden-listpost p
{
	display: none;
}
div.dynamic-list div.list-more
{
	float:right;
}
div.dynamic-list a.list-less
{
	float:right;
	display: none;
}
div.dynamic-list div.list-icon
{
	float:left;
	margin-right: 8px;
	margin-top: -3px;
}
div.dynamic-list div.list-answer-icon
{
	float:left;
	padding: 0 10px 4px 0;
}

/** Page changer control */
div#page-changer
{
	text-align: center;
	width: 100%;
}
div#page-changer div.left img,
div#page-changer div.right img
{
	margin-bottom: -8px;
}
div#page-changer div.middle img
{
	margin-left: 5px;
	margin-top: -15px;
	margin-bottom: -15px;
}
div#page-changer div
{
	float:left; 
}
div#page-changer div.middle
{
	margin: 0 20px;
	color: #f08da7;
}






/** MY GRAPHS PAGE*/
div#my-graphs div.graph
{
	margin-top: 30px;
	float:left;
}
div#my-graphs h2
{
	padding-bottom: 0;
}
div#my-graphs a
{
	color: #8F9302;
}
div#my-graphs span.axis-desc
{
	color: Gray;
	display: block;
	margin: 0 0 14px 0;
}
div#my-graphs div#control
{
	margin-top: 15px;
}
div#my-graphs div#control h2
{
	font-size: 2em;
	margin: 0 6px;
	float:left;
}
div#my-graphs div#control img
{
	margin-top: 0px;
}
div#my-graphs div#control input
{
	text-align:right;
	float:left;
	width: 150px; 
	border: 0;
	font-size: 2em;
	color: #595959;
}

div#my-graphs div.cal-container
{
	border-right: 1px solid #A7A6AA;
	border-bottom: 1px solid #A7A6AA;
	border-left: 1px solid #A7A6AA;
	background-color: #FFFFFF;
	width:192px;
	text-align: center;
}
div#my-graphs div.cal-header
{
	background-color: gray;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 3px 0;
}
div#my-graphs div.cal-field
{
	margin-left: 6px;
}
div#my-graphs div.cal-field table
{
	border: 0;
}
div#my-graphs div.cal-field table tr td
{
	padding: 0 6px 0 6px;
	border: 0;
	text-align: center;
}
div#my-graphs div.cal-field table tr td.cpMonthNavigation
{
	padding: 0;
}
div#my-graphs div.cal-field table tr td a
{
	font-weight: normal;
}
div#my-graphs div.cal-field table tr td a.cpOtherMonthDate
{
	color: #808080;
}
div#my-graphs div.cal-field span.cpDayColumnHeader, 
div#my-graphs div.cal-field span.cpMonthNavigation, 
div#my-graphs div.cal-field a.cpMonthNavigation, 
div#my-graphs div.cal-field a.cpTodayText
{
	font-weight: bold;
}


/** Share box styles */
div#share-box
{
	background-image: url("/images/units/sharebox/bg_share.png");
	height: 24px;
	width: 69px;
	padding: 7px 0 0 60px;
	float:right;
	margin-right: 70px;
}
div#share-box img
{
	margin-right: 3px;
	margin-bottom: -2px;
}



/** QuotesBox styles */
#quote-container
{
	font-size: 11px;
	width: 320px; 
	text-align: left;
	float:left;
	height:55px;
	margin: 30px 0 0 60px;
}
#quote-container img
{
	float: none;
	margin: 0;
}
#quote-container a
{
	display: inline-block;
	margin-top:5px;
}
#headerdiv > #quote-container
{
	display: inline;
}
#quote-container #quote-start
{
	height:40px;
	float:left;
	margin-right:3px;
}
#quote-container #quote
{
	padding-top:6px;
	float:left;
	width:300px;
}

/** Top menu div */
#topmenudiv img.left-image 
{
	margin: -30px 0 0 30px;
	float:left;
}
html>body #topmenudiv img.left-image
{
	margin: -21px 0 0 30px;
}


/** Video player styles */
div.player
{
	padding: 0 50px;
}
div.player div.header,
div.player div.body,
div.player div.footer
{	
	width: 490px;
}
div.player div.header
{
	height: 88px;
	background-image: url("/images/units/video/bg_video_header.png");
}
div.player div.body
{
	background-image: url("/images/units/video/bg_video_body.png");
	background-repeat: repeat-y;
	padding: 6px 33px;
}
div.player div.body div
{
	width: 425px;
}
div.player div.body h1
{	
	color: #000000;
	text-align: center;
	margin: 4px 0 10px 0;
}
div.player div.footer
{
	height: 38px;
	background-image: url("/images/units/video/bg_video_footer.png");
}







/** Login page styles */
.loginBox
{
	background-color: #EDF9DA;
	padding: 15px 0 10px 0;
	margin-bottom: 10px;
	height:auto;
	border:1px solid #B1DD31;
	width:550px;
	margin-left:170px
}
.loginBox input
{
	font-size: 1.4em;
	color: #F21951;
	padding: 10px;
	display: inline;
}

.loginBox label
{
	float:right;
	font-size:1.4em;
	text-align:right;
	width:150px;
}

.loginBox td
{
	padding: 4px;
}

.cookieBox
{
	text-align:center;	
}

/** Forgot password page styles */
.forgotPasswordBox
{
	background-color: #EDF9DA;
	padding: 15px;
	height:auto;
	border:1px solid #B1DD31;
	width:490px;
	margin-left:170px	
}

.forgotPasswordBox input[type=text]
{
	font-size: 1.4em;
	color: #F21951;
	padding: 10px;
	display: inline;
}

.forgotPasswordBox label
{
	font-size:1.4em;
	text-align:right;
	margin-right:15px;	
}




div#intro-content h1
{
	margin-bottom: 20px;
}

div#news-list
{
	margin-bottom: 30px;
}

div#news-list span
{
	font-size: 1.3em;
	font-weight: bold;
	display: block;
}

div#news-list span
{
	font-weight: bold;
}

div#news-list .offer
{
	background-color: #FFFFCC;
}

div#news-list .site
{
	background-color: #E5E0F2;
}

div#news-list .personal
{
	background-color: #E7F2E0;
}

div#news-list div.news-post
{
	border: 1px solid lightgray;
	padding: 10px 20px;
	margin-bottom: 6px;
}

div#news-list div.news-post div
{
	display: inline-block;
	width: 440px;
}

div#news-list div.news-post p
{
	margin: 0;
}

div#news-list div.news-post img
{
	float:left;
	margin-right: 14px;
}













div#blog-overview em
{
	font-style: normal;
	color: gray;
	font-size: 11px;
	display: block;
}

div#blog-overview p
{
	margin: 0;
}

div#blog-overview p.header
{
	display: inline-block;
	font-size: 14px;
	margin-top: 4px;
}

div#blog-overview div
{
	margin-bottom: 6px;
}


div#blog-overview .profile-image
{
	float: left;
	margin-right: 10px;
}

/******************************************************
/* Slideshow
/******************************************************/


div#slideshow-mask
{	
	height: 340px;
	/**width: 610px;*/
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 0;
}
ul#slides
{
	margin: 0 20px;
	width: 610px;
	height: 340px;
	display: block;
	list-style: none;
	padding: 0;
	list-style-type: none;
}
ul#slides li
{
	color: #B30090;
	width:610px;
	height:340px;
	/**float:left;*/
}
ul#slides a
{
	font-size: 16px;
	font-weight: normal; /**600;*/
	color: #fff;
	text-decoration: none;
	font-family: trebuchet ms;
	
	text-align: center;	
	cursor: pointer;
	
	background: transparent url('/images/units/slideshow/btn_slider.png') no-repeat left top;
	width: 311px;
	height: 46px;
	
	margin: 280px 0 0 270px;
	position: absolute;
	display: inline-block;
	padding-top: 8px;
	text-align: center;	
}
ul#slides a:hover
{
	background: transparent url('/images/units/slideshow/btn_slider_over.png') no-repeat left top;
	/**text-decoration: underline;*/
}
div#slideshow-container div#controls
{
	margin-top: -120px; /**-34px;*/
	margin-left: 10px;
	position: absolute;
	
	background: transparent url('/images/units/slideshow/price.png') no-repeat left top;
	width:133px;
	height:133px;
}
div#slideshow-container div#controls a
{
	color: #fff;
	text-decoration: none;
	font-family: trebuchet ms;
	font-weight: bold;
	font-size: 11px;
	display: inline-block;
	background-color: gray;
	padding: 4px 10px;
	margin: 0 4px 0 0;
}
div#slideshow-container div#controls a:hover
{
	text-decoration: underline;
}