@charset "utf-8";

/**************
 TEXT 
***************/
* html body {
	overflow:hidden;
} 
p, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0;
	padding:0;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	/* color:#42b649; */
	color:#49984e; /* green */
	margin:0;
	padding:0;
	text-transform:capitalize;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	margin:0;
	padding:0;
	color:#999999;
}

/**************
 LINKS 
***************/
a:link, a:visited {
	color:#FF9900;  /* orange */
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
a.noBorder:link img, a.noBorder:visited img, a.noBorder:hover img, a.noBorder:active img {
	border:0;
	margin:0;
	padding:0;
}
a.yesBorder:link img, a.yesBorder:visited img, a.yesBorder:hover img, a.yesBorder:active img {
	border:1px solid #CCCCCC;
}

/**************
 IMGS 
***************/
img {
	border:0;
	margin:0;
	padding:0;
}

/**************
 LISTS 
***************/
ul.horizontal {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.horizontal li {
	display:inline;
	padding:0 0 0 16px;
}
ul.horizontal2 {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.horizontal2 li {
	display:inline;
	padding:0 0 0 8px;
}
ul.padded li , ol.padded li{
	padding: 6px;
	margin:0 0 0 6px;
}
ol.headerList {
}
ol.headerList li {
	padding:12px;
}
ol.headerList h2 {
	margin:12px 0 12px 0;
}
ul.simple, ol.simple {
	margin:0 0 0 12px;
	padding:0;
}
ul.simple li {

}

/**************
 TABLES
**************/
table.tiny th {
	text-align:left;
	color:#49984e;
	font-size:11px;
}
table.tiny td {
	border-top:1px solid #CCCCCC;
	padding:6px;
	font-size:11px;
}

/**************
 SMALL LOGIN FORM 
***************/
ul#loginSmall {
	list-style-type:none;
	margin:4px 6px 0 0;
	padding:0;
	z-index:100;
	position:relative;
}
ul#loginSmall form, form#searchForm {
	margin:0;
	padding:0;
	border:0;
	z-index:0;
}
ul#loginSmall input {
	width:116px;
	height:20px;
	background-image:url(../../_images/icons/login_bg_small.gif);
	background-repeat:no-repeat;
	background-color:#21597c;
	border:0;
	vertical-align:middle;
	color:#999999;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#loginSmall input#loginPassword {
	background-image:url(../../_images/icons/login_bg_small_pwd.gif);
	background-repeat:no-repeat;
}
ul#loginSmall input#loginSubmit{
	width:26px;
	height:22px;
	background-image:url(../../_images/icons/login_submit_small.gif);	
	cursor:pointer;
}
ul#loginSmall input#loginRemember{
	width:auto;
	/* heigth:auto; */
	background-image:none;
	background-color:#21597c;
}
ul#loginSmall li {
	display:inline;
	padding:0 0 0 2px;
	height:22px;
	line-height:22px;
}
ul#loginSmall li.connect {
	padding:0 18px 0 2px;
	color:#fff;
}
ul#loginSmall li.connect img{
	vertical-align:middle;
}
ul#loginSmall li.connect a {
	color:#C3E9FC;
	font-weight:bold;
}

/**************
 GENERAL FORM 
***************/
.formModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
form.generalForm {
}
form.generalForm ul.generalList{
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.generalList li {
	padding:6px 0 0 0;
	margin:0;
}
ul.generalList label {
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#dc9427;
	display:block;
}
ul.generalList input.text {
	width:320px;
	height:24px;
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	padding:6px 6px 0 6px;
	font-size:18px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}	
ul.generalList input.readonly {
	width:320px;
	height:24px;
	border:1px solid #CCCCCC;
	background-color:#CCCCCC;
	padding:6px 6px 0 6px;
	font-size:18px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}
ul.generalList input.file {
	width:320px;
	height:30px;
	font-size:18px;
	color:#999999;
}	
ul.generalList select {
	width:335px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}	
ul.generalList textarea {
	width:329px;
	height:100px;
	border:1px solid #CCCCCC;
}
ul.generalList input.button {
	width:150px;
	height:42px;
	background-image:url(../../_images/icons/submit_button.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:0 0 0 0;
	font-size:30px;
	border:0;
}
ul.generalSubList {
}
ul.generalSubList li{
}
ul.generalList input.subtext {
	width:280px;
	height:20px;
	font-size:14px;
}
/* add article form */
.generalForm .moreContainer {
	margin-top:12px;padding-top:12px;border-top:1px dashed #ccc
}

/**************
 SEARCH FORM 
***************/
form#searchForm {
	position:relative;
	z-index:0;
}
form#searchForm input {
	width:420px;
	height:40px;
	/* background-image:url(../../_images/icons/search_bg.gif);
	background-repeat:no-repeat; */
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	vertical-align:middle;
	font-size:24px;
	color:#999999;
	padding:6px 6px 0 6px;
}
form#searchForm input.large {
	width:540px;
	height:50px;
	font-size:34px;
}
form#searchForm input#searchSubmit {
	width:29px;
	height:45px;
	background-image:url(../../_images/icons/search_submit.gif);
	background-repeat:no-repeat;
	margin:0 0 0 6px;
	cursor:pointer;
	border:0;
}
form#searchForm .searchLabelLarge, form#searchForm .searchLabel {
	font-size:11px;
	font-style:italic;
	color:#999999;
	font-weight:bold;
	margin-top:3px;
}
form#searchForm .searchLabelLarge {
	margin-top:6px;
	color:#49984e;
	font-size:12px;
}

/**************
 SIDE FORM MODULE
***************/
.sideFormModule {
	width:240px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
form.sideForm {
	width:240px;
	height:auto;
	margin:0;
	padding:0;					
}
form.sideForm ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
form.sideForm li {
	padding:6px 0 0 0;
	margin:0;
}
form.sideForm label {
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#dc9427;
	display:block;
}
form.sideForm input {
	width:226px;
	height:36px;
	/* background-image:url(../../_images/icons/input_bg.gif);
	background-repeat:no-repeat; */
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	padding:6px 6px 0 6px;
	font-size:24px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}
form.sideForm input.small {
	width:180px;
	height:18px;
	/* background-image:url(../../_images/icons/input_bg.gif);
	background-repeat:no-repeat; */
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	padding:2px 2px 0 2px;
	font-size:12px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}
form.sideForm input.radio {
	height:auto;
	width:auto;
	border:0;
	background-image:none;
	vertical-align:middle;
	background-color:#FFFFFF;
	border:0;
}
form.sideForm input.submit {
	width:150px;
	height:42px;
	background-image:url(../../_images/icons/submit_button.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:0 0 0 0;
	font-size:30px;
	float:right;
	border:0;
}
.formAlert {
	color:#0a7fc3;
	font-style:italic;
	font-size:14px;
}
/* registration form */
#regSuccess.loading {
	display:block;
	padding: 20px 0;
	background: url(../../_images/icons/spinner.gif) no-repeat center;
}
#regSuccess.message {
	display:block;
	margin:12px 0 0 0;
	width:220px;
	height:auto;
	background-color:#FFFFCC;
	border:1px solid #ffe266;
	color:#666666;
	padding:12px;
	font-size:16px;
}
.loading {
	display:block;
	padding: 20px 0;
	background: url(../../_images/icons/spinner.gif) no-repeat center;
}
.message {
	display:block;
	margin:12px 0 0 0;
	width:220px;
	height:auto;
	background-color:#FFFFCC;
	border:1px solid #ffe266;
	color:#666666;
	padding:12px;
	font-size:16px;
}

