/****************************************/
/*       	REMOVE DEFAULT STYLES		*/
/****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
}
/* remember to define focus styles! */
#subTabs ul,
#subTabs li,
#tabs ul,
#tabs li{
    margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
}


:focus {
	outline:			0;
}
body {
	line-height:		1.4;
	color:				black;
	background:			white;
}
#subTabs ul,
#subTabs li,
#tabs ol,
#tabs ul {
	list-style:			none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:	separate;
	border-spacing:		0;
}
caption, th, td {
	text-align:			left;
	font-weight:		normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:			"";
}
blockquote, q {
	quotes:				"" "";
}

/***************************************/
/*        		DOJO OVERRIDE    	   */
/***************************************/

/* Override of themes/tundra/form/Common.css */
body.tundra .dijitError {
	border-color:#f76617;
	background-color: #fff7f2;
}

.dj_ie6 .tundra #content .dijitError input,
.dj_ie6 .tundra #content .dijitError textarea {
	background-color: #fff7f2;
}
.tundra #content .dijitErrorFocused {
	border-color:#f76617;
	background-color: #fff2eb;
}
.dj_ie6 .tundra #content .dijitErrorFocused input,
.dj_ie6 .tundra #content .dijitErrorFocused textarea {
	border-color:#f76617;
	background-color: #fff2eb;
}
.tundra .textAreaFormLine #bodyText {
	padding: 2px !important;
}

/***************************************/
/*        REDEFINE DEFAULT ELEMENTS    */
/***************************************/

body, html {
	font-family:            Verdana, Arial, sans-serif;
	margin:					0px;
	padding:				0px;
	height:					100%;
	width:					100%;
	color:					#676767;
	font-size:				12px;
}
h2 {
	color:					#F76619;
	font-weight:			bold;
	font-size:				18px;
	padding:				25px 0 15px 0;
	/*	het instellen van een margin zorgt voor een verkeerde
		hoogte van de totale pagina in stap 4 van het bestel proces
	*/
}
h3 {
	color:					#F76619;
	font-weight:			bold;
	font-size:				15px;
	padding:				10px 0 5px 0;
}
h4 {
	color:					#F76619;
	font-size:				12px;
	padding:				5px 0 2px 0;
}
iframe {
	border:					none;
}
p.endsWithDivider {
	border-bottom: 			1px solid #D1D1D1;
	padding-bottom:			12px;
	margin-bottom:			12px;
}
a {
	color: 					#65A45D;
	text-decoration:		none;
}
a:hover {
	text-decoration:		underline;
}
p {
	margin:					5px 0 25px 0;
}
#errMessages {
	color:					#f66816;
	margin-bottom:			20px;
}
#commitInfo,
#inboxCommitInfo {
	border: 				1px solid #506F29;
	color:					#506F29;
	background-color:		#ABD080;
	height:					18px;
	padding:				10px;
	font-weight:			bold;
}
#commitError     {
	border: 1px solid #990000;
	color:#CC0000;
	background-color:#FF9900;
	height:					18px;
	padding:				10px;
	font-weight:			bold;
}
.commitInfoEx {
	margin-top: 			20px;
}
.commitInfoEx1 {
	margin-bottom: 			16px;
}
.noflash {
	margin:					10px;
	text-align:				center;
}

/***************************************/
/*        		GENERIEKE KNOPPEN      */
/***************************************/

.btn {
	display:				block;
	float: 					left;
	height:					20px !important;
	border: 				none !important;
	cursor:					hand;
	cursor:					pointer;
	background-color:		transparent !important;
	background-repeat:		no-repeat !important;
}
a.btn span {
	display:				none;
}

/***************************************/
/*        MAIN LAYOUT BLOCKS           */
/***************************************/

body {
	/* de groene herhaalkleur indien het scherm groter is dan de twee gradients samen */
	background-color:		#FFFFFF;
}
#topGradient {
	/*background:				transparent url(/youw8Custom/dmp/img/bgTop.jpg) left top repeat-x;*/
}
#bottomGradient {
	/*background:				transparent url(/youw8Custom/dmp/img/bgBottom.jpg) left bottom repeat-x;*/
}
#app {
	width:					936px;
	margin: 				0 auto; /* horizontaal centreren */
	background:				#65A55B url(/youw8Custom/dmp/img/bgMiddle.jpg) center center repeat-y;
}
#content {
	background:				transparent url(/youw8Custom/dmp/img/bgContent.jpg) left top no-repeat;
	padding:				0 35px;
}
/* Alleen voor FF*/
/* Nodig om FF de achtergond goed te laten renderer, geen idee waarom het misgaat */
:root #content {
	border-top:				1px solid transparent;
	background-position:	left -2px; /* ter compensatie van de border van 1px*/
}
/*	Omdat IE6 het niet snapt als je een id en een class aan dezelfde node hangt
	(bv #content.homeSection), heb ik het hier opgelost met een !important keyword
	zodat dit niet nodig is.
*/
.homeSection {
	padding:				0 8px !important;
	background:				transparent url(/youw8Custom/dmp/img/bgContent.jpg) left -1px no-repeat !important;
}
.watIsYouw8Section,
.dashboardSection,
.profielSection {
	padding:				0 17px !important;
}

