html {font-size:100%;}

body {
	height: 100%;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif, Helvetica;
	background-color: #ffffff;
	background-image: url(/images/livercare/background.jpg);
	background-repeat : repeat-x;
	background-position : top left;
}

p, dl, multicol {
  display: block;
  margin: 16px 0;
}

h1 {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

h2 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 13px 0;
}

h3 {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 16px 0;
}

h4 {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0;
}

h5 {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 26px 0;
}

h6 {
  display: block;
  font-size: 10px;
  font-weight: bold;
  margin: 37px 0;
}

p {
	font-size: 14px;
}

b, strong {
  font-weight: bolder;
}

i, cite, em, var, dfn {
  font-style: italic;
}

u, ins {
  text-decoration: underline;
}

s, strike, del {
  text-decoration: line-through;
}

big {
  font-size: larger;
}

small {
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

abbr, acronym {
  border-bottom: dotted 1px;
}

ul, menu, dir {
  display: block;
  list-style-type: disc;
	font-size: 14px;
  margin: 5px 0 5px 16px;
}

ol {
  display: block;
  list-style-type: decimal;
  margin: 5px 0 5px 16px;
  	font-size: 14px;
}

li {
  display: list-item;
  margin-bottom: 2px;
}

/* nested lists have no top/bottom margins */
ul ul,   ul ol,   ul dir,   ul menu,   ul dl,
ol ul,   ol ol,   ol dir,   ol menu,   ol dl,
dir ul,  dir ol,  dir dir,  dir menu,  dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul,   dl ol,   dl dir,   dl menu,   dl dl {
  margin-top: 0;
  margin-bottom: 0;
}

/* 2 deep unordered lists use a circle */
ol ul,   ul ul,   menu ul,   dir ul,
ol menu, ul menu, menu menu, dir menu,
ol dir,  ul dir,  menu dir,  dir dir {
  list-style-type: circle;
}

/* 3 deep (or more) unordered lists use a square */
ol ol ul,     ol ul ul,     ol menu ul,     ol dir ul,
ol ol menu,   ol ul menu,   ol menu menu,   ol dir menu,
ol ol dir,    ol ul dir,    ol menu dir,    ol dir dir,
ul ol ul,     ul ul ul,     ul menu ul,     ul dir ul,
ul ol menu,   ul ul menu,   ul menu menu,   ul dir menu,
ul ol dir,    ul ul dir,    ul menu dir,    ul dir dir,
menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
menu ol menu, menu ul menu, menu menu menu, menu dir menu,
menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
dir ol ul,    dir ul ul,    dir menu ul,    dir dir ul,
dir ol menu,  dir ul menu,  dir menu menu,  dir dir menu,
dir ol dir,   dir ul dir,   dir menu dir,   dir dir dir {
  list-style-type: square;
}

table ul {
	font-size: 14px;
}

.print {
	display: none;
}

.screen {
	display: block;
}

ul.screen, ol.screen, li.screen {
	display: list-item
}

table.screen {
	display: table
}

td.screen, th.screen {
	display: table-cell
}

/* progress bar container */
#progressbar{
        border:1px solid black;
        width:100%;
        height:14px;
        position:relative;
        color:black; 
}
/* color bar */
#progressbar div.progress{
        position:absolute;
        width:0;
        height:100%;
        overflow:hidden;
        background-color:#40ae49;
}
/* text on bar */
#progressbar div.progress .text{
        position:absolute;
        text-align:center;
        color:white;
}
/* text off bar */
#progressbar div.text{
        position:absolute;
        width:100%;
        height:100%;
        text-align:center;
}

/* --- Inline --- */
html>body .inline-block{display:-moz-inline-box;display:inline-block}
.inline-block{position:relative;display:inline-block}
* html .inline-block{display:inline}
*:first-child+html .inline-block{display:inline}

/* --- Sprites --- */
.sprite{background:transparent url("/Image/sprites.gif")}
#s-edit {width:14px;height:14px;background-position:0px -22px;cursor:pointer;}
#s-delete {width:14px;height:14px;background-position:-14px -22px;cursor:pointer;}
#s-plus {width:14px;height:14px;background-position:-42px -22px;}
#s-arrow-s {width:7px;height:14px;background-position:-28px -22px;}
#s-arrow-s.hover {background-position:-35px -22px;}
#s-arrow-n-s {width:14px;height:14px;background-position:-84px -22px;}
#s-remove-little {width:14px;height:14px;background-position:-70px -22px;cursor:pointer;}
#s-remove-little.hover {background-position:-56px -22px;}
	
