@CHARSET "ISO-8859-1";
*
{
	zoom: 1;
}
h2
{
	color: #5A8DE5;
	margin: 5px 0;
	padding: 0;
}
/* ----------------------------------------------------
   Top Nav */
   
#topnav ul li {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    background-color: #AAAAAA;
    border-bottom: 3px solid #999999;
    display: block;
    float: left;
    margin: 0 5px 0 2px;
    padding: 3px 8px;
}
#navmain #maintab, #navmeasure #measuretab, #navdiet #diettab, #navfood #foodtab, #navinfo #infotab, #navexercise #exercisetab, #navsupplement #supplementtab, #navaccount #accounttab, #navreport #reporttab, #naveducation #educationtab, #topnav a {
    color: #FFFFFF;
    text-decoration: none;
}

#navmain #maintab a, #navmeasure #measuretab a, #navdiet #diettab a, #navfood #foodtab a, #navinfo #infotab a, #navexercise #exercisetab a, #navsupplement #supplementtab a, #navaccount #accounttab a, #navreport #reporttab a, #naveducation #educationtab a, #topnav .active a {
    color: #FFFFFF;
}

#navmain #maintab, #navmeasure #measuretab, #navdiet #diettab, #navfood #foodtab, #navinfo #infotab, #navexercise #exercisetab, #navsupplement #supplementtab, #navaccount #accounttab, #navreport #reporttab, #naveducation #educationtab, #topnav .active {
    background-color: #5482D0;
    border-bottom: medium none;
    margin-top: 2px;
    padding-bottom: 4px;
}

#topnav ul#patient li
{
	-moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    background-color: #AAAAAA;
    border-bottom: 3px solid #999999;
    display: block;
    float: left;
    margin: 0 5px 0 2px;
	padding: 0px;
    padding-left: 3px;
	border: none;
}

#topnav ul#patient li.current
{
	background: transparent url(/images/bg-left-nav-current.gif) no-repeat scroll left top;
	margin-top: 2px;
}

#topnav ul#patient li a
{
	display: block;
	height: 24px;
	background: transparent url(/images/bg-right-nav.gif) no-repeat scroll right top;
	padding-right: 10px;
	padding-left: 6px;
	color: white;
	padding-top: 3px;
	text-decoration: none;
}

#topnav ul#patient li.current a
{
	background: transparent url(/images/bg-right-nav-current.gif) no-repeat scroll right top;
	height: 22px;

}
/* ---------------------------------------------------- */
table#article-list
{
	border-collapse: collapse;
	border: none;
	margin: 0px;
	padding: 0px;
	
}

/*----------------------------------------------------
	Left column
  --------------------------------------------------*/

table#article-list td#left
{
	background-color: #ececec;
	vertical-align: top;
	padding-left: 12px;
	width: 214px;
	
}

table#article-list td#left form
{
	margin: 0px;
	padding: 0px;
}

h2#patient-article
{
	background-image: url(/images/bg-education-header.jpg);
	width: 226px;
	height: 33px;
	padding-top: 7px;
	text-align: center;
	
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: white;
	margin: 0px;
	margin-left: -12px;
	
	
	margin-bottom: 15px;
}


table#article-list td#left h3#search
{
	font-size: 15px;
	color: #5482d0;
	font-weight: normal;
	margin: 0px;
}