.iframe {
	position: absolute;
	margin-right:12px;
	display: inline-block;
	overflow: auto;
	clear: both;
}

.lastBlock {
	margin-right: 0px;
}



/***************************************/
/*               HEADER                */
/***************************************/

#header {
	font-family:			Arial, sans-serif;
	position:				relative;
	height:					139px;
	background:				transparent url(/youw8Custom/dmp/img/bgTopBottomApp.jpg) left top no-repeat;
}
#header #logo,
#header #loginBlock{
	position:				absolute;
	height:					90px;
	top:					40px;
}
#header #logo {
	left:					8px;
	display:				block;
	width:					200px;
	background:				transparent url(/youw8Custom/dmp/img/logo.gif) center center no-repeat;
}
#header #headerAd {
	left:					208px;
	width:					491px;
}
#header #loginBlock {
	left:					700px;
	width:					214px;
	height:					90px;
}
#header #notLoggedIn {
	margin:					14px 0 0 12px;
}
#header #notLoggedIn #usernameText {
	position:				absolute;
	left:					15px;
	top:					16px;
}
#header #notLoggedIn #passwordText {
	position:				absolute;
	left:					15px;
	top:					39px;
}
#header #notLoggedIn input {
	display:				block;
	float:					left; /*neccesary because of a bug in IE */
	border: 				1px solid #C7BEB0;
	width:					192px;
	height:					15px;
	color: 					#675641;
	margin-bottom:			4px;
}



#header #notLoggedIn span,
#header #notLoggedIn a {
	display:				block;
	float: 					left;
	color: 					#8D7D68;
	font-size:				10px;
	width:					119px;
}

#header #notLoggedIn a:hover {
	color:					#F76619;
	font-size:				10px;
}
#header #loggedIn {
	margin:					10px 0 8px 0;
}
#header #loggedIn div {
	margin:					0 0 6px 16px;
}
#logOut{
	margin-left: 			-8px;
}
#header #loggedIn input {
	margin-left: 			25px;
}
#header #link{
	margin-left: 			16px;
}
#header #link img{
	float: 					left;
}
#header #link a{
	text-decoration: 		none;
}
#header #link div{
	margin: 				0 13px 0 30px;
	padding-left:			5px;
	background-color: 		white;
	border: 				1px silver solid;
	color:					silver;
}
#header #loggedInOpen {
	margin:					9px 0 0 0;
	text-align:				center;
}
#header #loggedInOpen div {
	margin:					8px 0 9px 0;
}


#header .btnLogout {
	float:					none;
	display: 				inline;
}



/***************************************/
/*               FOOTER                */
/***************************************/

#footer {
	font-family:			Arial, sans-serif;
	position:				relative;
	height:					114px;
	background:				transparent url(/youw8Custom/dmp/img/bgTopBottomApp.jpg) left -175px no-repeat;
	font-size:				10px;
	color:					#AFA290;
	letter-spacing:			.1em;
}
#footer div {
	padding-top:			7px;
	position:				absolute;
	float:					left;
}
#footer #copy {
	color:					#F76619;
	left:					28px;
}
#footer a {
	text-decoration:		none;
}
#footer a:hover {
	text-decoration:		underline;
}
#footer #utilities a {
	color: 					#F76619;
}
#footer #utilities {
	right:					30px;
}


/***************************************/
/*                 POPUP               */
/***************************************/

#popupGreyLayover {
	position:				absolute;
	background-color:		#67501E;
	opacity:				.60;
	filter:					alpha(opacity=60);
	-moz-opacity:			.60;
	z-index:				1000;
	width: 100%;
	height: 100%;
}
#popupContainer {
	position:				absolute;
	z-index:				1001;
}
#popupContainer #popupHeader {
	position:				absolute;
	width:					100%;
	height:					25px;
	top:					0;
}
#popupContainer #popupFooter {
	position:				absolute;
	width:					100%;
	height:					8px;
	bottom:					0;
}
#popupContainer #popupContent {
	position:				absolute;
	width:					100%;
	top:					25px;
}