/* Popup Register/Login Form */
.popupForm {
	border:1px solid #ccc;padding:12px;background-color:#fff;width:160px;
}
.popupForm h2 {
	font-size:14px;
}
.popupForm p {		
}
.popupForm ul {
	list-style-type:none;padding:0;margin:0;
}
.popupForm ul li {
	padding:0;margin:0;padding-top:4px;
}
.popupForm label {
	display:block;
}
.popupForm input.text {
	font-size:11px;
}
.popupForm input.button {
	background-color:#ffcc00;color:#fff;margin-top:4px;border:1px solid #ccc;
}
.popupForm .formAlert {
	font-size:11px;
}

/* Update Profile Form */
.formEditDescr {
	display:none;
}
form.formEdit {
	padding:12px;
}
form.formEdit ul.listEdit {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.listEdit li {
	margin:12px 0 0 0;
	padding:0;
}
ul.listEdit label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	display:block;
}
ul.listEdit input.text {
	font-size:14px;
	color:#999999;
}
ul.listEdit textarea, ul.listEdit select {
	font-size:14px;
	color:#999999;
}
ul.listEdit input.file {
	font-size:14px;
	color:#999999;
}
ul.listEdit input.button {
	width:86px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;	
	border:1px solid #FFFFFF;
	background-color:#00CC00;
	float:right;
	margin:12px 0 0 6px;
}
#edit_img_preview_container.reg{
	width:100px;
	height:100px;
	border:1px solid #CCCCCC;
}
#edit_img_preview_container.loading{
	display:block;
	padding:0;
	background: url(../../_images/icons/spinner.gif) no-repeat center;
}
.logReg{
	display:block;
	color:#666666;
	font-size:16px;
}
.logLoading{
	display:block;
	float:right;
	width:30px;
	height:30px;
	background: url(../../_images/icons/spinner.gif) no-repeat center;
}


/**************
 LAYOUT 
***************/
#container {
	width:975px;
	margin:8px auto 16px auto;
	height:100%;
	overflow:auto;
}
#header {
	width:960px;
	height:auto;
	margin:0 auto;
}
#logo {
	width:344px;
	height:65px;
	margin:0;
	position:relative;
}
#tagline {
	position:absolute;
	top:20px;
	left:440px;
	font-style:italic;
	color:#666;
	font-size:14px;
	width:400px;	
}
#status {
	width:78px;
	height:38px;
	position:absolute;
	top:36px;
	right:-28px;
}
#topCornerLeft {
	width:16px;
	height:16px;
	background-image:url(../../_images/layout/blue_corner_tl.gif);
	background-repeat:no-repeat;
	float:left;
}
#topCornerRight {
	width:16px;
	height:16px;
	background-image:url(../../_images/layout/blue_corner_tr.gif);
	background-repeat:no-repeat;
	float:right;
}
#mainWrapper {
	width:975px;
	height:auto;
	margin:0 auto;
	background-image:url(../../_images/layout/container_bg.gif);
	background-repeat:repeat-y;
}
#mainTop {
	width:975px;
	height:16px;
	margin:0 auto;
	background-image:url(../../_images/layout/container_top.gif);
	background-repeat:no-repeat;
}
#main {
	width:940px;
	height:auto;
	margin:4px 0 0 28px;
}
#leftWrapper {
	width:920px;
	height:auto;
	float:left;
	position:relative;
}
#topContainer {
	width:920px;
	height:auto;
	position:relative;
}
#leftContainer {
	width:660px;
	height:auto;
	position:relative;
	float:left;
}
#middleContainer {
	width:240px;
	height:auto;
	margin:0 0 0 20px;
	position:relative;
	float:left;
}
#rightContainer {
	width:160px;
	height:auto;
	margin:0 0 0 20px;
	float:left;
}
#mainBottom {
	width:975px;
	height:36px;
	margin:0 auto;
	background-image:url(../../_images/layout/container_bot.gif);
	background-repeat:no-repeat;
}
#footer {
	width:975px;
	height:auto;
	margin:0 auto 0 auto;
}
#footerText {
	width:975px;
	height:48px;
	margin:16px auto 0 auto;
	text-align:center;
}