table#article-list td#left .submit
{
	width: 19px;
	height: 22px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

table#article-list td#left #search
{
	height: 22px;
	font-size: 0px;
}

table#article-list td#left .search-box
{
	height: 19px;
	border: none;
	border-top: 1px solid #959595;
	width: 180px;
	float: left;
	
	font-family: Arial;
	font-size: 12px;
	color: #999999;
}

table#article-list td#left h3#categories
{
	font-size: 22px;
	color: #5482d0;
	font-weight: normal;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 5px;
}

table#article-list td#left ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}

table#article-list td#left ul li
{
	padding-left: 30px;
	background-image: url(/images/bg-category-list.gif);
	background-position: 20px 7px;
	background-repeat: no-repeat;
	margin-bottom: 7px;
}

table#article-list td#left ul li a
{
	font-size: 15px;
	color: #333333;
	text-decoration: none;
}

table#article-list td#left ul li a:hover
{
	text-decoration: underline;
}




/* ----------------------------------------------------
	Right column
   ---------------------------------------------------*/
table#article-list td#right
{
	padding-left: 40px;
	font-family: Arial;
	color: #333333;
	font-size: 12px;
	padding-right: 30px;
	vertical-align: top;
	width: 668px;
	overflow: hidden;
}

td#right #content-wrapper
{
	width: 668px;
	overflow: hidden;
}

table#article-list td#right h1
{
	color: #5482d0;
	font-weight: normal;
	font-size: 22px;
	margin-left: -20px;
}

table#article-list td#right h2
{
	color: #94c034;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
}

table#article-list td#right a
{
	color: #5482d0;
	font-size: 12px;
	text-decoration: underline;
}

table#article-list td#right a:hover
{
	text-decoration: none;
}

table#article-list td#right .posted
{
	color: #666666;
	margin: 0px;
	padding: 0px;
}

.bold
{
	font-weight: bold;
}

table#article-list td#right .links
{
	margin: 0px;
	padding: 0px;
}

table#article-list td#right .video-link
{
	padding-left: 18px;
	background-image: url(/images/bg-video-link.gif);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	
	
	
	margin-right: 5px;
}

table#article-list td#right .pdf-link
{
	padding-left: 18px;
	background-image: url(/images/bg-pdf-link.gif);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	
	
}

table#article-list td#right .summary
{
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 0px;
}

table#article-list td#right .view-article
{	
	text-align: right;
	margin-top: 7px;
}

table#article-list td#right .view-article a
{
	background-image: url(/images/bg-view-article-link.gif);
	padding-left: 7px;
	background-repeat: no-repeat;

	background-position: center left;
}

table#article-list td#right .categories
{
	margin: 0px;
	margin-left: -20px;
	margin-top: -3px;
	color: #666666;

	padding: 0px;
	font-weight: bold;
	float: left;
	display: inline;
}

table#article-list td#right ul.categories-list
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

table#article-list td#right ul.categories-list a
{
	vertical-align: bottom;
}

table#article-list td#right ul.categories-list li
{
	display: inline;
	
}

table#article-list td#right ul.related-articles
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: -20px;
	
}

table#article-list td#right ul.related-articles li
{
	padding-left: 30px;
	background-image: url(/images/bg-category-list.gif);
	background-position: 20px center;
	background-repeat: no-repeat;
	margin-bottom: 7px;
}

table#article-list td#right ul.related-articles li a
{
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}

table#article-list td#right ul.related-articles li a:hover
{
	text-decoration: underline;
}


/* ---------------------------------------------------- */