#popupContainer #popupLeft {
	position:				absolute;
	width:					4px;
	height:					100%;
	left:					0;
}



#popupContainer #popupHeaderCornerR {
	position:				absolute;
	height:					100%;
	width:					99px;
	right:					0;
	z-index:				1002;
	display:				block;
}



#popupContainer.notClosable #closeButton {
	display:				none;
}
#popupContainer.notClosable #popupHeaderCornerR {
	background-image:		url(/youw8Custom/dmp/img/bgPopupNotClosable.gif);
}
#popupContainer #closeButton {
	display:				block;
	height:					100%;
	width:					100%;
}
#popupContainer #popupHeaderCornerL {
	position:				relative;
	height:					100%;
	margin-right:			50px;
}



#popupContainer #popupFooterCornerR {
	position:				absolute;
	height:					100%;
	width:					99px;
	right:					0;
	z-index:				1002;
}



#popupContainer #popupFooterCornerL {
	position:				relative;
	height:					100%;
	margin-right:			50px;
}



#popupContainer #popupContentHandle {
	position: 				relative;
	height:					100%;
	overflow: 				auto;
	margin-left: 			24px;
}

body#popupContentWrapper {
	background-color:		white;
	overflow-x:				hidden;
	overflow-y:				auto;
	height:					auto;
	width: 					95%;
}

/***************************************/
/*          SENDPASSWORDEMAIL          */
/***************************************/

#sendPasswordEmail h3 {
	color:					#676767;
	font-size:				12px;
	font-weight: 			bold;
}
#sendPasswordEmail p {
	width:					98%;
}
#sendPasswordEmail input {
	border:					1px solid #BAB9B9;
	width:					140px;
	margin:					0 4px 0 2px;
}
#sendPasswordEmail input.btnVerstuur {
	float: 					none;
	display:				inline;
}


/***************************************/
/*          BUDDYREQUESTRECEIVED          */
/***************************************/

#buddyRequestReceived  h3 {
	display:				none;
}

/***************************************/
/*    		CREATE NEW PASSWORD        */
/***************************************/

#createNewPassword h3 {
	display:				none;
}


/***************************************/
/*             WIDGETBLOCK             */
/***************************************/

.widgetRow {
	height:					304px;
	background:				transparent url(/youw8Custom/dmp/img/bgWidget.gif) left top repeat-x;
	width: 					870px;
}
.lastWidgetRow {
	padding-bottom: 		50px;
}
.widgetRow .widgetBlock {
	display: 				block;
	width: 					278px;
	height: 				100%;
	float: 					left;
	margin-right:			14px;
}
.widgetRow .widgetBlock.last {
	margin-right:			0px;
}

.widgetRow .foodBlock {
	display: 				block;
	float: 					left;
	margin-right:			14px;
}
.widgetRow .foodBlock.last {
	margin-right:			0px;
}

/***************************************/
/*          	TABLEBLOCK         		*/
/***************************************/

.tableBlock {
	border:					1px solid #E8E8E8;
	margin-bottom:			30px;
	width:					98%;
}
.tableBlock th {
	font-weight:			bold;
}
.tableBlock th,
.tableBlock td {
	padding:				3px;
	white-space:			nowrap;
	vertical-align:			top; /* Nodig om knoppen in ff goed te laten renderen */
}
.tableBlock th.firstCol,
.tableBlock td.firstCol {
	padding-right:			20px;
	padding-left:			10px;
}
#techInfo.tableBlock .firstRow th,
#techInfo.tableBlock .firstRow td,
.tableBlock .firstRow th,
.tableBlock .firstRow td {
	padding-top:			8px;
}
#techInfo.tableBlock .lastRow th,
#techInfo.tableBlock .lastRow td,
.tableBlock .lastRow th,
.tableBlock .lastRow td {
	padding-bottom:			10px;
}
#persons.tableBlock th.firstCol,
#persons.tableBlock td.firstCol,
#techInfo.tableBlock th.firstCol,
#techInfo.tableBlock td.firstCol {
	width:					40%;
}
#measurements.tableBlock th.actionCol,
#measurements.tableBlock td.actionCol {
	width:					17%;
	font-size: 				1px;

}
.tableBlock .oddRow {
	background-color:		#EBEBEB;
}
.tableBlock .newMessage{
	font-weight:	bold;
}
#techInfo.tableBlock th,
#techInfo.tableBlock td {
	padding-top:			1px;
	padding-bottom:			1px;
}
.tableBlock a span {
	display: 				none;
}


/***************************************/
/*               HOMESPLASH            */
/***************************************/