/**************
 NAVIGATION 
***************/
#mainNavContainer {
	width:auto;
	height:27px;
	margin:-14px 0 0 0;
	float:right;
}
#subNavTop {
	width:960px;
	height:16px;
	background-color:#486db5; /* blue */
}
#subNavContainer {
	width:960px;
	height:42px;
	background:#486DB5 url(../../_images/layout/nav_bg.gif) repeat-x;
	z-index:100;
	position:relative;
}
#subSubNavContainer {
	width:960px;
	height:36px;
	background-color:#21597c;  /* dark blue */
	margin-top:-3px;
}
#subSubNavContainer, #loginFormContainer {
	z-index:5;
}
#subNavContainer, #subNavListRight, #subNavListRight li, #subNavListRight li ul, #subNavListRight li ul li  {
	z-index:500;
}
ul#mainNav, ul.subNavLeft, ul.subNavRight {
	list-style-type:none;
	margin:0;
	padding:0;	
	z-index:100;
	position:relative;
}
ul.subNavLeft, ul.subNavRight {
	margin:6px 0 -2px 0;
}
ul#mainNav li {
	display:inline;
	width:140px;
	height:27px;
	margin:0 0 0 -8px;
	padding:6px 0 0 0;
	float:left;
	background:url(../../_images/layout/tab.gif) no-repeat;
	position:relative;
	z-index:100;
	text-align:center;
}
ul#mainNav li.active {
	background:url(../../_images/layout/tab_o.gif) no-repeat;
	z-index:150;
}
ul#mainNav li a{
	font-size:12px;
	color:#ccc;
}
ul#mainNav li.active a{
	color:#fff;
}
ul.subNavLeft li {
	float:left;
	padding:6px 0 0 10px;
	position:relative;
}
ul.subNavLeft li.navDivider {
	padding:0 0 0 10px;
	margin-top:-6px;
}
ul.subNavLeft li ul {
	display:none;
	z-index:100;
}
ul.subNavRight li {
	float:right;
	padding:6px 10px 0 0;
	position:relative;
}
ul.subNavRight li.navDivider {
	padding:0 10px 0 0;
	margin-top:-6px;
}
ul#subSubNavRight li {
	padding:0 20px 0 0;
}
ul.subNavRight li ul {
	display:none;
	z-index:100;
}
ul.subNavLeft img {
	vertical-align:middle;
}
ul.subNavLeft a {
	font-size:14px;
	height:18px;
	line-height:18px;
}
ul.subNavRight a {
	font-size:14px;
	height:18px;
	line-height:18px;
}
/* drop down stuff */
ul.subNavLeft li:hover a, ul.subNavLeft li.over a {
	color:#fff;
}
ul.subNavLeft li:hover ul, ul.subNavLeft li.over ul {
	display:block; 
	position:absolute; 
	top:18px; left:0; 
	width:180px; 
	background-color:#486db5; 
	list-style-type:none; 
	margin:6px 0 0 0; 
	padding:12px 0 0 0;	
}
ul.subNavLeft li:hover ul li, ul.subNavLeft li.over ul li { 
	width:168px; 
	height:auto; 
	margin:0; 
	padding:6px 0 6px 12px; 
	border-top:1px solid #21597c; 
}
ul.subNavLeft li:hover ul li a, ul.subNavLeft li.over ul li a {
	display:block; 
	color:#c3e9fc;
}
ul.subNavLeft li:hover ul li a:hover, ul.subNavLeft li.over ul li a:hover {
	color:#ffffff;
}
/* right drop down */
ul.subNavRight li:hover a, ul.subNavRight li.over a {
	color:#fff;
}
ul.subNavRight li:hover ul, ul.subNavRight li.over ul {
	display:block; 
	position:absolute; 
	top:18px; 
	left:-9px; 
	width:180px; 
	background-color:#486db5; 
	list-style-type:none; 
	margin:6px 0 0 0; 
	padding:12px 0 0 0;
}
ul.subNavRight li:hover ul li, ul.subNavRight li.over ul li { 
	width:168px; 
	height:auto; 
	margin:0; 
	padding:6px 0 6px 12px; 
	border-top:1px solid #21597c; 
}
ul.subNavRight li:hover ul li a, ul.subNavRight li.over ul li a {
	display:block; 
	color:#c3e9fc;
}
ul.subNavRight li:hover ul li a:hover, ul.subNavRight li.over ul li a:hover {
	color:#ffffff;
}

/**************
 ACCESSORIES 
***************/
.more {
	text-align:right;
	margin:12px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
.next {
	float:right;
	margin:12px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
.prev {
	float:left;
	margin:12px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
/* button */
.button {
	width:auto;
	height:24px;	
	margin:12px 0 0 0;					
}
.buttonLeft {
	width:7px;
	height:24px;
	float:left;
	background-image:url(../../_images/icons/button_left.gif);
}
.buttonRight {
	width:7px;
	height:24px;
	float:left;
	background-image:url(../../_images/icons/button_right.gif);
	float:left;
}
.buttonText {
	height:24px;
	width:auto;
	background-color:#e9b221;
	float:left;
}
.buttonText a:link, .buttonText a:visited {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.buttonText a:hover, .buttonText a:active {
	text-decoration:none;
	color:#EEEEEE;
}
/* small button */
.buttonSmall {
	width:auto;
	height:24px;	
	margin:0 0 0 6px;					
}
.buttonSmallLeft {
	width:7px;
	height:24px;
	float:left;
	background-image:url(../../_images/icons/button_left_small.gif);
}
.buttonSmallRight {
	width:7px;
	height:24px;
	float:left;
	background-image:url(../../_images/icons/button_right_small.gif);
}
.buttonSmallText {
	height:22px;
	width:auto;
	background-color:#6abd45;
	float:left;
	padding:2px 0 0 0;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.buttonSmallText a:link, .buttonSmallText a:visited {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.buttonSmallText a:hover, .buttonSmallText a:active {
	text-decoration:none;
	color:#EEEEEE;
}
/* dividers */
.divider {
	width:100%;
	height:24px;
	border-top:1px solid #CCCCCC;
	margin:30px 0 0 0;
	background-image:url(../../_images/layout/divider_bg.gif);
}
.dividerLong {
	width:660px;
	height:24px;
	border-top:1px solid #CCCCCC;
	margin:30px 0 0 0;
	background-image:url(../../_images/layout/divider_bg.gif);
}
.dividerShort {
	width:240px;
	height:24px;
	border-top:1px solid #CCCCCC;
	margin:30px 0 0 0;
	background-image:url(../../_images/layout/divider_bg.gif);
}

/**************
 CONTENT MODULE
**************/ 
.module {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
.sideModule {
	width:240px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}

/**************
 SHELF SCROLLER
***************/
.productModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
.productContainer {
	width:660px;
	height:100px;
	position:relative;
	margin:18px 0 0 0;
}
.productArrow {
	width:80px;
	height:100px;
	float:left;
	position:relative;
}
.productWindow {
	float:left;
	width:500px;
	height:100px;
	position:relative;
	overflow:hidden;
	left: 0;
	top: 0;
}
ul.productSet {
	position:absolute;
	list-style-type:none;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
ul.productSet li {
	width:500px;
	height:100px;
	float:left;
	display:inline;
	margin:0;
	padding:0;
}
.productShelf {
	width:660px;
	height:131px;
	background-image:url(../../_images/icons/shelf.gif);
	float:left;
	position:relative;						
}

/**************
 Nutrition Label 
***************/
.nutritionModule {
	width:240px;
	height:auto;
	position:relative;
	margin:20px 0 0 0;
}
.nutritionLabelContainer {
	width:224px;
	height:auto;
}
.nutritionLabelContainer h1 {
	background-color:#FFFFFF;
	margin:0 0 0 6px;
}
.nutritionLabel {
	width:216px;
	height:auto;
	background-color:#fff;
	border:4px solid #222;
}
.nutritionTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#222;
	padding:3px 6px 0 6px;
}
.nutritionSubTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	padding:0 6px 6px 6px;
}
.nutritionDivider {
	width:211px;
	height:9px;
	background:url(../../_images/icons/nutrition_label_divider.gif) no-repeat;
	margin:0 auto;
}
.nutritionImpact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#222;
	padding:3px 6px 6px 6px;
}
.nutritionHeader, .nutritionSection, .nutritionSubSection  {
	width:198px;
	height:20px;	
	padding:3px 3px;
	margin:0 auto;	
}
.nutritionHeader, .nutritionSection, .nutritionSubSection, .nutritionHeader a, .nutritionSection a, .nutritionSubSection a {
	color:#000000;
	font-size:13px;
	text-transform:capitalize;
}
.nutritionHeader {
	font-weight:bold;
	border-top:1px solid #000;
}
.nutritionHeader a {
	font-weight:bold;
}
.nutritionHeaderLeft, .nutritionSectionLeft, .nutritionSubSectionLeft  {
	width:152px;
	float:left;
}
.nutritionHeaderRight, .nutritionSectionRight, .nutritionSubSectionRight {
	float:right;
	width:40px;
	text-align:right;
	position:relative;
}
.nutritionSection {
	border-top:1px solid #999;
}
.nutritionSubSection {
	font-weight:bold;
	border-bottom:1px solid #000;
}
.nutritionSubSection a {
	font-weight:bold;
}
.nutritionSubSectionLeft  {
	width:122px;
}
.nutritionSubSectionRight {
	width:70px;
}
.nutritionNote {
	padding:12px;
	font-size:10px;
}
.nutritionLabel p {
	padding:0 12px 0 12px;
	font-size:10px;
}
/* category popup */
.nutritionCatLink {
	position:relative;
}
.nutritionCatWrapper {
	position:absolute;
	top:6px;
	left:-120px;
	display:none;
	z-index:100;	
}
.nutritionSectionRight:hover .nutritionCatWrapper {
	display:block;
}
.nutritionCatContainer {
	position:relative;
	z-index:100;
}
.nutritionCatContainer table{
	width:220px;
	border:1px solid #ccc;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.nutritionCatContainer table tr th{
	border:none;
	background-color:#0a7fc3;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:6px;
	font-size:11px;
}
.nutritionCatContainer table tr td{
	padding:6px;
	border-top:1px solid #ddd;
	text-align:left;
	font-size:11px;
}
.nutritionCatContainer table tr td a{
	color:#666;
	font-size:11px;
}
/* tool tip */
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
} 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color:#fcfcfc;
	padding: 8px 8px 4px;
	background-color:#4a6db4;
	border-bottom: 1px solid #B5CF74;
} 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color:#97c6ea;
}
.customLong-tip {
	color: #000;
	width: 200px;
	z-index: 13000;
} 
.customLong-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color:#fcfcfc;
	padding: 8px 8px 4px;
	background-color:#4a6db4;
	border-bottom: 1px solid #B5CF74;
} 
.customLong-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color:#97c6ea;
}