button{
	background-position:0px 0px;
	background-repeat:repeat-x;
	color:#333;
	font-weight:bold;
	margin:0 0;
	padding:2px 4px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:1px solid #f9f9f9;
	cursor:pointer;
	width:auto;
	overflow:visible;
}
button.hover{
	color:#000;
	border:1px solid #fff
}

.form-question-title {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

.form-question-required {
	padding: 0;
	margin: 0;
	font-size: 10px;
}
 
.form-question-help {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 10px;
}

.form-answer-alternate {
	background-color: #F0F0F6;
}

.choices label {
	font-size: 14px;
}

.choices dt {
	font-size: 14px;
}

.ui-state-default { 
	position: relative;
	cursor:move;
}
.ui-state-default .options {
	position: absolute;
	top: 2px;
	right: 2px;
	border: 0;
}
.ui-state-highlight {
	border: 3px dashed #e8e8ff;
}

div.button-dropdown {
	z-index: 999;
	display:none;
	position:absolute;
	width:130px;
	overflow: none;
	background-color:#ffffff;
	border:#000000 solid 1px;
	padding:0;
}

div.button-dropdown ul {
	float : left;
	width : 100%;
	padding: 0;
	margin: 0;
}

div.button-dropdown li {
	list-style: none;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

div.button-dropdown li a, div.button-dropdown li a.active:link, div.button-dropdown li a.active:visited, div.button-dropdown li a:link, div.button-dropdown li a:visited {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	color: #000000;
}

div.button-dropdown li a:hover {
	background-color: #f0f0f0;
}

div#content h1 {
	font-weight: normal;
	font-size: 32px;
	margin: 0;
}

div#lifestyle-changes {

}

div#lifestyle-changes h1 {
	font-weight: normal;
	font-size: 32px;
	margin: 0;
}

div#lifestyle-changes ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#lifestyle-changes ul li {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

div#lifestyle-changes ul li h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: #999;
	text-decoration:none;
	margin: 0;
	margin-top: 7px;
}

div#lifestyle-changes ul li h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

div#lifestyle-changes ul li p {
	margin: 2px 0 2px 0;
}

div#diet-changes {

}

div#diet-changes h1 {
	font-weight: normal;
	font-size: 32px;
	margin: 0;
}

div#diet-changes ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#diet-changes ul li {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

div#diet-changes ul li h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: #999;
	text-decoration:none;
	margin: 0;
	margin-top: 7px;
}

div#diet-changes ul li h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

div#diet-changes ul li p {
	margin: 2px 0 2px 0;
}

div#product-recommendations {

}

div#product-recommendations h1 {
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	margin: 0;
	padding-top: 20px;
}

div#product-recommendations ul#high, div#product-recommendations ul#support, div#product-recommendations ul#optional {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#product-recommendations ul#high li, div#product-recommendations ul#support li, div#product-recommendations ul#optional li {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

div#product-recommendations ul#high li h1, div#product-recommendations ul#support li h1, div#product-recommendations ul#optional li h1 {
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	color: #999;
	text-decoration:none;
	margin: 0;
	padding-top:5px;
}

div#product-recommendations ul#high li h2, div#product-recommendations ul#support li h2, div#product-recommendations ul#optional li h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding:5px 0 5px 0;
}

div#product-recommendations ul#high ul#reason li, div#product-recommendations ul#support ul#reason li, div#product-recommendations ul#optional ul#reason li {
	list-style-type: disc; 
	padding-top: 3px;
}

div#product-recommendations ul#high li p, div#product-recommendations ul#support li p, div#product-recommendations ul#optional li p  {
	margin: 2px 0 2px 0;
}

div#lifestyle-diet-changes {

}

div#lifestyle-diet-changes .group {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
	margin: 0;
	vertical-align: top;
}

div#lifestyle-diet-changes .thead-before, div#lifestyle-diet-changes .thead-after {
	text-align: center;
}

div#lifestyle-diet-changes .thead-before h1, div#lifestyle-diet-changes .thead-after h1 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
	margin: 0;
}

div#lifestyle-diet-changes .thead-before p, div#lifestyle-diet-changes .thead-after p {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
	margin: 0;
	font-style:italic;
}

div#lifestyle-diet-changes .issue {
	font-weight: bold;
	padding-top:7px;
}

div#lifestyle-diet-changes .before {
	padding-top:7px;
}

div#lifestyle-diet-changes .after {
	padding-top:7px;
	padding-left: 5px;
}

div#goodluck {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
}

ul#expectations li{
	padding-top: 10px;
}

.dontbreak {
	background-color: #ff0000;
}

.hover-scale {
	background-color: #F4F7FB;
}