#homeSplash {
	position:				absolute;
	width:					974px;
	height:					353px;
	background:				transparent url(/youw8Custom/dmp/img/homeSplash.gif) left top no-repeat;
	margin-top:				15px;
	margin-left:			-26px;
	z-index:				2;
}
#homeSplash * {
	margin:					4px 0 0 4px;
}
#homeSplash #flashContainer {
	margin:					0;
	padding:				0;
}
#homeSplash #youw8Movie{
	display: 				none;
	margin-left: 			226px;
}
#homeSplash #stillImage {
	margin:					4px 0 0 4px;
	background:				transparent url(/youw8Custom/dmp/img/splashIntro.jpg) 5px top no-repeat;
	width:					966px;
	height:					345px;
	display:				block;
}
#homeSplash #flashLink {
	position:				absolute;
	width:					200px;
	height:					40px;
	left:					720px;
	top:					300px;
}
#homeSplash #htmlLink {
	position:				absolute;
	width:					100px;
	height:					50px;
	left:					630px;
	top:					150px;
}
#homeSplash #kassaLink {
	position:				absolute;
	width:					390px;
	height:					390px;
	left:					540px;
	top:					10px;
}

#homeSplash #matsLink {
	position:				absolute;
	width:					490px;
	height:					350px;
	left:					50px;
	top:					50px;
	color:	blue;
	display: 				block;
	font-weight: bold;
}
/***************************************/
/*            HOMEPAGECONTENT          */
/***************************************/

#homepageContent {
	margin:					0 0 30px 0;
	width:					100%;
	background:				transparent url(/youw8Custom/dmp/img/bgHome.jpg) left 345px no-repeat;
	font-size: 				11px;
}
#homepageContent td {
	padding:				372px 0 0 30px;
	width:					33%;
}
#homepageContent h3 {
	color: 					#79A731;
	padding-bottom:			140px;
}
#homepageContent #pondjeTitle {
	margin-left: 			50px;
}
#homepageContent #analyzerTitle {
	margin-left: 			15px;
}
#homepageContent #proTitle {
	margin-left: 			47px;
}
#homepageContent .content {
	width: 					260px;
	float:					left;
}
/***************************************/
/*      	 HOEWERTHET                */
/***************************************/

#hoeWerktHet #movieObject{
	text-align: 			center;
}
#hoeWerktHet .col1,
#hoeWerktHet .col2{
	width: 					430px;
}
#hoeWerktHet .col2{
	padding-left: 			60px;
}
#hoeWerktHet #text1,
#hoeWerktHet #text2,
#hoeWerktHet #text3,
#hoeWerktHet #text4{
	width: 					400px;
	text-align: 			justify;
}
#hoeWerktHet #movie{
	margin-bottom: 			30px;

}

/***************************************/
/*        		MAP                */
/***************************************/

#advs{
	margin-top:				20px;
	height:					80px;
}

#advs .advsIcons{
	height:					80px;
	width:					10%;
	float:					left;
	background-position:			center;
}

#advsPopupPicture{
	height:					80px;
	width:					100px;
	float:					right;
}


/***************************************/
/*        		SUPPORT                */
/***************************************/

#support #routerFaq {
	background:				transparent url(/youw8Custom/dmp/img/router_faq.png) center bottom no-repeat;
	height:					177px;
}
#support #col2{
	width: 					50%;
	padding: 				78px 0 0 65px;
}
#support #col1{
	width: 					50%;
}
#support #subMenuSupport {
	position: relative;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	width: 838px;
	background: white url(/youw8Custom/dmp/img/bgPopupNotClosable.gif) left top no-repeat;
	height: 170px;
}
#support #subMenuSupportRT {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 280px;
	background: white url(/youw8Custom/dmp/img/bgPopupNotClosable.gif) right top no-repeat;
}
#support #subMenuSupportRB {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 10px;
	width: 10px;
	background: white url(/youw8Custom/dmp/img/bgPopupNotClosable.gif) right bottom no-repeat;
}
#support #subMenuSupportLB {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 10px;
	width: 100%;
	background: white url(/youw8Custom/dmp/img/bgPopupNotClosable.gif) left bottom no-repeat;
}
#support #menuContent {
	padding-left: 15px;
}
#support #menuContent a {
	display: block;
	font-weight: bold;
	padding-left: 30px;
}
#support #contactInfoLine {
	position: absolute;
	height: 78%;
	width: 80%;
	top: 10%;
	padding-left: 20px;
	border-left: 2px solid #F76619;
}
#support #contactInfo {
	position: absolute;
	top: 50%;
	margin: -25px 0 0 0;
}
#support #bodySupport {
	margin: 30px 0 0 0;
}
#support p {
	margin-bottom: 			20px;
}
#support h3 a {
	color:					#F76619;
}
#support ul li {
	display: block;
	font-weight: bold;
	padding-left: 30px;
}
#support .bestanden{
	position:				relative;
	margin:					10px 0 0 0px;
	padding:				0 137px 15px 17px;
	border: 				1px solid #9C9C9C;
	background-color: 		#F5F5F5;
}
/***************************************/
/*        		GREENUL           	   */
/***************************************/