/**************
 News Module
***************/
#newsModuleWrapper, #profileListWrapper, .moduleWrapper {
	position:relative;
}
.newsModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
	position:relative;
	#margin:0 0 0 0;
	#padding:20px 0 0 0;
}
.articleThumbContainer {
	width:660px;
	height:auto;
	margin:12px 0 0 0;
}
#articleFlagPopup {
	position:absolute;
	top:24px;
	left:36px;
	border:1px solid #ccc;
	padding:16px;
	width:250px;
	background-color:#fff;
	z-index:100;
}
#articleFlagPopup form label, #articleFlagPopup form textarea{
	display:block;
}
#articleFlagPopup form label, #articleFlagPopup form input{
	margin-top:6px;
}
.voteBox {
	width:61px;
	height:61px;
	background-image:url(../../_images/icons/votes_bg.gif);
	float:left;						
}
.voteBox h1 {
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:30px 0 0 0;
	text-align:center;
}
.voteBox a:link, .voteBox a:visited {
	color:#ffffff;						
}
.voteBox a:hover, .voteBox a:active {
	text-decoration:none;
	color:#CCCCCC;
}
.articleThumbTextBox {
	width:500px;
	height:auto;
	margin:0 0 0 19px;
	float:left;
}
.articleThumbTextBox h1 a, .articleThumbTextBox h1{	
	font-size:14px;
	width:460px;
}
.articleThumbTextBox h2, .articleThumbTextBox h2 a{
	font-size:12px;
	font-style:italic;
}
.articleThumbTextBox h3, .articleThumbTextBox h3 a{	
	font-size:12px;				
}
.articleThumbTextBox p{
	color:#999999;
	font-size:11px;
}
#newsModuleLoading, #profileListLoading, .moduleLoading {
	padding:12px;
	background-color:#eee;
	color:#999;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	display:none;
}

/**************
 News Side Module
***************/
.newsSideModule {
	width:240px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
.articleThumbContainerSmall {
	width:240px;
	height:auto;
	margin:6px 0 0 0;
}
.voteBoxSmall {
	width:40px;
	height:40px;
	background-image:url(../../_images/icons/votes_bg_small.gif);
	float:left;						
}
.voteBoxSmall h1 {
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 0 0 0;
	text-align:center;
}
.voteBoxSmall a:link, .voteBoxSmall a:visited {
	color:#ffffff;						
}
.voteBoxSmall a:hover, .voteBoxSmall a:active {
	text-decoration:none;
	color:#CCCCCC;
}
.articleThumbTextBoxSmall {
	width:188px;
	height:auto;
	margin:0 0 0 12px;
	float:left;
}
.articleThumbTextBoxSmall h1 a{		
	font-size:12px;		
}
/* news filter */
#filterNewsForm select {
	width:80%;
}
#filterNewsForm ul li {
	padding-top:12px;
}

/**************
 Generic List Module
***************/
.listModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
.listContainer {
	width:660px;
	height:auto;
	margin:12px 0 0 0;
}
.thumb {
	width:100px;
	height:100px;
	float:left;						
}
.listTextBox {
	width:460px;
	height:auto;
	margin:0 0 0 19px;
	float:left;
}
.listTextBox h1{					
}
.listTextBox h2{
	font-size:14px;
	font-style:italic;
}
.listTextBox h3{					
}
.listTextBox p{
	color:#999999;
}

/**************
 FEATURE MODULE 
***************/
.featureModule {
	width:240px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
.featureThumbContainer {
	width:240px;
	height:auto;
	margin:12px 0 0 0;
}
.featureThumbContainer img {
	margin:6px 0 0 0;
}

/**************
 DESCRIPTION MODULE 
***************/
.descrModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
	#margin:0 0 0 0;
	#padding:20px 0 0 0;
}
.icon {
	width:100px;
	height:auto;
	float:left;
	margin:12px 0 0 0;
}
.description {
	width:540px;
	height:auto;
	margin:12px 0 0 20px;
	float:left;
}
.description p {
	color:#999999;
}
.highlighted {
	background-color:#FFF97D;
	padding:12px 24px 24px 24px; 
	margin-top:20px;
}