div#developmentnotice {
	color: #c0c0c0;
	padding: 5px;
	border: 1px dashed #c0c0c0;
}

div#developmentnotice a, div#developmentnotice a.active:link, div#developmentnotice a.active:visited, div#developmentnotice a:link, div#developmentnotice a:visited {
	color: #c0c0c0;
}

div#analysing {
	width: 100%;
	margin-top: 100px;
	margin-bottom: 100px;
}

div#analysing p {
	text-align: center;
}

div#analysing img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div#buttons-finish {
	width: 100%;
	float:right;
	text-align:right;
}


div#container {
	display: block;
	min-height: 100%;
	width: 750px;
	margin-left : auto;
	margin-right : auto;
}

div#header {
	display: block;
	height: 100px;
	background-image: url(/images/livercare/header-background.jpg);
	background-repeat : no-repeat;
	background-position : top left;
}

div#logo {
	display: block;
	float: left;
	margin-top: 5px;
	margin-left: 40px;
	height: 95px;
	width: 370px;
	text-indent: -10000px;
	background-image: url(/images/livercare/logo.png);
	background-repeat : no-repeat;
	background-position : top left;
}

div#help {
	display: block;
	float: left;
	margin-top: 15px;
	width: 60px;
	text-align: center;
	margin-left: 20px;
}

div#help a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

div#help a:hover {
	text-decoration: underline;
}

div#cpanel {
	display: block;
	float: right;
	margin-top: 30px;
	width: 200px;
	text-align: right;
	margin-right: 40px;
}

div#cpanel form input.email, div#cpanel form input.password {
	color: #7f7f7f;
	width: 90px;
	height: 16px;
	border: 1px solid #797979;
	margin-right: 10px;
}

div#cpanel form input.submit {
	width: 45px;
	height: 20px;
	background-color: #6b6b6b;
	color: #ffffff;
	border: 1px solid #797979;
}

div#cpanel-login-links {
	margin-top: 10px;
	font-size: 12px;
	text-align: right;
	color: #9f9f9f;
}

div#cpanel-login-links a {
	color: #9f9f9f;
	font-size: 10px;
	text-decoration: none;
}

div#cpanel-logged-in, div#cpanel-logged-out {
	margin-top: 10px;
	font-size: 16px;
	text-align: right;
	color: #c0c0c0;
}

div#cpanel-logged-out {
	font-size: 12px;
}

div#cpanel-logged-in a, div#cpanel-logged-out a {
	color: #9f9f9f;
	font-size: 12px;
	text-decoration: none;
}

div#cpanel-logged-in a:hover, div#cpanel-logged-out a:hover {
	text-decoration: underline;
}

div#navigation {
	display: block;
	height: 35px;
	background-image: url(/images/livercare/navigation-background.jpg);
	background-repeat : repeat-x;
	background-position : top left;
}

div#navigation ul{
    margin:0;
    padding:0;
}

div#navigation ul li{
    display:inline;
	list-style-type: none;
    margin:0;
    padding:0;
}

div#navigation ul li a {
	display: block;
	float: left;
	width: 105px;
	height: 25px;
	padding-top: 10px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	border-left: 1px solid #252525;
	border-right: 1px solid #595959;
}

div#navigation ul li.fill a {
	width: 106px;
}

div#banner {
	display: block;
	width: 750px;
	height: 180px;
	background-image: url(/images/livercare/banner-background.jpg);
	background-repeat : no-repeat;
	background-position : top left;
}

div#content a {
	color: #40ae49;
	text-decoration: none;
}

div#content a:hover {
	text-decoration: underline;
}

div#content {
	display: block;
	width: 728px;
	padding: 10px;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
	min-height: 300px;
}

div#content ul {
	margin: 5px 0 5px 0px;
}

div#content ul li {
	padding-left: 15px;
}

div#chat {
	display: block;
	float: right;
	width: 300px;
	height: 100%;
	padding: 10px;
}

div#footer {
	display: block;
	padding: 10px;
}

div#copyright {
	display: block;
	float: left;
	width: 50%;
}

div#standards {
	display: block;
	float: right;
	width: 50%;
	text-align: right;
}

div#copyright ul, div#standards ul {
    margin:0;
    padding:0;
}

div#copyright ul li, div#standards ul li {
	list-style-type: none;
    margin:0;
    padding:0;
	color: #cfcfcf;
	font-size: 10px;
	text-transform: uppercase;
}

div#copyright ul li.links, div#standards ul li.links {
	margin-bottom: 2px;
}

div#copyright ul li.text, div#skin ul li.text {
	margin-bottom: 10px;
}

div#copyright ul li a, div#standards ul li a {
	color: #40ae49;
}