.greenUL ol {
	list-style-type:		decimal;
	color:					#65a45d;
}
.greenUL ul  {
	margin:					0;
	padding:				0;
	list-style-image:		none;
}
.greenUL ul li {
	background:				transparent url(/youw8Custom/dmp/img/bullit.gif) top left no-repeat;
	padding:				3px 0 3px 20px;
	margin:					0 0 0 5px;
}
.greenUL ol li {
	margin:					3px 0 3px 30px;
}

/***************************************/
/*           	 COL1 en COL2     	   */
/***************************************/

#col1 {
	vertical-align:			top;
	width:					684px;
	padding-bottom:			30px;
}


.profielSection #col1 {
	width:					666px;
}
#col1 #leftCol {
	width:					600px;
	margin: 				0;
	padding: 				0;
}
#col2 {
	vertical-align:			top;
	width:					182px;
	background-color:		transparent;
	background-position:	center 80px;
	background-repeat:		no-repeat;
	padding-bottom:			30px;
}
#col2 strong {
	display: 				block;
	padding-bottom:			5px;
	border-bottom:			1px solid #d1d1d1;
	font-weight:			bold;
}
#col2 p {
	margin:					8px 0 0 0;
}

#hoeWerktHet #col2,
#signUpThanx #col2,
#overige #col2,
#goal #col2,
#persoonlijk #col2,
#privacy #col2,
#bestellen #col2 {
	padding-top:			120px;
}
#buddies #col2,
#signUp #col2 {
	padding-top:			120px;

}

/* coach */
       #coachQuestions{

       padding:0px;
       }


.fullLine{
    width:100%
    clear:both;
    float:left;

         margin-bottom: 13px;
}


/***************************************/
/*            	FORMLINE          	   */
/***************************************/

.formBlock {
	margin-bottom:			30px;
	width:					650px;
}
.formBlockEx{
	margin-bottom:			50px;
	width:					650px;
}
.formBlockEx1{
	margin-bottom:			70px;
	width:					650px;
}

.formLine {
	height:					23px;
	margin-bottom:			3px;
	position:				relative;
}

.formLine.textAreaFormLine {
	height:					auto;
}
.formLine.doubleSlider{
	height:					65px;
}
.formLine.sliderFormLine {
	height:					65px;
}
.formLine.newLineFormLine {
	height:					auto;
	margin-bottom:			20px;
}

.formLine.slider{
	margin-bottom: 			10px;
}

#bodyText{
	min-height: 60px;
	text-align: left;
}

/*	Om te voorkomen dat de normale (niet dojo) input velden zichtbaar zijn,
 *	worden ze eerst onzichtbaar gemaakt en nadat er een table omheen is geplaatst
 *	weer zichtbaar.
 */

.formLine input,
.formLine select,
.formLine textarea,
.formLine ol li {
	display:				block;
}
/*
 *	making the textBox in popop appear (e.g. buddyRequestReceived.jsp)
*/
.popup input
{
	display: 				inline;
}

.formLine input.btn,
.formLine table input,
.formLine table textarea,
.formLine table select {
	display:				inline;

}
.formLine label {
	float:					left;
	width:					240px;
}

.formLine .profile {
	float:	left;
	width:  150px;
}

.formLine.newLineFormLine label {
	float:					none;
	width:					auto;
	display:				block;
}
.formLine .radio,
.formLine .radioLbl {
	width:					auto;
	border: 				none;
	margin-left:			0;
	padding-left:			0;
	float:					left;
}
.formLine .radioLbl {
	margin-right:			25px;
	margin-left:			5px;
	display:				block;
	width:					70px;
}
.formLine .star {
	float:					left;
	color:					#f38234;
	width:					10px;
}
.formLine .checkBoxLbl {
	margin-right:			25px;
	float:					none;
}

.formLine input.sliderResult
{
	float: 					left;
	width: 					25px;
	display:				block;
	border-width: 			0px;
	font-size:				12px;
}
.formLine #horizontalSlider, 
.formLine #activitySlider{
	width: 					223px;
	margin-top:				5px;
	margin-left: 			5px;
}
.formLine #weightGoalSlider,
.formLine #lengthSlider,
.formLine #heupSlider,
.formLine #hipImperialSlider,
.formLine #waistSlider,
.formLine #waistImperialSlider{
	width: 					223px;
	margin-top:				5px;
	margin-left: 			5px;
}