/**************
 ICON MODULE
***************/
.iconModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
.iconBox {
	width:102px;
	height:auto;
	text-align:center;
	float:left;
	margin:12px 0 0 30px;
}
.iconBox img {
	margin:0 0 6px 0;
}
.iconBox a:link, .iconBox a:visited {
	color:#666666;
}
.iconBox a:hover, .iconBox a:active {
	text-decoration:none;
	color:#999999;
}

/**************
 ICON SIDE MODULE
***************/
.iconSideModule {
	width:240px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}

/**************
 CHECKLIST MODULE
***************/
.checklistModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
ul.checklist {
	margin:0;
	padding:12px 12px 12px 40px;
	list-style-type:none;
	border:1px solid #CCCCCC;
	background-color:#FFFDB3;
}
ul.checklist li {
	padding:6px 0 0 0;
	margin:0;
}
ul.checklist h3 {
	margin:0 0 6px -30px;
}

/**************
 RESPONSE MODULE
***************/
.responseModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
	background-color:#E2E2E2;
}
.response {
	width:500px;
	height:auto;
	float:left;
	margin:12px 0 0 20px;
}
.responseVote {
	width:200px;
	height:auto;
	float:right;
	margin:12px 0 0 0;
}
form.responseForm {
	width:120px;
	height:auto;
	float:right;
	margin:6px 6px 6px 0;
}
form.responseForm input {
	background-color:#FFCC00;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	width:50px;
	height:24px;
	border:0;
}

/**************
 RATINGS MODULE 
***************/
.ratingsModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
table.ratingsTable {
	width:660px;
	height:auto;
}
table.ratingsTable td {
	border-top:1px solid #CCCCCC;
}
table.ratingsTable td, table.ratingsTable th  {
	padding:6px;
	text-align:center;
}
table.ratingsTable td.leftCol, table.ratingsTable th.leftCol {
	text-align:left;
	width:480px;
}

/**************
 COMMENTS MODULE 
***************/
.commentsModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
}
.commentContainer {
	width:660px;
	height:auto;
	margin:12px 0 0 0;
}
#commentInput {
	width:660px;
	height:auto;
	margin:12px 0 0 0;
}
#commentInput input.button{
	color:#FFFFFF;
	background-color:#0a7fc3;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
}
#commentInput textarea{
	width:400px;
	height:120px;
}
.commentHeader {
	width:660px;
	height:auto;
	background-color:#EBEBEB;
	border-top:1px solid #CCCCCC;
}
.commentHeader h3{
	margin:0;
	padding:6px;
	float:left;
}
.commentHeader h4{
	margin:0;
	padding:6px;
	float:right;
}
.commentBody {
	width:660px;
	height:auto;
}
.commentBody p {
	padding:12px;
}
.commentBody img{
	vertical-align:middle;
	padding-right:4px;
}

/**************
 VOTE MODULE 
***************/
.voteModule {
	width:660px;
	height:auto;
	clear:both;
	margin:20px 0 0 0;
	background-color:#D8FFB0;
}
.voteContainer {
	width:660px;
	height:auto;
}
ul.voteList {
	width:600px;
	height:auto;
	list-style-type:none;
	margin:-20px 0 0 0;
	padding:0;
	float:left;
}
ul.voteList li {
	padding:12px 0 0 0;
	margin:0;
	font-weight:bold;
}
.voteOptionBox {
	display:none;
}	
ul.voteOptionList {
	list-style-type:none;
	margin:6px 6px 6px 20px;
	padding:0;
}
ul.voteOptionList li {
	margin:0;
	padding:12px 0 0 0;
	font-weight:normal;
	color:#999999;
}
ul.voteValueList {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.voteValueList li {
	margin:0;
	padding:0;
	color:#666666;
	display:inline;
}
ul.changeList {
	width:600px;
	height:auto;
	list-style-type:none;
	margin:-20px 0 0 0;
	padding:0;
	float:left;
}
ul.changeList li {
	padding:0 0 0 0;
	margin:0;
	font-weight:bold;
}
ul.changeList li h4{
	font-size:11px;margin:20px 0 10px 0;
}
ul.changeOptionList {
	list-style-type:none;
	margin:0 6px 0 20px;
	padding:0;
}
ul.changeOptionList li {
	margin:0;
	padding:0 0 0 0;
	font-weight:normal;
}
.voteComment {
	float:left;
	margin:28px 0 0 0;
}
.voteSubmit, .changeSubmit {
	float:right;
	width:120px;
	height:auto;
	margin:12px 40px 0 0;
}		
.voteComment input {
	width:300px;
	color:#999;
}			
.voteSubmit input, .changeSubmit input {
	background-color:#FFCC00;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	width:120px;
	height:24px;
	border:0;
}	

/**************
 CONTENT MODULE
**************/

.contentBox h2 {
	color:#dc9427;
	margin:0;
	padding:20px 0 0 0;
}
.contentBox p {
	padding:20px 80px 0 0;
}
.imgCaption {
	width:452px;
	margin:18px;
}
.imgCaption img {
	padding:6px;
	border:1px solid #CCCCCC;
}
.imgCaption p {
	padding:6px;

	margin:0;
	font-size:10px;
	font-style:italic;
	color:#333333;
}

/**************
 MESSAGE MODULE 
***************/
.messageModule {
	margin:0 0 20px 0;
	width:660px;
	height:auto;
	background-color:#FFFFCC;
	border:1px solid #ffe266;					
}
.messageModule p {
	color:#666666;
	padding:12px;
	font-size:16px;
	font-style:italic;
}

/**************
 STATS MODULE 
***************/
table.statsTable {
	width:240px;
	height:auto;
}
table.statsTable td {
	border-top:1px solid #CCCCCC;
	padding:12px 6px 12px 6px;
	font-weight:bold;
}
table.statsTable td.leftCol {
	font-style:italic;
	font-weight:normal;
}

/**************
 TREE MODULE
 *************/
.column {
	width:300px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	padding:12px;
}
.sectionHeader {
	border-top:1px solid #CCCCCC;
	font-size:18px;
	color:#dc9427;
	margin:20px 0 0 0;
}
ul.tree {
	list-style-type:none;
	margin:0;
	padding:12px;
}
ul.tree li {
	font-size:14px;
	padding:0;
	margin:0;
}
.threeCol {
	width:200px;
	height:auto;
	float:left;
	margin:6px 0 0 0;
	padding:6px 0 0 12px;
}
.threeCol ul.tree {
	padding:0;
}
.threeCol ul.tree li {
	font-size:14px;
	padding:4px 0 0 0;
	margin:0;
}

/**************
 TOP LIST MODULE
 *************/
#getTopList {
	margin:12px 0 0 0;	
}
#getTopListBest {
	font-size:16px;
}
#topListBox {
	margin-top:12px;
}
table.topList {
	padding:0;
	margin:0;
	width:234px;
}
table.topList tr:hover, table.topList tr.even:hover{
	background-color:#E9F5FE;
}
table.topList tr.even{
	background-color:#F6F6F6;
}
table.topList th{
	padding:8px;
	border-bottom:1px solid #DDDDDD;	
	background-color:#FFFFFF;
	color:#486db5;
	text-align:left;
}
table.topList td{
	padding:8px;
	border-bottom:1px solid #DDDDDD;	
}
table.topList td.leftMost{
	border-left:1px solid #DDDDDD;	
}
table.topList td.rightMost{
	border-right:1px solid #DDDDDD;	
}
input#getTopListMin {
	width:30px;font-size:11px;color:#444;	
}