ul.program-benefits {
	padding-bottom: 10px;
}

ul.program-benefits li {

}

ul.program-features li.heading {
	list-style-type: none;

	color: #ff0000;
	margin-bottom: 2px;
	padding-left: 35px;
	height: 21px;
	background-image: url(/images/livercare/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.program-features li.text {
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 35px;
}

ul#sortable { margin:0; padding: 0; width: 100%;}
ul#sortable li { list-style-type: none; margin: 0px; margin-left: -16px; margin-right: 16px; padding: 10px 0; }
ul#sortable li.hover { background-color: #f2f4ff;}


div#navigation {position:relative; z-index:100;}

div#navigation li {float:left;position:relative;}

div#navigation ul ul {width:149px;margin-top:4px;}

/* style the second level background */
div#navigation ul ul a.drop, div#navigation ul ul a.drop:visited {background:#ffffff url(grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
div#navigation ul ul a.drop:hover{background:#ededed url(blue-arrow.gif) no-repeat 130px center;}
div#navigation ul ul :hover > a.drop {background:#ededed url(blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
div#navigation ul ul ul a, div#navigation ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
div#navigation ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
div#navigation ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html div#navigation ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
div#navigation ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
div#navigation ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
div#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
div#navigation ul ul a, div#navigation ul ul a:visited {font-size: 12px;background:#ffffff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-bottom: 1px solid #ededed; border-width: 0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html div#navigation ul ul a, * html div#navigation ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
div#navigation ul ul a:hover{color:#000; background:#ededed;}
div#navigation ul ul :hover > a {color:#000; background:#ededed;}

/* make the second level visible when hover on first level list OR link */
div#navigation ul li:hover ul,
div#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
div#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
div#navigation ul :hover ul :hover ul{ visibility:visible;}

.correct {
	background-image: url(/images/correct-small.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	color: #5da23d;
	padding-left: 25px;
	min-height: 18px;
}

.incorrect {
	background-image: url(/images/incorrect-small.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	color: #b91a1f;
	padding-left: 25px;
	min-height: 18px;
}

.pdf {
	background-image: url(/images/pdf.gif);
	background-repeat : no-repeat;
	background-position : top left;
	padding-left: 38px;
	min-height: 32px;
}

p.pdf {
	padding-top: 10px;
	min-height: 22px;
}

.clickable  {
	cursor: pointer;
	cursor: hand;
	color: #5a86bc;
	text-decoration: underline;
}

.clickable :hover {

}

.hand {
	cursor: pointer;
	cursor: hand;
}

.hoverunderline {
	text-decoration: none;
}

.hoverunderline:hover {
	text-decoration: underline;
}

div#loading {
	display: none;
	float: left;
	width: 728px;
	padding: 10px;
	min-height: 300px;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
}

div#loading h1 {
	width: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div#loading img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.admin-options-content {
	position: absolute;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: transparent;
	padding:0px;
	background-image: url(/images/edit-arrow.gif);
	background-repeat : no-repeat;
	background-position : top left;
	text-indent: -10000px;
}

div.admin-options-content.hover{
	width: auto;
	height: auto;
	background-color: #ffffff;
	border:1px solid #5a86bc;
	padding:10px;
	background-image: none;
	text-indent: 0px;
}

tr.bring-to-attention td {
	font-weight: bold;
}

li.bring-to-attention span.name {
	font-weight: bold;
}

div#map {
	float: right;
	width: 400px;
	height: 400px;
}

div#map-sidebar {
	float: left;
	width: 320px;
}

div#map-sidebar ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#map-sidebar ul li {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	clear: both;
	height: 40px;
	cursor: pointer;
	cursor: hand;
}

div#map-sidebar ul li input {
	float: left;
	width: 50px;
	height: 30px;
	margin-right: 5px;
}

div#map-sidebar ul li div {
	float: left;
	width: 265px;
}

div#map-sidebar ul li div span {
	display: block;
}

div#map-sidebar ul li div span.address {
	font-size: x-small;
	color: #555555;
}

div#map-sidebar ul li div span.distance {
	font-size: x-small;
	color: #888888;
}

.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
}
.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
}
.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
}
.clean-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.graph {
	position:relative;
	height: 21px;
	padding: 0;
	margin: 0;
}
div.graph_300 {
	width: 299px;
}
div.graph div.bar {
	position: absolute;
	height: 15px;
	padding: 0;
	margin-top: 3px;
	margin-left: 4px;
}
div.graph div.marker {
	position: absolute;
	top: 0;
	width: 9px;
	height: 21px;
	padding: 0;
	margin: 0;
}