#foodServings
{
	background-color: #fff;
	border: 1px solid #ddd;
	height: 375px;
	margin-left: -1px;
	overflow: auto;
	padding: 2px;
	width: 355px;
}
#foodServings.Selected
{
	background: #f4f4ff none;
	border: 1px solid #aaf;
	color: #000;
}
#dayForm
{
	background-color: #fff;
}
.Heading span
{
	font-size: 10pt;
	font-weight: normal;
}
.LineItem
{
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
	margin-left: 8px;
	margin-right: 8px;
	padding-bottom: 5px;
}
.button
{
	background-color: #F2F2F2;
	border: 1px outset #fff;
	font-size: 16px;
	margin: 2px;
	padding: 1px;
	text-decoration: none;
}
.button:hover
{
	background-color: #fff;
	border: 1px solid #f4c533;
}
.button img
{
	vertical-align: middle;
}
button img
{
	margin: 0;
	vertical-align: middle;
}
#dietList
{
	margin-right: 301px;
}
#foodItemsContainer
{
	float: right;
	width: 300px;
}
#foodItems
{
	height: 300px;
	overflow: auto;
}
.servingItem
{
	background: url('../images/gripper.png') transparent repeat-y;
	background-color: #ddd;
	margin-bottom: 2px;
}
.handle
{
	cursor: pointer;
	margin-right: 5px;
}
.foodItem
{
	background-color: #FFFFD4;
	cursor: default;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 2px 0;
	text-align: left;
}
.info img
{
	vertical-align: middle;
}
.name
{
	background-color: #ffffd4;
	color: #77f;
	font-size: 12pt;
}
#dietDayAccordion
{
	border-bottom: 1px solid #ddd;
	float: left;
	width: 272px;
}
fieldset
{
	border: 1px solid #ddd;
	padding: 2px;
}
.leftColumn
{
	float: left;
	margin-right: 15px;
	width: 425px;
}
.rightColumn
{
	float: left;
	width: 425px;
}
#patientMain .leftColumn
{
	width: 49%;
}
#patientMain .rightColumn
{
	width: 49%;
}
#patientReports .leftColumn
{
	width: 400px;
}
#patientReports .rightColumn
{
	padding-top: 30px;
	width: 460px;
}
#patientReports .dash_icon
{
	width: 400px;
}
.dash_icon
{
	float: left;
	margin-left: 10px;
	width: 450px;
}
.dash_icon img
{
	float: left;
}
.dash_icon strong
{
	color: #009;
	font-size: 18px;
}
.dash_icon p
{
	margin: 0;
}
.measurementFormDiv fieldset
{
	border: 0;
	border-top: 1px solid #ddd;
}
.measurementFormDiv div
{
	padding: 5px;
}
.measurementFormDiv fieldset legend
{
	color: #000;
	font-size: 1.2em;
	margin-left: 5px;
}
.measurementFormDiv label
{
	clear: left;
	color: #666;
	display: block;
	float: left;
	font-family: verdana;
	font-size: .9em;
	margin-right: 5px;
	text-align: right;
	width: 200px;
}
.formInfo
{
	background-color: #e8e8e8;
	color: #444;
	font-size: 90%;
	padding: 5px;
}
.formInfo ul
{
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.formInfo ul li
{
	margin: 2px;
}
.highlightedDiv
{
	background-color: #FFF8DD;
	border: 1px solid #F5CC34;
	padding: 8px;
	position: relative;
}
.StyledFormElements label input,.StyledFormElements label select,.StyledFormElements label textarea
{
	clear: left;
	display: block;
}
.StyledFormElements label
{
	float: left;
	padding: 3px;
}
#frmLogin div
{
	padding: 5px;
}
#frmLogin label
{
	display: block;
	float: left;
	font-size: 1.1em;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 135px;
}
#siteNavigation
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #DFE4F5;
	margin: 0;
	margin-left: 16px;
	margin-top: 2px;
	text-align: left;
	z-index: 100;
}
#nav,#nav ul
{
	background-color: none;
	color: #F93;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 100;
}
#nav a
{
	border-right-width: 1px solid #D3D9EC;
	color: #009;
	display: block;
	font-weight: bold;
	padding-left: 9px;
	text-decoration: none;
}
#nav li a:hover
{
	color: #009;
	font-weight: bold;
}
#nav a span
{
	font-size: 16px;
	line-height: 38px;
}
#nav a img
{
	padding-top: 2px;
}
#nav li
{
	background-image: url(../images/spacer.gif);
	border-left: 1px solid #DFE4F5;
	border-right: 1px solid #CCC;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 120px;
	z-index: 100;
}
#nav li.navHome
{
	width: 98px;
}
#nav li.navClinics
{
	width: 103px;
}
#nav li.navDietTemplates
{
	width: 165px;
}
#nav li.navPatients
{
	width: 114px;
}
#nav li.navClinicUsers
{
	width: 144px;
}
#nav li.navLogout
{
	width: 107px;
}
#nav li ul
{
	font-weight: normal;
	height: auto;
	left: -999em;
	margin: 0;
	position: absolute;
	width: 173px;
}
#nav li li
{
	background-image: url(../images/L_header_subMenuBG.png);
	border: 1px solid #D3D9EC;
	float: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 3px;
	padding-right: 0;
	width: 165px;
}
#nav li ul a
{
	border: 0;
	color: #000;
	display: block;
	font-weight: bold;
	padding: 3px;
	padding-right: 8px;
	text-decoration: none;
	width: 150px;
}
#nav li ul a.daddy
{
	background: url(../images/L_header_menuArrow.png) center right no-repeat;
}
#nav li ul a.daddy:hover
{
	background: url(../images/L_header_menuArrow.png) center right no-repeat;
}
#nav li ul ul
{
	margin: -17px 0 0 150px;
}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul
{
	left: -999em;
}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul
{
	background-position: 0 0;
	left: auto;
}
#nav li:hover,#nav li.sfhover
{
	background-image: url(../images/L_header__highlight_BG.png);
}
#nav li li:hover,#nav li li.sfhover
{
	background-color: #FFF;
	background-image: url(../images/spacer.gif);
	border: 1px solid #ACB7DD;
}
.qtyInput
{
	width: 25px;
}
.tool-tip
{
	background-color: #000;
	color: #fff;
	padding: 4px;
}
.MenuContainer
{
	clear: left;
	height: 25px;
}
.TopMenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.TopMenu li
{
	display: block;
	float: left;
}
.SubMenu
{
	background-color: #eee;
	border: 1px solid #999;
	left: 2px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 54px;
	width: 200px;
	z-index: 50;
}
.SubMenu li
{
	display: block;
	float: none;
	margin: 0;
	padding: 0;
}
.SubMenu li a
{
	display: block;
	margin: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 2px;
	text-decoration: none;
}
.SubMenu li a:hover
{
	background-color: #009;
	color: #FFF;
}
#likeList
{
	float: right;
	width: 34%;
}
#likeList ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#likeList ul li h3
{
	background-color: #5482D0;
	color: #fff;
	margin: 6px 0 2px 0;
	padding: 4px;
}
#likeList ul li.food
{
	background-color: #eef;
	color: #004;
	margin: 2px;
	padding: 1px;
	padding-left: 4px;
}
#likeList ul li .delete
{
	float: right;
	height: 16px;
}
ul.supplementList,ul.exerciseList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.supplementList li form
{
	height: 25px;
	margin: 0;
	padding: 0;
}
ul.supplementList li,ul.exerciseList li
{
	margin-bottom: 2px;
	padding: 4px;
}
ul.supplementList li a,ul.exerciseList li a
{
	text-decoration: none;
}
ul.supplementList li.selected,ul.exerciseList li.selected
{
	background-color: #080;
	color: #fff;
}
ul.supplementList li.selected a,ul.exerciseList li.selected a
{
	color: #ff9;
}
ul.supplementList li.inactive,ul.exerciseList li.inactive
{
	background: #eee;
	border: 1px solid #ccc;
}
ul.supplementList li .desc,ul.exerciseList li .desc
{
	display: none;
}
ul.supplementList li .desc,ul.exerciseList li .desc
{
	margin: 4px;
}
ul.exerciseList li img
{
	height: 16px;
}
ul.supplementList li .name
{
	background: none;
	color: #000;
	float: left;
	width: 50%;
}
ul.supplementList li .dosage,ul.supplementList li .frequency
{
	float: left;
	width: 24%;
}
#popup
{
	background-image: url(../images/50p_bg.gif);
	height: 100%;
	left: -200%;
	position: absolute;
	top: -200%;
	width: 100%;
	z-index: 101;
}
#popup[id]
{
	background-image: url(../images/75p_bg.png);
}
#popup div
{
	background: url(../images/popup.gif) no-repeat;
	background-color: #000;
	height: 280px;
	margin: auto;
	margin-top: 100px;
	padding: 10px;
	text-align: center;
	width: 280px;
}
#popup[id] div
{
	background: #ccc;
	border: 1px solid #333;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
}
.required
{
	font-weight: bold;
}
.clear
{
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
#PatientSupplement
{
	display: inline-block;
	width: 100%;
}
#PatientSupplement .Header
{
	font-weight: bold;
}
body
{
	background: url(../images/wiwl/mainbg.jpg) repeat-x #8b8b8b;
	color: #2a2a2a;
	font-family: "Trebuchet MS",Georgia,"Times New Roman",Times,serif;
	font-size: 11pt;
	margin: 0;
	padding: 0;
}
form
{
	margin: 0;
	padding: 0;
}
img
{
	border: none;
}
.spacer
{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
.wrap
{
	display: block;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.blue
{
	color: #5482d0;
}
.link_right
{
	color: #85ae2b;
	float: right;
	text-decoration: none;
}
p
{
	line-height: 20px;
	margin: 15px 0;
}
.banner
{
	margin-bottom: 15px;
}
#outercont
{
	margin: 0 auto;
	padding-bottom: 20px;
	width: 970px;
}
#patientMain ul.nav
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#patientMain ul.nav li
{
	margin: 10px 0;
}
#patientMain span.link a
{
	background-color: #5482d0;
	color: #fff;
	padding: 0 3px;
	text-decoration: none;
}
#patientMain span.link a:hover
{
	background: #d05454;
}
.frmPrefs ul.nav,#header .hright ul.nav
{
	font-size: .9em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.frmPrefs ul.nav li,#header .hright ul.nav li
{
	background: none;
	float: right;
	padding-left: 5px;
}
.frmPrefs ul.nav
{
	clear: both;
	display: block;
	overflow: auto;
}
.frmPrefs ul.nav li
{
	float: left;
	font-size: 1.1em;
	margin-right: 5px;
}
.frmPrefs ul.nav li a,#header .hright ul.nav li a
{
	background: none;
	display: block;
	float: left;
	height: 26px;
	padding: 2px 8px 0 0;
}
.frmPrefs ul.nav li
{
	background: url('../images/wiwl/nav_left_inactive.png') top left no-repeat;
}
.frmPrefs ul.nav li.active,.frmPrefs ul.nav li:hover,#header .hright ul.nav li:hover
{
	background: url('../images/wiwl/nav_left.png') top left no-repeat;
}
.frmPrefs ul.nav li.active a,.frmPrefs ul.nav li a
{
	background: url('../images/wiwl/nav_right_inactive.png') no-repeat top right;
	color: #000;
	text-decoration: none;
}
.frmPrefs ul.nav li.active a,.frmPrefs ul.nav li:hover a,#header .hright ul.nav li:hover a
{
	background: url('../images/wiwl/nav_right.png') no-repeat top right;
	color: #fff;
}
#header .hright ul.nav li img
{
	height: 24px;
	vertical-align: middle;
	width: 24px;
}
#topbar
{
	display: block;
	height: 35px;
	overflow: hidden;
	padding-top: 10px;
}
#topbar .tabs
{
	background: url(../images/wiwl/tabbg.gif) no-repeat;
	display: block;
	float: right;
	font-family: 'Myriad Pro',Verdana,Arial,sans-serif;
	font-size: 14px;
	height: 23px;
	padding-left: 20px;
	padding-right: 25px;
	width: 254px;
}
#topbar .tabs .tleft
{
	float: left;
	padding-left: 16px;
}
#topbar .tabs .tleft a
{
	color: #5482d0;
	text-decoration: none;
}
#topbar .tabs .tright
{
	float: right;
	padding-left: 16px;
}
#topbar .tabs .tright a
{
	color: #fefeff;
	text-decoration: none;
}
#topbar .tabs a:hover
{
	text-decoration: underline;
}
#topnav
{
	border-bottom: 3px solid #5482d0;
	
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	
	margin-bottom: 13px;
	margin-top: 8px;
	overflow: hidden;
	padding-top: 8px;
}
#topnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#topnav a:hover
{
	text-decoration: underline;
}
#topnav .last
{
	margin: 0;
}
.subnav
{
	list-style: none;
	margin: 0;
	margin-left: 18px;
	padding: 0;
}
.subnav li
{
	background: url(img/bullet.gif) 0 10px no-repeat;
	display: block;
	margin-bottom: 10px;
	padding-left: 15px;
}
.subnav a
{
	color: #5482d0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	text-decoration: none;
}
.subnav a:hover
{
	text-decoration: underline;
}
#innercont
{
	background: url(../images/wiwl/contbgtop.gif) no-repeat top left;
	position: relative;
}
#innercont .ictop
{
	background: url(../images/wiwl/contbgtop.gif) top right no-repeat;
	clear: both;
	display: block;
	height: 25px;
	overflow: hidden;
}
#innercont .icbot
{
	background: url(../images/wiwl/contbgbot.gif) top left no-repeat;
	display: block;
	height: 6px;
	overflow: hidden;
}
#innercont .icbot div
{
	background: url(../images/wiwl/contbgbot.gif) top right no-repeat;
	display: block;
	height: 6px;
	overflow: hidden;
}
#innercont .icmid
{
	background: #f9fafa;
	display: block;
}
#innercont .icmid .txt_block
{
	color: #5c5c5c;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-align: justify;
	width: 660px;
}
#simp_sticker
{
	position: absolute;
	right: 0;
	top: 289px;
}
#header
{
	display: block;
	height: 71px;
	overflow: hidden;
}
#header .hleft
{
	float: left;
	padding-left: 10px;
}
#header .hright
{
	color: #5482d0;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	height: 33px;
	padding-right: 20px;
	padding-top: 10px;
	text-align: right;
	width: 480px;
}
#header .hright span,#header .hright a
{
	color: #ababab;
	text-decoration: none;
}
#banner
{
	display: block;
	margin-bottom: 15px;
	position: relative;
}
#banner .ban_left
{
	background: url(img/banleft.jpg);
	display: block;
	float: left;
	height: 289px;
	width: 430px;
}
#banner .ban_right
{
	background: url(img/banright.jpg);
	display: block;
	float: left;
	height: 289px;
	width: 430px;
}
#banner .button
{
	margin-left: 183px;
	margin-top: 221px;
	position: absolute;
}
#footer
{
	background: url(img/footerbg.gif);
	color: #fefeff;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	height: 23px;
	margin-top: 15px;
	overflow: hidden;
	padding-left: 10px;
	padding-top: 9px;
}
#footer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li
{
	border-right: 1px solid #a3a3a3;
	display: block;
	float: left;
	height: 17px;
	padding-left: 9px;
	padding-right: 9px;
}
#footer ul .last
{
	border: none;
	padding-right: 0;
}
#footer a
{
	color: #fefeff;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
.Document
{
	font-family: Helvetica,Verdana,Arial,Times New Roman;
}
.View
{
	background-color: #fff;
	border: 1px solid #999;
	padding: 4px;
}
.Accordion
{
	border: 1px solid #ddd;
}
.Accordion .Handle
{
	background-image: url('../images/tbox/accordion_back_inactive.png');
	border: 1px solid #999;
	color: #fff;
	cursor: pointer;
	font-size: 12pt;
	margin: 0;
	padding: 2px 4px 2px 4px;
}
.Accordion .Handle:hover
{
	border: 1px solid #f4c533;
	color: #f4c533;
}
.Accordion .Handle.Selected
{
	background-image: url('../images/tbox/accordion_back.png');
}
.Accordion .Pane
{
	background-color: #fff;
}
.TabBar
{
	clear: right;
	font-size: 14pt;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}
.TabBar .Tab
{
	background: url('../images/tbox/tab_left.gif') no-repeat left top;
	float: left;
	margin-left: 5px;
	margin-top: 0;
	padding: 0 0 0 2px;
}
.TabBar .Tab a
{
	background: url('../images/tbox/tab_right.gif') no-repeat right top;
	display: block;
	padding: 3px 10px 0 9px;
	text-decoration: none;
}
.TabBar .Tab.Selected,.TabBar li.Tab:hover
{
	background: url('../images/tbox/tab_left_H.gif') no-repeat left top;
	margin-bottom: -1px;
	margin-top: 1px;
}
.TabBar .Tab.Selected a,.TabBar .Tab a:hover
{
	background: url('../images/tbox/tab_right_H.gif') no-repeat right top;
}
.Canvas
{
	background-color: #eee;
	border: 1px solid #ddd;
	position: relative;
}
.Canvas .Heading
{
	border-bottom: 1px solid #ddd;
	color: #333;
	font-size: 16pt;
	margin: 0 0 5px 0;
	padding: 2px;
}
.Canvas label
{
	position: relative;
}
.LinkButton
{
	display: block;
	padding: 2px;
	text-decoration: none;
}
.LinkButton:hover
{
	text-decoration: underline;
}
.LinkButton.Selected
{
	background: #99f;
	color: #fff;
}
.DataGrid
{
	border-collapse: collapse;
	width: 100%;
}
.DataGrid th,.GridHeader
{
	background: #efefef url("../images/tbox/grid_header.png") repeat-x;
	border: 1px outset #ddd;
	color: #666;
}
.DataGrid td
{
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 2px;
}
.DataGrid td.bottom
{
	border-bottom: 2px solid #004;
}
.DataGrid tr.even td
{
	background: #eef;
}
.Alert
{
	background: #fed url('../images/tbox/status_unknown.png') no-repeat 2px 2px;
	border: 1px solid #f43;
	color: #f43;
	font-weight: bold;
	padding: 2px 2px 2px 18px;
}
.ErrorList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.ErrorList li
{
	background-color: #fee;
	color: red;
	font-weight: bold;
	margin: 2px;
	padding: 4px;
}
.autosuggest-loading
{
	background: url(../images/icons/spinner.gif) right center no-repeat #fff;
}
div.autosuggest
{
	position: absolute;
}
div.autosuggest ul
{
	background-color: #333;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
div.autosuggest ul li
{
	color: #ccc;
	margin: 0;
	padding: 2px 2px 5px 2px;
	text-align: left;
}
div.autosuggest ul li a
{
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #449;
}
div.autosuggest ul li a span
{
	display: block;
	font-weight: bold;
	padding: 3px 6px;
}
div.autosuggest ul li a span small
{
	color: #999;
	font-weight: normal;
}
.ep_desc
{
	background-color: #333;
	color: #ddd;
	padding: 3px;
	width: 250px;
}
.tip-top
{
	height: 0;
}
.tip-bottom
{
	height: 0;
}
.tip-title
{
	border-bottom: 1px solid #555;
	color: #fff;
	font-weight: bold;
}
#templates
{
	display: none;
}
#foodList
{
	margin-right: 35%;
}
.selectedMeal
{
	background-color: #800;
	border: 1px solid #800;
	color: #fff;
}
#breakfastPrefs .carb,#lunchPrefs .carb,#dinnerPrefs .carb,#snacksPrefs .carb
{
	float: left;
	list-style-type: none;
	margin: 0;
	margin-left: 4px;
	padding: 0 0 0 5px;
	width: 458px;
}
#breakfastPrefs .protein,#lunchPrefs .protein,#dinnerPrefs .protein,#snacksPrefs .protein
{
	list-style-type: none;
	margin: 0;
	margin-left: 472px;
	padding: 0 0 0 5px;
	width: 460px;
}
#breakfastPrefs,#lunchPrefs,#dinnerPrefs,#snacksPrefs
{
	background: url(../images/prefsHeader.png) top left repeat-y;
}
h3.halfColumn
{
	background: url(../images/halfColumnHeader.png) top left no-repeat;
	color: #fff;
	float: left;
	height: 25px;
	margin: 20px 0 0 6px;
	padding: 3px 10px;
	width: 440px;
}
.frmPrefs
{
	margin: 0;
	padding: 0;
}
.preferenceTemplate
{
	border-bottom: 1px dotted #aaa;
	margin: 1px;
	margin-right: 6px;
}
.preferenceTemplate a
{
	float: right;
	margin-right: 10px;
	vertical-align: top;
}
.collapsible .bar,.collapsible .collapsed
{
	border: 1px solid #888;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 2px;
}
.collapsible .bar
{
	background: url(../images/icons/media_down.png) no-repeat #ddd 99% 3px;
}
.collapsible .collapsed
{
	background: url(../images/icons/media_up.png) no-repeat #ddd 99% 3px;
}

/*-----------------------*/
#dietMenu.nav,
.frmPrefs ul.nav,
#header .hright ul.nav {
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	list-style-type: none;
	position: relative;
}

#dietMenu.nav{
  padding: 5px;
}

#dietMenu.nav li,
.frmPrefs ul.nav li,
#header .hright ul.nav li{
	background: none;
	padding-left: 5px;
	float: right;
}

.frmPrefs ul.nav{
	display: block;
	clear: both;	
	overflow: auto;
}

#dietMenu.nav li,
.frmPrefs ul.nav li{
	margin-right: 5px;
	float: left;
	font-size: 1.1em;
}

#dietMenu.nav li a,
.frmPrefs ul.nav li a,
#header .hright ul.nav li a{
	background: none;
	padding: 2px 8px 0px 0px;
	display: block;
	height: 26px;
	float: left;
}

.frmPrefs ul.nav li{
	background: url('../images/wiwl/nav_left_inactive.png') top left no-repeat;	
}

#dietMenu.nav li:hover,
.frmPrefs ul.nav li.active,
.frmPrefs ul.nav li:hover,
#header .hright ul.nav li:hover{
	background: url('../images/wiwl/nav_left.png') top left no-repeat;
}
#dietMenu.nav li a{
    text-decoration: none;
}
#dietMenu.nav li:hover a{
    display: block;
    padding-right: 5px;
}