/**************
 COMPARE MODULE
**************/
form#compareForm input.button {
	border:1px solid #CCCCCC;
	background-color:#dc9427;
	color:#FFFFFF;
	font-weight:bold;
}
form#compareForm input {
	margin:0 6px 0 6px;
	color:#999;
}
table.compare {
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}
table.compare td{
	border-bottom:1px solid #ccc;	
	padding:4px;
}
.compareStats {
	margin:4px 0 12px 0;	
}
.compareStats .overall{
	font-size:36px;
}
.sideModule .compareStats {
	padding:12px;
	background-color:#FFFFCC;
	border:1px solid #ffe266;
}

/**************
 TREND MODULE (BAR CHART)
 *************/
ul.barChart {		
	list-style-type:none;
	width:auto;
	height:auto;
	margin:12px 0 0 0;
	padding:0;
}
ul.barChart li {
	border-right:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	float:left;
	cursor:pointer;
}
ul.barLegend {
	list-style-type:none;
	width:auto;
	height:auto;
	margin:12px 0 0 0;
	padding:0;
}
ul.barLegend li {
	float:left;
	padding-right:16px;
}
ul.barLegend li .legendBox{
	width:20px;
	height:20px;
	float:left;
	border:1px solid #999;
	cursor:pointer;
}
ul.barLegend li .legendText{
	float:left;
	margin:4px 0 0 4px;
}

/**************
 GRAPH MODULE
 *************/
.graphWrapper {
	position:relative;
	background:url(../../_images/repot/graph_bg.gif) top left no-repeat;
}
.graphWindow {
	position:absolute;
}
.graphPoint {
	position:absolute;
	border:1px solid #ccc;
	cursor:pointer;
}

/**************
 TWEET MODULE
 *************/
#tweetModule {			
}
#tweetModuleWrapper {
	margin-top:6px;
}
.tweetBox {
	width:100%;padding:6px 0;
}
.tweetIcon {
	width:48px;height:48px;float:left;
}
.tweetIcon img{
	width:48px;height:48px;
}
.tweetText {
	width:160px;float:left;margin-left:10px;border-top:1px solid #eee;
}
.tweetText {
	padding:6px;color:#666;
}
.tweetQuote span{
	font-size:14px;font-weight:bold;color:#333;line-height:12px;
}
.tweetDate {
	margin-top:4px;color:#999;font-size:10px;font-style:italic;text-align:right;
}

/**************
 SUMMARY MODULE
 *************/
.summaryModule {
	position:relative;
}
.summaryModule table {
	width:95%;
	border:1px solid #eee;
	margin-top:12px;	
}
.summaryModule table tr{	
	cursor:pointer;
}
.summaryModule table tr.even{
	background-color:#F5F5F5;
}
.summaryModule table tr:hover{
	background-color:#E9F5FE;
}
.summaryModule table tr th{
	padding:4px;
	text-align:left;
	color:#486db5;
	background-color:#fafafa;
	font-size:12px;
}
.summaryModule table tr td{
	border-top:1px solid #ddd;
	padding:4px;
	text-transform:capitalize;	
}
.summaryModule table tr td.title{
	color:#333;
	font-style:italic;			
}
.summaryModule table tr td.title a {
	color:#333;
	font-style:italic;	
}
.summaryModule table tr td.status{
	width:120px;
}
.summaryModule table tr td.more a{
	font-weight:bold;
	font-size:12px;
}
.summaryModule table tr td.note {	
	background-color:#FFFCE8;
}
#summaryCompareModule table tr{
	cursor:default;
}
#summaryCompareModule table tr td{
	width:100px;
}
#summaryCompareModule table tr td.title{
	width:220px;
}
#summaryCompareModule table tr td.note {
	width:100%;
}
.summaryModule table tr td.more {
	text-align:center;
	width:100%;
	background-color:#eee;	
}

/**************
 SWITCH MODULE
 *************/
 
.switchModule {
	width:660px;
}
#topContainer .switchModule {
	float:left;z-index:90;margin-top:-30px;
}
#leftContainer .switchModule {
	margin-top:20px;
}
.switchModule ul {
	margin:0;padding:0;list-style-type:none;
}
.switchModule ul li {
	margin:0;padding:0;float:left;font-size:12px;font-weight:bold;
}
.switchModule ul li.first, .switchModule ul li.last, .switchModule ul li .label {
	height:24px;line-height:24px;
}
.switchModule ul li.first {
	width:16px;border-top:1px solid #fff;border-bottom:1px solid #ccc;border-left:none;
}
.switchModule ul li.last {
	width:96px;border-top:1px solid #fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;
}
.switchModule ul li .label {
	border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;color:#486db5;text-align:center;cursor:pointer;
}
.switchModule ul li .label:hover {
	text-decoration:underline;
}
.switchModule ul li .arrow {
	width:100%;height:14px;background:url(../../_images/icons/tab_arrow.gif) top center no-repeat;visibility:hidden;
}
.switchModule ul li.selected .label {
	border-bottom:1px solid #486db5;background-color:#486db5;color:#fff;cursor:default;
}
.switchModule ul li.selected .label:hover {
	text-decoration:none;
}
.switchModule ul li.selected .arrow {
	visibility:visible;
}

/**************
 GALLERY MODULE
 *************/
.galleryContainer {
	width:100%;
	height:300px;
	border:1px solid #ccc;
}
.galleryDisplay {
	width:100%;
	height:260px;
	border-bottom:1px solid #ccc;
	background-color:#f1f1f1;
	position:relative;
	cursor:pointer;
}
.galleryDisplay img  {  
	display:none;  
	position:absolute;  
	top:0px;  
	left:0px;  	
}  
.galleryDisplay img.gallery_pause, .galleryDisplay img.gallery_play {
	top:0px;
	right:0px;
	left:auto;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;	
} 
.galleryNav {
	width:100%;
	height:40px;
}
.galleryNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.galleryNav ul li {
	width:130px;
	height:27px;
	border-right:1px solid #ccc;
	float:left;
	margin:0;
	padding:12px 0 0 0;
	text-align:center;
	color:#999;
	font-size:12px;
	font-weight:normal;
}
.galleryNav ul li.selected {
	background-color:#ddd;
	color:#666;
}
.galleryNav ul li:hover {
	background-color:#eee;
	cursor:pointer;
	color:#666;
	text-decoration:underline;
}