.formLine #horizontalSlider2,
.formLine #horizontalSlider1{
	width: 					200px;
	float:					left;
	margin-top:				5px;
	margin-right: 			5px;
}

.formLine #horizontalSlider3,
.formLine #horizontalSlider4{
	width: 					210px;
	float:					left;
	margin-top:				5px;
	margin-right: 			5px;
}

.formLine #heightImperialInchPosition{
	margin-left: 			99px;
}

.formLine #inchDivBlock,
.formLine #hipMetricDivBlock,
.formLine #waistMetricDivBlock,
.formLine #hipImperialDivBlock,
.formLine #waistImperialDivBlock{
	 margin-top: 			10px;
	 margin-left: 			240px;
}

.formLine .textBoxSlider .dijitTextBox{
	border: 				none;
}

.tundra .formLine .dijitTextBox,
.tundra .formLine .dijitComboBox,
.tundra .formLine .dijitSpinner,
.tundra .formLine .dijitInlineEditor input,
.tundra .formLine .dijitTextArea  {
	margin-top: 			0;
	padding-top: 			0;
	width:					250px;
}
.tundra .formLine .dijitTextArea  {
	width:					630px;
}

.tundra .formLine #dateDay .dijitComboBox {
	width:					57px;
	float:					left;
}
.tundra .formLine #dateMonth .dijitComboBox {
	width:					110px;
	float:					left;
}
.tundra .formLine #dateYear .dijitComboBox {
	width:					74px;
	float:					left;
}
.tundra .formLine #housenumberFirst .dijitTextBox {
	width: 					65px;
	float:					left;
}
.tundra .formLine #housenumberSecond .dijitTextBox {
	width: 					65px;
	float:					left;
}
.explanation{
	margin-bottom: 10px;
	margin-top: 10px;
}

.explanation label{
	float:left;
	width:250px;
}

/***************************************/
/*            	SIGNUP          	   */
/***************************************/

#signUp  {
	width:					100%;
	margin-bottom:			30px;
	position:				relative;
}
#signUp h3 {
	display:				none;
}
#signUp #actCodeExpl {
	position: 				absolute;

}
#signUp .omtrekExpl{
	position:				absolute;
	left:					140px;
}
.omtrekPersoonlijk{
	position:				absolute;
	left:					140px;
}

#signUp input.btnMeldAan {
	width:					94px;
}
#signUp #heightMetricCont,
#signUp #heightImperialCont {
	display:				none;
}

.tundra #activationCodeBlock .formLine .dijitTextBox,
.tundra #activationCodeBlock .formLine  .dijitInlineEditor input,
.tundra #heightImperialCont .dijitTextBox,
.tundra #heightImperialCont .dijitInlineEditor input {
	width:					45px;
}

.tundra #bloodSerialBlock .formLine .dijitTextBox,
.tundra #bloodSerialBlock .formLine  .dijitInlineEditor input {
	width: 170px;
}

#activCodeExpl{
	margin-top: 			20px;
	margin-left: 			20%;
}
#hipCheckBox{
	float: 					left;
}
/*           AANMELDEN          	   */
#laatsteStap{
	width:					336px;
	height:					100px;
	margin-left:			55px;
	background-image: 		url(/youw8Custom/dmp/img/aanmelden_laasteStap.JPG);
}


/*            	PROFIEL	          	   */

.watIsYouw8Section #contentWrapper,
.profielSection #contentWrapper {
	margin-left:			22px;
}
.profielSection h3 {
	display:				none;
}
.partnersDiv {
	width:					600px;
	height:					200px;
}
.visibilityExpl {
	margin-bottom:			30px;
}
.visibilityExpl th {
	color: 					#65A45D;
	font-weight:			bold;
	width:					40%;
}


#subTabs .profiel_tab {
    background: transparent url('/youw8Custom/dmp/img/youw8/small_tab_right.png') no-repeat scroll top right;
    display: block;
    float: left;
	height: 31px;
    margin-right: 0px;
    padding-right: 5px;
}

#subTabs .profiel_tab span {
    background: transparent url('/youw8Custom/dmp/img/youw8/small_tab_left.png') no-repeat;
	cursor :pointer;
	color: #FFFFFF;
	display: block;
	height: 33px;
    font: bold 14px verdana;
    display: block;
    /*line-height: 14px;*/
    padding: 9px 10px 0px 13px;
	text-decoration: none;
} 