.frmPrefs ul.nav li.active a,
.frmPrefs ul.nav li a{
	background: url('../images/wiwl/nav_right_inactive.png') no-repeat top right;
	color: #000;	
	text-decoration: none;
}

#dietMenu.nav li:hover a,
.frmPrefs ul.nav li.active a,
.frmPrefs ul.nav li:hover a,
#header .hright ul.nav li:hover a{
	background: url('../images/wiwl/nav_right.png') no-repeat top right;
	color: #fff;
}
/*
#header .hright ul.nav li a:hover{
	background: #5a8de5;
	color: #fff;
}
*/
#header .hright ul.nav li img{
	vertical-align: middle;
	height: 24px;
	width: 24px;
}


/*********** topbar styles ************/

#topbar {
	display:block; 
	height:35px; 
	overflow:hidden; 
	padding-top:10px; 
	overflow:hidden;
}

#topbar .tabs {
	 display:block;background:url(../images/wiwl/tabbg.gif) no-repeat; 
	 width:254px; 
	 height:23px; 
	 float:right; 
	 font-family: 'Myriad Pro',Verdana, Arial, sans-serif; 
	 font-size:14px; 
	 padding-left:20px; 
	 padding-right:25px;
}

#topbar .tabs .tleft {
	 /*background:url(img/ico_arrow01.gif) 0px 3px no-repeat;*/ 
	 padding-left:16px; 
	 float:left;
}

