/*
	basic stylesheet for all browsers,
	includes many NS4 specific fixes that are overridden for more
	sophisticated browsers in imported stylesheet (styles.css)
	ONLY use ns4 compatible rules here
*/

body{
	/* use unix and older mac friendly font-family */
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: -10px 0 0 -10px;
}

p, td {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	line-height: 15px;
}

.frontpics { cursor:text }
.orangebg 	{background:#F57E20;padding: 0 0px 0 0px;}
.orangebg02	{background:#F57E20;padding: 10 0px 0 15px;}

.ns4fixfont {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.whitebold {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: bold;
	padding: 0 10px 0 6px;
}

.white {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}

.boxitalic {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-style: italic;
	padding: 2 10px 2 17px;
	background-image: url('/uk/diet/images/arrow.gif');
	background-repeat: no-repeat;
	background-color: #E7F3FA
}

.welcome {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #F57E20;
	padding: 0 10px 0px 10px;
}

.welcome2 {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #F57E20;
}

.orange {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F57E20;
}

p a { color: #0070BC; }

form { margin: 0; }
form a{ color: #fff; }

#top td{	background: #6AB7E6; }
#subnav td{	background-color: #0070BC; }
#no td{	background: #E7F3FA; }

.vertspace5{ font-size: 5px; line-height: 5px; }
.vertspace10{ font-size: 10px; line-height: 10px; }
.vertspace15{ font-size: 15px; line-height: 15px; }

form td.vertline {
	background-image: url('/uk/diet/images/blue1x1.gif');
	background-repeat: repeat-y
}

td.horline{
	background-image: url('/uk/diet/images/blue1x1.gif');
	background-repeat: repeat-x
}

#footer p a{
	color: #0070BC;
	text-decoration: none;
}

#footer{	color: #0070BC; }
#footer p{ padding: 0 10px 10px 10px; }

#signincontainer {
	border: 1px solid #5CACE3;
	layer-background-color:#80C2EA;
	background-color:#80C2EA;
}

#signincontainer td {
	color: #fff;
	background-color: #80C2EA;
}

.inputtext {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* this class must only be used for controlling padding and font */
.columncontent {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.bluecontent {
	color: #0070BC;
	background-color: #E7F3FA;
}

.darkbluecontent {
	color: #0070BC;
	background-color: #E7F3FA;
}

.rightcolumncontent {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0070BC;
	background-color: #E7F3FA;
}

.signcolumncontent {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.todolistcontent{
	background-image: url('/uk/diet/images/bgpic_todolist.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #E7F3FA
}

.receipecontent{
	background-image: url('/uk/diet/images/bgpic_receipe.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #E7F3FA
}

.creditcard {
background-image: url('/uk/diet/images/creditcards.gif');
background-repeat: no-repeat;
background-position: right bottom
}

.leftnavi:LINK { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; line-height:15 px; font-weight:regular; text-decoration: none; color:#0065AA}
.leftnavi:ACTIVE { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; line-height:15 px; font-weight:regular; text-decoration: none; color:#0065AA}
.leftnavi:VISITED { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; line-height:15 px; font-weight:regular; text-decoration: none; color:#0065AA}
.leftnavi:HOVER { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; line-height:15 px; font-weight:regular; text-decoration: underline; color:#6AB7E6}

.leftnavi_head:LINK { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:10 px; font-weight: bold; text-decoration: none; color:#F57E20}
.leftnavi_head:ACTIVE { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:10 px; font-weight: bold; text-decoration: none; color:#F57E20}
.leftnavi_head:VISITED { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:10 px; font-weight: bold; text-decoration: none; color:#F57E20}
.leftnavi_head:HOVER { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:10 px; font-weight: bold; text-decoration: underline; color:#6AB7E6}

.footer:LINK { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; font-weight: regular; text-decoration: underline; color:#0070BC}
.footer:ACTIVE { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; font-weight: regular; text-decoration: underline; color:#0070BC}
.footer:VISITED { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; font-weight: regular; text-decoration: underline; color:#0070BC}
.footer:HOVER { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11 px; font-weight: regular; text-decoration: underline; color:#0070BC}


.VerticalComponentSpacing {
 	line-height: 0px;
}

.VerticalComponentSpacing2 {
 	line-height: 10px;
}