#subTabs .selected_profiel_tab {
    background: transparent url('/youw8Custom/dmp/img/youw8/selected_tab_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 31px;
    margin-right: 0px;
    padding-right: 5px; 
}

#subTabs .selected_profiel_tab span {
    background: transparent url('/youw8Custom/dmp/img/youw8/selected_tab_left.png') no-repeat;
	cursor :pointer;
	color: #FFFFFF;
	display: block;
	height: 33px;
    font: bold 14px verdana;
    /*line-height: 14px;*/
    padding: 4px 10px 0px 13px;
	text-decoration: none;
} 


/***************************************/
/*            	BUDDYDASHBOARD     	   */
/***************************************/

body#buddyDashboard {
	background-color:		white;
	height:					auto;
	width:					auto;
	padding:				0;
	margin:					0;
	text-align:				left;
}
#buddyDashboard .dashboardSection {
	padding:				0 !important;
}
#buddyDashboard #subTabs {
	background:				transparent url(/youw8Custom/dmp/img/bgSubTabs.gif) left top no-repeat;
	padding:				0;
	margin:					0 0 20px 0;
	width:					860px;
}
#buddyDashboard #subTabs ul {
	width: 					855px;
}
#buddyDashboard .widgetRow {
	margin-left:			0;
}
#buddyDashboard p {
	font-weight:			bold;
	font-size:				15px;
	color: 					#639236;
	margin:					0 0 10px 0;
}
#buddyDashboard .introName {
	font-weight:			bold;
	font-size:				15px;
	color:					#F76619;
}

/***************************************/
/*            	BUDDIES          	   */
/***************************************/

#buddies .tableBlock {
	margin-bottom:			10px;
	width:					500px;
}
#buddies h3 {
	margin-top:				30px;
}
#buddies .trafficLight {
	display:				block;
	float: 					left;
	width: 					88px;
	height:					34px !important;
	border: 				none !important;
	cursor:					hand;
	cursor:					pointer;
	background-image:		url(/youw8Custom/dmp/img/stoplichten.jpg);
	background-color:		transparent !important;
	background-repeat:		no-repeat !important;
}
#buddies .red {
	background-position:	left top !important;
}
#buddies .yellow {
	background-position:	left -34px !important;
}
#buddies .green {
	background-position:	left -68px !important;
}
#buddies .tableBlock th,
#buddies .tableBlock td {
	vertical-align:			middle;
}

#addedDialogRef, #msgDialog, #privateDialogRef {
	background-color:white;
	padding:15px;
	z-index: 10; 
	position:absolute; 
	left:50%; 
	top:50%; 
	margin-left:-250px;
	margin-top: -50px;	border-style:solid;
	border-width:1px;
	border-color:#F76619;
	visibility:hidden;
	width:500px;
	height:100px;
}
/***************************************/
/*             LANGSELECT              */
/***************************************/

#langSelect {
	position:				absolute;
	width:					128px;
	height:					80px;
	background-color:		white;
	border:					1px solid #9a9a9a;
	top:					171px;
	left:					50%;
	margin-left:			312px;
	z-index:				1000;
}
#langSelect a {
	display:				block;
	height:					20px;
	padding:				0;
	color:					#9a9a9a;
}
#langSelect div {
	padding-left:			6px;
}
#langSelect a:hover {
	background:				transparent url(/youw8Custom/dmp/img/mainTabs_after_login_nl.gif) left -40px no-repeat;
	color:					#F76619;
}

/***************************************/
/*		ALGEMENE TABS INSTELLINGEN     */
/***************************************/

#tabs {
	position:				relative;
	height:					36px;
	background:				transparent url(/youw8Custom/dmp/img/bgTopBottomApp.jpg) left -139px no-repeat;
}
#tabs ul {
	position:				absolute; /* hack: nodig om de floating li's goed uit te lijnen in safari & ff */
	width:					901px;
	height:					36px;
	margin:					0 0 0 17px;
	padding:				0;
	list-style-image:		none;
}
#tabs li {
	height:					35px;
	float:					left;
	margin:					0;
	padding:				0;
}
#tabs a {
	display:				block;
	height:					100%;
	width:					100%;
}
#tabs span {
	display:				none;
}
#tabs li.lang #pulldown {
	position:				absolute;
	display:				block;
	top:					11px;
	right:					9px;
	height:					21px;
	width:					120px;
	color:					#9a9a9a;
}
#tabs li.lang a:hover {
	text-decoration:		none;
}

/***************************************/
/*              SUBTABS                */
/***************************************/