#topbar .tabs .tleft a {
	 color:#5482d0; 
	 text-decoration:none;
}

#topbar .tabs .tright {
	 /*background:url(img/ico_arrow02.gif) 0px 3px no-repeat;*/ 
	 padding-left:16px; 
	 float:right;
}

#topbar .tabs .tright a { 
	 color:#fefeff; 
	 text-decoration:none;
}

#topbar .tabs a:hover {
	text-decoration:underline;
}



div.autosuggest .links a{
  display: inline;
}
div.autosuggest .links{
  background-color: #444;
  margin: 2px;
  padding: 2px;
}

#divPatientResults ul
{
  max-height: 220px;
  overflow: auto;
}
#searchResults,
#divPatientResults
{
  background: url(../images/drop-shadow.png) bottom right no-repeat;
  padding-bottom: 5px;
  padding-right: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

}

.preferenceTemplate a{
    float: right;
    vertical-align: top;
    margin-right: 10px;
}

/* Modify Menu Pages */
ul.dietDays{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
}
ul.meals{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: block;
}
ul.servings{
    list-style-position: inside;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

ul.servings li.active{
    background: #333;
    color: #fff;
}
#dietMenu{
    height: 2em;
}
.dietDays li .name{
    background-color: #2222FF;;
    color: #fff;
    padding: 2px;
}
.meals li .name{
    background-color: #7777FF;
}
.hidden{
    display: none;
}