/*new styles */
body{
	background-color: #ffffff;
	padding: 0 0 0 0px;
	margin:0;
}
body sup
{
	font: normal 9px helvetica, arial, geneva, lucida, sans-serif;
}
.ccMainShell
{
	border: solid 1px #dcdcdc;
}
.cMain{
	color: #333;
	background:#ffffff;
	font: normal 11px helvetica, arial, geneva, lucida, sans-serif;
	border-color:#000000;
	padding: 0 0 0 0px;
	margin: 0px;
}
.cPostFooter
{
	font: normal 11px helvetica, arial, geneva, lucida, sans-serif;
}
.cMainPopup{
	color: #333;
	background:#ffffff;
	font: normal 11px helvetica, arial, geneva, lucida, sans-serif;
	border:10px;
	padding: 10 10 10 10px;
	margin: 10px;
}
.cMainIFrame{
	color: #333;
	background:#ffffff;
	font: normal 11px helvetica, arial, geneva, lucida, sans-serif;
	border:0px;
	padding: 0 0 0 0px;
	margin: 0px;
}
.supernav
{
	margin: 0 0 0px 0;
	padding: 0px;
	border: none;
	background-color:Gray;
	background: url(banner2.gif) repeat; /* navbutton.gif must remain part of project, do not put in images dir */
	color:#ffffff;
} 
.supernav a{
	float:left;
	margin:0;
	padding: 0.2em 10px 0.2em 10px;
	border-right: 1px solid #aaa;
	font: bold 10px helvetica, arial, geneva, lucida, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
.supernav .navlabel{
	color:#ffffff;
	background:#000000;
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
	background-image: none;
}
.supernav .navlabelSelected
{
	color: #ffff00;
	background: #000000;
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
	background-image: none;
}
.supernav .navSelected
{
	color: #ffff00;
	background: #330099;
}
.nav
{
	margin: 0 0 0px 0;
	padding: 0px 0px 0px 0px;
	border: none;
	background: url(navbutton.gif) repeat; /* navbutton.gif must remain part of project, do not put in images dir */
	color:#ffffff;
} 
.nav a{
	float:left;
	margin:0;
	padding: 0.2em 10px 0.2em 10px;
	border-right: 1px solid #aaa;
	border-bottom: 0px;
	font: bold 10px helvetica, arial, geneva, lucida, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
.nav .navlabel{
	color:#ffffff;
	background:#000000;
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
	background-image: none;
}
.nav .navlabelSelected
{
	color: #000000;
	background: #dcdcdc;
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
}
.nav .navSelected
{
	color: #000000;
	background: #dcdcdc;
}
.subbanner
{
	background-image:url(subbanner.gif);
	color: #fff;
	font: bold 12px helvetica, arial, geneva, lucida, sans-serif;
}
.subbannerTitle{
	font: bold 20px helvetica, arial, geneva, lucida, sans-serif;
	color:#fff;
}
.subbannerSubtitle{
	font: bold 20px helvetica, arial, geneva, lucida, sans-serif;
	color:#fff;
}
.subnav
{
	margin: 0 0 0px 0;
	padding: 0px;
	border: none;
	background: #dcdcdc;
} 
.subnav a{
	float:left;
	margin:0;
	padding: 0.2em 10px 0.2em 10px;
	border-right: 1px solid #aaa;
	font: 10px helvetica, arial, geneva, lucida, sans-serif;
	color:#000000;
	text-decoration:none;
}
.subnav .subnavSelected
{
	color: #ffffff;
	background: #336699;
}
.mininav
{
	height:20px;
	vertical-align:sub;
	font: bold 10px helvetica, arial, geneva, lucida, sans-serif;
	color:#ffffff;
	border-bottom: 1px solid #aaa;
	background:#336699;
} 
.mininav a{
	color:#ffffff;
	padding: 0.2em 10px 0.2em 10px;
	border-right: 1px solid #aaa;
}
.mininav .mininavSelected{
	color:#000000;
	background:#fff;
	border-right: 1px solid #aaa;
}
.minisubnav
{
	vertical-align:sub;
	font: bold 10px helvetica, arial, geneva, lucida, sans-serif;
	color:#000000;
	background:#fff;
	margin:0px;
} 
.minisubnav a{
	color:#0000bb;
	padding: 0.2em 0px 0.2em 0px;
	margin:0px;
}
.minisubnav .minisubnavSelected{
	color:#000000;
	background:#ffffff;
	margin:0px;
}
.footer{
	width:1000px;
	font: bold 10px helvetica, arial, geneva, lucida, sans-serif;
	background: url(navbutton.gif) repeat; /* navbutton.gif must remain part of project, do not put in images dir */
	color:#ffffff;
	background-color:#ccc;
} 
.footer a{
	color:#ffffff;
	padding: 0.2em 10px 0.2em 10px;
}


body a {
	text-decoration: none;
	color: #2919a7;
}
body a:hover {
	text-decoration: underline;
}

body .cFacts
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	border: solid 1px #000;
	border-collapse:collapse;
	padding: 0px 0px 0px 0px;
}
body .cFacts th
{
	font-size: 28px;
}
body .cFactsHR
{
	background-color:#000;
}
body .cFactsHR2
{
	background-color:#696969;
}
body .clearTable {
	font-family: arial, helvetica, sans-serif;
	background-color: #ffffff;
	border-color: #ffffff;
	border-right: 0px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 0px solid;
	border-collapse:collapse;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
body .cGrid {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	border: solid 1px #eee;
	border-collapse:collapse;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
body .cGridDataAltRow
{
	background-color:#ccddee;
}
body .cGridSortColLeft
{
	background: #ffffab;
	text-align:left;
}
body .cGridSortCol
{
	background: #ffffab;
	text-align:right;
}
body .cGrid .cGridSortHeader
{
	background-color: #aaaaaa;
}
body .cGrid TH 
{
	color:#000000 !important;
	background-color: #cccccc !important;
	font-weight: bold;
	vertical-align:bottom;
	border-color:#ffffff;
	border:1px;
}
body .cGrid TH A
{
	color:#000088 !important;
}
body .cGrid TD {
	border-color:#ffffff;
	border:1px;
}
body .cGridData
{
	text-align:right;
}
body .cGridDataLeft
{
	text-align:left;
}
body .cGridFooter 
{
	font-weight:bold;
	font-size:12px;
}
body .cGridFooterData 
{
	font-weight:bold;
	text-align:right;
	font-size:12px;
}
body .cGridHeaderSuffix
{
	 font-weight:normal;
}
body .cGridSuperHeader
{
	background-color: black;
	color: White;
	border: solid 1px #fff;
	padding: 1px 1px 1px 1px;
}
body .cGridSuperHeader TD
{
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
	text-align:center;
	border: solid 1px #fff;
}
body .cGridSuperHeaderLeft
{
	background-color: black;
	color: White;
}
body .cGridSuperHeaderLeft TD
{
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
	text-align:left;
}
body .cTable
{
	font-family: arial, helvetica, sans-serif;
	background-color: #fff;
	vertical-align: top;
	border: solid 1px #cccccc;
}
body .cTable TH {
	color:#fff;
	background-color: #5174be;
	color: #fff;
	font-size:11px;
	vertical-align:bottom;
}
body .cTable TH A
{
	color:#ffff00;
}
body .cTable2
{
	font-family: arial, helvetica, sans-serif;
	background-color: #fffacd;
	vertical-align: top;
}

body .cTable2 TH 
{
	color: #fff;
	background-color: navy;
	font-weight: bold;
	font-size:12px;
	font-weight: bold;
	vertical-align:bottom;
}

/* dynamic tab style */
ul.tabs
{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 3px 0px;
    border-top: 1px solid #778;
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
	text-align:left;
}
ul.tabs li
{
    list-style: none;
    margin: 0;
    display: inline;
}
ul.tabs li a
{
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-top: none;
    background: #DDE;
    text-decoration: none;
}
ul.tabs li a:link { color: #448; }
ul.tabs li a:visited { color: #667; }
ul.tabs li a:hover
{
    color: #000;
    background: #AAE;
    border-color: #227;
}
ul.tabs li.active a
{
    background-color: #fff;
    border-top: 1px solid #fff;
}
ul.tabs li.active a:hover
{
    color: #000;
    background: white;
    border-top: 1px solid white;
}
ul.tabs li.inactive a
{
    background-color: #DDE;
    border-top: 1px solid #fff;
}
ul.tabs li.inactive a:hover
{
     color: #000;
     background: #DDE;
     border-top: 1px solid white;
}
.tabcontent {
    background-color:#fff;
}
.tabcontent .inactive {
    display:none;
}
.tabcontent .active {
     padding:5px;
     border:1px solid #aaa;
     border-top:0;
}
.tabbar{
	background-color:#fff;
}
/* tree styles */
.treeLink
{
    color: #000000;
}
.selTreeLink
{
	background-color: #000088;
	color: #ffffff;
}

.altLink
{
    color: #0000cc;
}
.altLink2
{
	font: 12px helvetica, arial, geneva, lucida, sans-serif;
    text-decoration:underline;
}
.bigLink
{
	font: 14px helvetica, arial, geneva, lucida, sans-serif;
    color: #0000cc;
    text-decoration:underline;
}
.yellowLink
{
    color: #dcdcdc;
    text-decoration:underline;
}
.grayLink
{
	color: #696969;
}
body select
{
	font: 10px helvetica, arial, geneva, lucida, sans-serif;
	border:1px solid #000;
}
body input
{
	font: 11px helvetica, arial, geneva, lucida, sans-serif;
}
body input[type='text']
{
	border-style:groove;
	border-width:1;
}
body .calendarDay {
	border: solid 1px #aaa;
	vertical-align:top;
	background: #fff;
}
body .calendarDayOtherMonth {
	border: solid 1px #aaa;
	vertical-align:top;
	background: #ddd;
}
body .calendarToday {
	border: solid 1px #aaa;
	vertical-align:top;
	background: #ffffab;
}
body .calendarDate {
	font: bold 12px helvetica, arial, geneva, lucida, sans-serif;
	vertical-align:top;
}
body .cLabelLeft
{
	font-weight:bold;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	vertical-align:top;
}
body .cLabelRight
{
	font-weight:bold;
	font-size: 11px;
	text-align: right;
	white-space: nowrap;
	vertical-align:top;
}
body .cLabelMidRight
{
	font-weight:bold;
	font-size: 11px;
	text-align: right;
	white-space: nowrap;
	vertical-align:middle;
}
body .cSubHeader {
	color: #000000;
	background-color: #cccccc;
	font-weight: normal;
	font-weight: bold;
	vertical-align:bottom;
}
body .cProfile
{
	font-weight:normal;
	
}
body .cStartMeasurementRow
{
	background:#80ff80;
}
body .cEndMeasurementRow
{
	background:#80ff80;
}
body .cAnomoly
{
	background:#ffcc44;
}
body .rightRail
{
	background: #dcdcdc;
}
body .subRightRail
{
	background: #336699;
}
body .storyHeadline
{
	font: bold 18px helvetica, arial, geneva, lucida, sans-serif;
}

body .cClock 
{
	font-size:16px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	background-color: #222;
	color:#cccc00;
	border-color: #cccccc;
	border: 1px solid;
	border-collapse:collapse;
	padding: 14px 14px 14px 14px;
}
body .cClockLabel
{
	font-size:14px;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	color:#cccccc;
}
body .cClockTitle
{
	font-size:14px;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	color:#cccccc;
}
body .cError
{
	color:#ff0000;
}
body .caption
{
	font-size:10px;

}
body .screenName
{
	color: #FFEE88;
}
body .qualAbbrev
{
	font: italic 9px helvetica, arial, geneva, lucida, sans-serif;
	color:Green;
}
body .lightAnnotation
{
	color:#333;
	font-style: italic;
}
body .guarantee 
{
	color: Red;
	font-weight:bold;
}
body .guarantee a
{
	color: Red;
	font-weight:bold;
}
/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

.slideTitle
{
	font-weight:bold;
	font-size:small;
	font-style:italic;
}

.slideDescription
{
	font-size:small;
	font-weight:bold;
}


.callbackStyle {
	border:thin blue inset;		
}


.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}
.cWinner {
	font: bold 14px helvetica, arial, geneva, lucida, sans-serif;
	color: #800000;
}
.cGameScoreBig
{
	font: bold 24px helvetica, arial, geneva, lucida, sans-serif;
}
.cTable .cGamePointsRow
{
	background-color: #ccc;
}

body .cTinyTable
{
	font-family: arial, helvetica, sans-serif;
	background-color: #eeeeee;
	vertical-align: top;
	font-size:10px;
}
body .cTinyTable TD
{
	color: #000;
}
body .cTinyHeader
{
	background-color: #000000;
}
body .cTinyHeader TH {
	color: #fff;
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	vertical-align:bottom;
}

body .cTinyHeader .cClock 
{
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	background-color: #222;
	color:#cccc00;
	border-color: #cccccc;
	border: 1px solid;
	border-collapse:collapse;
	padding: 4px 4px 4px 4px;
}
body .cTinyHeader .cClockLabel
{
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	color:#cccccc;
}

body .cFauxTextbox
{
	background: #fff;
	color:#000;
	border-style:solid;
	border-width: 1px;
	border-color: #000;
}
body .cFauxTextbox TD
{
	font: 11px helvetica, arial, geneva, lucida, sans-serif;
	cursor:text;
}
body .cFauxTextbox2
{
	background: #fff;
	color:#000;
	border-style:solid;
	border-width: 1px;
	border-color: #000;
}
body .cFauxTextbox2 TD
{
	font: 11px helvetica, arial, geneva, lucida, sans-serif;
	cursor:hand;
}
body .cFauxTextboxLighted
{
	background: #ffffab;
	color:#000;
	border-style:solid;
	border-width: 1px;
	border-color: #000;
}
body .cFauxTextboxLighted TD
{
	font: 11px helvetica, arial, geneva, lucida, sans-serif;
	cursor:hand;
}

body .cDragRow
{
	background-color: #99ccff;
}
.cAlias
{
	background-color: #ffffab;
	border-color: #cccccc;
	border-width:1;
	border-style:solid;
}
.cAlias a{
	color:#000;
	text-decoration:none;
}
.miniMenu
{
	font: 10px helvetica, arial, geneva, lucida, sans-serif;
    color: #4444cc;
    text-decoration:underline;
}
.miniMenu a
{
	padding: 0.2em 5px 0.2em 0px;
}
.miniMenuDropdown
{
	font: 10px helvetica, arial, geneva, lucida, sans-serif;
    color: #000;
    text-decoration:none;
    background-color:#fffdce;
    border: solid 1px #fffdce;
}
.miniMenuDropdown a
{
	font: 10px helvetica, arial, geneva, lucida, sans-serif;
    color: #000;
    text-decoration:none;
}

.snapMenu
{
	font: 12px helvetica, arial, geneva, lucida, sans-serif;
    color: #4444cc;
	margin: 0 0 0px 0;
	padding: 0px;
	border: none;
}
.snapMenuDropdown
{
	font: 12px helvetica, arial, geneva, lucida, sans-serif;
    color: #fff;
    text-decoration:none;
    background-color:#aaa;
    padding: 1px 5px 1px 5px; 
}
.snapMenu a{
	float:left;
	margin:0;
	padding: 0.2em 5px 0.2em 0px;
	border-right: 1px solid #000;
	font: bold 12px helvetica, arial, geneva, lucida, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
.cDownButton
{
	background:#d4d0c8;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}
.cHighlightedRow
{
	background-color:Navy;
	color:White;
	height:15px;
}
.cUnhighlightedRow
{
	background-color:White;
	color:Black;
	height:15px;
}
.cHighlightedRow .cDropLink
{
	color:White;
}
.cBold
{
	 font-weight:bold;
}
.cDropLink
{
	background-color:inherit;
	color:Black;
	height:15px;
}
.cDropLink
{
	background-color:inherit;
	color:Black;
	height:15px;
}
.cDropFooter
{
	background-color: #cccccc;
}
.cFoodRow
{
	background-color: #fff;
}
.cNegative
{
	color:#990000;
}
.cPositive
{
	color:#009900;
}
.cCarb{background-color: #ff9900;}
.cProtein{background-color: #ffff00;}
.cFat{background-color: #000099;}
.cDialog {
     display: none;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:1000%;
     text-align:center;
     z-index: 1000;
     background-image:url(overlay.gif);
}
.cDialogBox {
     position: absolute;
     background-color: #fff;
     border:1px solid #000;
     padding:0px;
     text-align:center;
}

.cTitle
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.cRegHeader
{
	font: bold 18px helvetica, arial, geneva, lucida, sans-serif;
	color: #336699;
}
.cRegSubheader
{
	font: normal 14px helvetica, arial, geneva, lucida, sans-serif;
	color: #336699;
}
.cRegInfo
{
	font: normal 10px helvetica, arial, geneva, lucida, sans-serif;
	color: #aaa;
}
.cRegDiv
{
	background: #6699cc;
}
.cMeal
{
	background: #aaceff;
}
.cTip
{
	background: #ffffee;
	padding:5px;
	border:solid 1px #333;
}