#subTabs .congrats span {
	color:					#F76619;
	font-weight:			bold;
}

.info {
	color:		#4b6825;
}

.info .toGo,
.info .unit,
.info .targetDate {
	font-weight:			bold;
	color:					#f76619;
}

/***************************************/
/*           	MAIL                   */
/***************************************/
#mail #inbox td{
	padding-left: 5px;
}
#mail #inbox  .col1 {
	width:					20%;
}
#mail #inbox  .col2 {
	width:					20%;
}
#mail #inbox  .col3 {
	width:					60%;
}
#blink {
	color: #F8641A;
	background-color: #F5D5C2;
}
#unblink {
	color: silver;
	background-color #FFFFFF;
}

/***************************************/
/*        BUDDY REQUEST POPUP          */
/***************************************/
#popupContentWrapper #OKButton{
	margin: 				0 20px 0 50px;
}
#popupContentWrapper .space{
	margin-top: 			20px;
}
#popupContentWrapper #buddyPart{
	margin-top: 			40px;
}
/****************************************/
/*		 		MESSAGE					*/
/****************************************/
#buddies .message{
	background: transparent url(/youw8Custom/dmp/img/message.png) left top no-repeat;
	display:block;
	float:left;
	width: 25px !important;
	height: 16px;
}

/****************************************/
/*			CompReport					*/
/****************************************/
.logo{
	height:					90px;
	top:					40px;
	display:				block;
	width:					200px;
	/*background:				transparent url(/youw8Custom/dmp/img/logo.gif) center center no-repeat;*/
}

.right{
	float:	right;
}

#report{
	width: 630px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: white;
	font-family: verdana;
}

#report p{
	text-align: left;
}

#report table{
	margin: 0 auto;
}

#report td {
	padding: 0 5px;
}

#report table .border, #report td .border,
#report th .border{
	border: 1px solid #999999; 
	border-collapse: collapse;
	text-align: center;
}

#report th{
	padding: 0 5px;
	font-weight: bold;
}

#report tr .rightAlign {
	text-align: right;
}

#report tr .leftAlign {
	text-align: left;
}

#report .padding{
	padding: 0 5px;
}

#report .clear-block{
	width: 100%;
	height: 10px;
	clear:both;
}

#report .title{
	position: absolute;
	top: 0;
	left: 0;
	background: #999999;
	color: white;
	padding: 5px 10px;
	font-weight: bold;
}

#report .title2{
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #999999;
	color: #999999;
	font-weight: bold;
	page-break-before: always;
}

#report .printBlock{
	bottom: 0;
    position: absolute;
    right: 0;
}

#report .content{
	position: absolute;
	float: left;
	padding: 30px 5px 5px;
	width: 100%;
}

#report .content img{
	text-align: center;
}

#weightgoal .plan{
	width: 250px;;
}

#weightgoal .date{
	width: 200px;
}

#weightgoal .weight{
	width: 200px;
}

#report #header{
	position: relative;
	height: 80px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #999999;
	float: left;
	background: white;
}
#report #overview{
	position: relative;
	height: 385px;
	width: 29%;
	float: right;
	border: 1px solid #999999;
}

#personal{
	position: relative;
	height: 101px;
	display: block;
	width: 70%;
	border: 1px solid #999999;
}

#personal table,
#basic table,
#overview table{
	margin: 0;
}

#basic{
	position: relative;
	top: 2px;
	display: block;
	width: 70%;
	height: 280px;
	border: 1px solid #999999;
}

#weight{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 380px;
}

#bmi{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 380px;
}

#fat{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 380px;
}

#muscle{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 380px;
}

#water{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 500px;
}

#weight .content,
#bmi .content,
#fat .content,
#muscle .content,
#water .content,
#bodyComp .content,
#blood .content,
#activity .content{
	text-align:center;
}

#bodyComp{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 1000px;
}

#blood{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 825px;
}

#activity{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 750px;
}

#analysis{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 600px;
}

#analysis p{
	margin-top: 10px;
	width: 550px;
}
#analysis p img{
	padding-right: 5px;
}
#analysis p .text{
	position: absolute;
	padding: 30px 0 0;
	width: 400px;
}

#peergroup{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 360px;
}

#marketing{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 100px;
}

#disclaimer{
	position: relative;
	top: 15px;
	display: block;
	width: 100%;
	height: 100px;
}

.bold{
	font-weight: bold;
}

.indicator{
	width: 16px;
	height: 13px;
	display: inline-block;
}

/* "Sluiten" button in hip.jsp/activationCode.jsp */
#open_status_sluiten {
	clear:both;
	float:right;
	font-weight:bold;
	display:none;
}