/**************
 SIDE SLIDE MODULE
 *************/
.sideWindow {
	width:240px;overflow:hidden;position:relative;
}
.sideSlider {
	position:relative;margin-left:0px;
}
.sideItem {
	width:240px;float:left;text-align:center;cursor:pointer;
}
.sideItem img {		
}
.sideItem img.comparison{
	height:80px;width:80px;float:left;
}
.sideItem p{
	font-size:11px;color:#999;padding-top:6px;
}
.sideArrows {		
	width:40px;margin:10px auto;
}
.sideArrowLeft, .sideArrowRight {
	width:20px;height:30px;float:left;
}
.sideArrowHide {
	display:none;
}

/**************
 WIDGET MODULE
**************/
#updateWidgetForm ul li {
	padding:16px 0 0 0;
}
#widgetAreaWrapper {
	margin-top:12px;
}
#widgetArea {
	width:500px;padding:24px;background-color:#f2f2f2;
}
#widgetArea iframe{
	border:1px solid #ccc;background-color:#fff;
}
#codeAreaWrapper {
	margin-top:12px;
}
#codeArea {
	width:500px;padding:12px;
}
#codeArea textarea{
	width:500px;height:150px;border:1px solid #ccc;
}

/**************
 PORTFOLIO MODULE
**************/
#pf-draggablesContainer {
	width:100%;position:relative;margin-top:12px;
}
#pf-draggableIconsWrapper {
	width:402px;position:relative;float:left;
}
#pf-draggableIconsMore {
	width:400px;
}
#pf-draggableIconsMore a{
	font-size:12px;font-weight:bold;
}
#pf-draggableIcons {
	width:400px;height:200px;position:relative;border:1px solid #ccc;margin-top:4px;
}
.pf-draggableIcon {
	width:100px;height:100px;position:absolute;cursor:move;background-repeat:no-repeat;
}
	.pf-icon1 {
		top:0px;left:0px;
	}
	.pf-icon2 {
		top:0px;left:100px;
	}
	.pf-icon3 {
		top:0px;left:200px;
	}
	.pf-icon4 {
		top:0px;left:300px;
	}
	.pf-icon5 {
		top:100px;left:0px;
	}
	.pf-icon6 {
		top:100px;left:100px;
	}
	.pf-icon7 {
		top:100px;left:200px;
	}
	.pf-icon8 {
		top:100px;left:300px;
	}
#pf-draggableOr {
	width:50px;font-size:13px;font-weight:bold;float:left;margin:80px 0 0 6px;text-align:center;
}
#pf-draggableInputContainer {
	width:190px;float:left;margin:40px 0 0 10px;
}
#pf-draggableInputContainer label {
	display:block;font-weight:bold;
}
#pf-draggableInputContainer input {
	width:150px;border:1px solid #ccc;font-size:14px;color:#666;
}
#pf-draggableInputContainer input.button {
	width:26px;height:22px;background-image:url(../../_images/icons/login_submit_small.gif);cursor:pointer;border:none;
}
#pf-notice {
	margin-top:12px;font-size:14px;font-style:italic;color:#999;
}
.pf-droppablesContainer {
	width:100%;margin:12px 0 0 0;
}
.pf-droppable {
	width:200px;height:200px;float:left;margin-left:15px;
}
	#pf-droppable_likes {
		background:url(../../_images/icons/portfolio_likes.gif) no-repeat;
	}
	#pf-droppable_unsures {
		background:url(../../_images/icons/portfolio_unsures.gif) no-repeat;
	}
	#pf-droppable_dislikes {
		background:url(../../_images/icons/portfolio_dislikes.gif) no-repeat;
	}
#pf-droppablesTitles {
	width:100%;margin:12px 0 0 0;
}
.pf-title {
	width:200px;float:left;margin-left:15px;text-align:center;font-weight:bold;font-size:18px;
}
	#pf-title-likes {
		color:#49984e;
	}
	#pf-title-unsures {
		color:#999999;
	}
	#pf-title-dislikes {
		color:#CC3300;
	}
#pf-folders {
	width:100%;margin:12px 0 0 0;
}
.pf-folder {
	width:200px;float:left;margin-left:15px;
}
.pf-folder ul {
	margin:0 0 0 30px;padding:0;
}
.pf-folder ul li {
	margin:0;padding-top:6px;
}
#pf-instruction ol {
	padding:0;margin:0 0 0 15px;
}
#pf-instruction ol li {
	margin:0;padding-top:6px;
}
#pf-instruction .pf-list-title {
	font-weight:bold;font-size:12px;color:#333333;
}
#pf-instruction .pf-list-content {
	font-size:11px;padding-top:2px;
}
#pf-buttons {
	width:100%;margin:12px 0 0 0;
}
#pf-button-view {
	margin:12px 60px 0 0;
}
#pf-button-save {
	margin:12px 60px 0 0;
}
#pf-button-link {
}

/**************
 LINK MODULE
 *************/
#linkModule {
	position:relative;
	height:100px;
	margin:0 0 -20px 0;
	padding:0;
}
#kwicks-container { 
	height:100px;
}
#kwicks {
	position:relative;
	margin:0;
	padding:0;
}			 
#kwicks .kwick {
	float:left;
	display:block;
	width:110px;
	height:100px;
	overflow:hidden;
}
#kwicks .kwick-icon {
	width:100px;
	float:left;
}
#kwicks .kwick-link {
	width:100px;
	float:left;
	margin-top:20px;
}
#kwicks .kwick-link a {
	font-size:15px;
	font-weight:bold;
	color:#aaa;
}

/**************
 HUD MODULE
 *************/
#hudContainer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:36px;
	background-color:#eee;
	border-top:1px solid #bbb;
	z-index:1000;
}
@media screen{
	body>#hudContainer{
		position: fixed;
	}
}
#hudContainer ul {
	margin:0;
	padding:8px 0 0 8px;
	list-style-type:none;
}
#hudContainer ul li {
	float:left;
	margin:0;
	padding:0 2px;
	font-size:11px;
	line-height:20px;
}
#hudContainer ul li.hudDivider {
	border-left:1px solid #ccc;
	padding:0 6px 0 0;
	margin-left:12px;
	font-size:14px;
}
#hudContainer ul li.hudTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#aaa;
	padding:0 6px 0 12px;
	border-left:1px solid #ccc;
	margin-left:12px;
}
#hudContainer ul li a{
	padding-left:2px;
}
#hudContainer input.hudButton {
	font-size:11px;
	border:1px solid #ccc;
	background-color:#ddd;
	color:#444;
}
#hudContainer input.hudButton:hover {
	border:1px solid #aaa;
	color:#666;
}

/**************
 PURCHASES MODULE
 *************/
form.simpleForm {
	margin:0;
	padding:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFCC;
	border:1px solid #ffe266;
}
form.simpleForm h2 {
	color:#49984e;
}
form.simpleForm a{
	text-decoration:underline;
	font-size:12px;
}
form.simpleForm ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
form.simpleForm ul li {
	padding:6px 0 0 0;
	margin:0;
}
form.simpleForm label {
	display:block;
	font-weight:bold;
	color:#dc9427;
	font-size:14px;
}
form.simpleForm label span {
	font-size:10px;
	color:#49984e;
}
form.simpleForm input, form.simpleForm textarea {
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	color:#999;
	font-size:14px;
	width:160px;
}
form.simpleForm input.button {
	width:auto;
	background-color:#ffcc00;
	color:#fff;
	border:1px solid #ccc;
	font-weight:bold;
}
form.simpleForm textarea {
	width:120px;
	height:60px;
}
form.simpleForm input.purchase_price {
	width:40px;
	text-align:right;
}
form.simpleForm input.purchase_price_decimal {
	width:30px;
}
form.simpleForm input.purchase_description {
	width:300px;	
}
form.simpleForm input.purchase_submit {
	height:auto;
	margin:auto;
	margin-left:6px;
}
.purchaseColumn {
	width:400px;
	padding-right:12px;
	float:left;
}
.purchaseFormLeft {
	width:180px;	
}
.purchaseError {
	padding-top:12px;
	color:#CC3300;
	font-weight:bold;
	font-size:14px;
	display:none;
}
#purchaseOutputContainer {
	margin-top:16px;
	padding-top:16px;
	border-top:1px dashed #999;
}
table.purchaseTable {
	width:100%;
	border-left:1px solid #486DB5;
	border-right:1px solid #486DB5;
}
table.purchaseTable tr th {
	background-color:#486DB5;
	font-weight:bold;
	color:#fff;
	padding:6px;
}
table.purchaseTable tr td {
	padding:6px;
	border-bottom:1px solid #486DB5;
}
table.purchaseTable tr.even td {
	background-color:#eee;
}
table.purchaseTable tr.edit {
	background-color:#FFFFCC;
	display:none;
}
table.purchaseTable tr.note td {
	background-color:#FFFCE8;
	color:#aaa;
}

/**************
 ADD MODULE
 *************/
.addContainer {
	float:right;
}

/**************
 ADD SITE MODULE
 *************/
.addSiteContainer {
	z-index:100;
}
.addSite {
	width:16px;height:16px;float:left;margin:0 6px 0 0;	
}
.addSite img {
	width:16px;height:16px;	
}

/**************
 AD MODULE 
***************/
.ad {
	width:160px;
	height:160px;
	margin:20px 0 0 0;
}

/**************
 POPUP CONTAINER
***************/
#popupContainer {
	width:224px;
	height:auto;
	background-color:#fff;
	display:none;
}
#popupContainerAbs {
	display:none;
	position:absolute;
	z-index:1000;
}
#popupContainerLoading {
	display:none;
}
#popupContainerLoadingContent {
	width:120px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:6px;
	text-align:center;
	color:#999;
	font-size:11px;
}

/**************
 TOOLTIP
**************/
.tooltip {
	padding-left:4px;
}
.tooltip img {
	vertical-align:middle;	
}

/**************
 DEBUG
**************/
#debugTable {
	border:2px solid #aaa;width:660px;margin:12px auto;
}
#debugTable tr th{
}
#debugTable tr td{
	border:1px solid #ccc;padding:6px;
}

/**************
 COLORS 
***************/
.black, p.black, a.black:link, a.black:visited, a.black:hover, a.black:active {
	color:#000000;
}
.white, a.white:link, a.white:visited, a.white:hover, a.white:active {
	color:#ffffff;
}
.lightOrange, a.lightOrange:link, a.lightOrange:visited, a.lightOrange:hover, a.lightOrange:active {
	color:#fcdd4a;
}
.lightBlue, a.lightBlue:link, a.lightBlue:visited, a.lightBlue:hover, a.lightBlue:active {
	color:#c3e9fc;
}
.lightGreen, a.lightGreen:link, a.lightGreen:visited, a.lightGreen:hover, a.lightGreen:active {
	color:#b7da97;
}
.brightBlue, a.brightBlue:link, a.brightBlue:visited, a.brightBlue:hover, a.brightBlue:active {
	color:#66CCCC;
}
.orange, a.orange:link, a.orange:visited, a.orange:hover, a.orange:active, ul.nutritionList li.orange {
	color:#dc9427;
}
.blue, a.blue:link, a.blue:visited, a.blue:hover, a.blue:active, ul.nutritionList li.blue {
	color:#0a7fc3;
}
.green, a.green:link, a.green:visited, a.green:hover, a.green:active, ul.nutritionList li.green {
	color:#49984e;
}
.gray, a.gray:link, a.gray:visited, a.gray:hover, a.gray:active, ul.nutritionList li.gray {
	color:#999999;
}
.darkGray, a.darkGray:link, a.darkGray:visited, a.darkGray:hover, a.darkGray:active, ul.nutritionList li.darkGray {
	color:#666666;
}
.red, a.red:link, a.red:visited, a.red:hover, a.red:active {
	color:#CC3300;
}
.lightRed, a.lightRed:link, a.lightRed:visited, a.lightRed:hover, a.lightRed:active {
	color:#e1653c;
}

/**************
 UTIL 
***************/
.clearFloat {
	clear:both;
	margin:0;
	padding:0;
	height:0;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.hidden {
	display:none;
}
.reg {
	display:block;
}
.topMargin {
	margin-top:20px;
}
.topMarginSmall {
	margin-top:6px;
}
.leftMargin {
	margin-left:20px;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.nobold {
	font-weight:normal;
}
.normal {
	font-weight:normal;
	font-style:normal;
}
.large {
	font-size:18px;
}
.medium {
	font-size:14px;
}
.small {
	font-size:11px;
}
.tiny {
	font-size:9px;
}
.padded {
	padding:12px;
}
.morePadded {
	padding:20px;
}
.none {
	display:none;
}
.block {
	display:block;
}
.pointer {
	cursor:pointer;
}
.nopointer {
	cursor:default;
}
.textRight {
	text-align:right;
}
.textLeft {
	text-align:left;
}
.textCenter {
	text-align:center;
}
.botBorder {
	border-bottom:1px solid #CCCCCC;
}
.underlined {
	text-decoration:underline;
}