/*
**** color palette ****

New colors
light blue (text on blue background): #CFE0EA
light blue darker (options box): #bad0dc
blue (box background): #8EADC6
bright blue: #1186D9
darker blue (text): #4578A1
orange (header/links): #F39B03
yellow (links on dark): #F7E68F
light grey (page background): #F4F4F4
red (help link): #DE0000



bg: #f3f3f3
very light grey: #ededed
light grey: #d4d4d4
med grey: #a8a8a8 or #808080
dark grey: #434343
orange: #f29711
orange text: #e79d13;
light blue: #9dbbd1 
light blue text #5397bc
green: #317300


background-color was f4f4f4
*/

/***** global *****/
html { height: 100%; }
body { background-color: #ffffff; color: #595959; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: small; margin: 0px; padding: 0px; background-image: url("../images/template/v_1.2/background-header.gif"); background-repeat: repeat-x ; background-position: 0px 0px; height: 100%;}
body#trackerBody { background-image: none; }


/***** links *****/
A, .link, .more, .link3, .linkSubtle { text-decoration: none; cursor: pointer; color: #8EADC6; }
.link5, .linkButton2, .linkButton1, .fullbutton,.linkButton3, .linkButton4, .linkButton5, .linkButton6 { text-decoration: none; cursor: pointer; font-family:verdana,arial,sans-serif;}
.link4, .linkCursor { cursor: pointer; }

body .buttonOff:hover { cursor: default; }

A, A:link, .link, .more { COLOR: #F39B03; }
A:visited { COLOR: #F39B03; }
A:active { COLOR: #F39B03; }
A:hover, .link:hover, .more:hover, body .link_current, body .link:hover, body .myCarrotNav .current { COLOR: #396a8f;}

.darkBack A:link, .darkBack .link, .darkBack .more { COLOR: #F7E68F; }
.darkBack A:visited { COLOR: #F7E68F; }
.darkBack A:active { COLOR: #F7E68F; }
.darkBack A:hover, .darkBack .link:hover, .darkBack .more:hover { COLOR: #F39B03; } /* was 	#DE0000 */

.fadeBack .link, body .fadeBack .link dd.linkpop { COLOR: #1186D9; }
.fadeBack .link:hover, body .fadeBack .link:hover dd.linkpop { COLOR: #F39B03; }
.fadeBack .link dd, .fadeBack .link:hover dd {  COLOR: #4578A1; }
dl.link:hover, .reportTable .link:hover, body .hoverBack:hover { background-color: #ededed; } /* was f8f8f8 */
body .linkArea:hover { background-color: #CEDDE7; }
body .linkArea { cursor:pointer; }

.darkBack dl.link:hover { color: #347099; }	
.darkBack dl.link, .darkBack dl.link:visited { color: #8EADC6; }
.lightBack dl.link:hover { color: #ffffff; background-color: #8EADC6; }	
.lightBack dl.link, .lightBack dl.link:visited { color: #595959; }

.link3 { COLOR: #DE0000; }
.link3:hover { COLOR: #F39B03;}

.link4 { COLOR: #1186D9; }
.link4:hover { COLOR: #ffffff; background-color: #4a89b9; }

.link5 { COLOR: #ffffff; }
.link5:hover .box { background-color: #5c809c; }
body .link5:hover h3 { color: #ffffff; }

.linkSubtle, A.linkSubtle, .trackersBox .linkSubtle, .trackersBox A.linkSubtle, .linkSubtle a, .darkBack a.linkSubtle:link { COLOR: #8EADC6; }
.linkSubtle:hover, .trackersBox .linkSubtle:hover, .linkSubtle a:hover { COLOR: #4578a1;}

.darkBack { COLOR: #CFE0EA; }
.darkBack p { COLOR: #ffffff; }

h2,h2.h2link,h3 { color: #8EADC6; }
h2.h2link:hover { color: #8EADC6; text-decoration:underline; cursor: pointer;}

.linkButton1, .linkButton1 a { background-color: #F39B03; color: #ffffff; } /* border: 1px solid #F7E68F; */
.linkButton2, .linkButton2 a { background-color: #CFE0EA; color: #1186D9; } /* border: 1px solid #8EADC6; */
.linkButton3, .linkButton3 a { background-color: #f29711; color: #ffffff; }
.linkButton4, .linkButton4 a { background-color: #15b100; color: #ffffff; }
.linkButton5, .linkButton5 a { background-color: #b91f23; color: #ffffff; }
.linkButton6, .linkButton6 a { background-color: #1186D9; color: #ffffff; }
.linkButton6:hover, .linkButton6 a:hover, .linkButton6:hover a { background-color: #f29711; color: #ffffff; text-decoration: none; }
.linkButton2:hover, .linkButton2 a:hover, .linkButton2:hover a, .linkButton3:hover, .linkButton3 a:hover, .linkButton3:hover a { background-color: #1186D9; color: #CFE0EA; text-decoration: none; }
.linkButton1:hover, .linkButton1 a:hover, .linkButton1:hover a, .linkButton4:hover, .linkButton4 a:hover, .linkButton4:hover a, .linkButton5:hover, .linkButton5 a:hover, .linkButton5:hover a { background-color: #1186D9; text-decoration: none; }
body .buttonOff, body .buttonOff:hover { background-color: #ededed; color: #a8a8a8; }

.buttonsSmallerWrap .buttonBox { font-size: .8em; margin: 2px; }
.buttonsSmallerWrap { position: relative; }/* position relative to fix an IE disappearing bug */

.buttonsSmaller2Wrap .buttonBox { font-size: .8em; margin: 2px; padding: 4px; }
.buttonsSmaller2Wrap { position: relative; }/* position relative to fix an IE disappearing bug */


/***** standard mods *****/
div, h1, h2, h3, h4, p { padding: 0; }
div, h2, h3, h4, p { margin: 0; }
img { border: none; }
ul { list-style: none; margin: 0; padding: 0; } 
ul li { margin-left: 15px; }
ul.line li { display: inline; }

ul.bullets li { background-image: url("../images/topics/bullet.gif"); background-repeat: no-repeat; background-position: 0px 5px; margin: 0; padding: 1px 0px 1px 15px; }
.pageNoBox ul.bullets { margin-left: 20px; margin-top: 10px; }

ul.highlights { margin: 0 0 10px 0; padding: 0; text-align: center; font-size: 1.3em;}
ul.highlights li { display: inline; padding-left: 15px; padding-right: 8px; margin-left: 0px; background-image: url("../images/topics/bullet.gif"); background-repeat: no-repeat; background-position: 0px 8px; }
ul.highlights li.first { border-left: none; background-image: none; padding-left: 8px; }



h1 { margin: 10px 10px 0px 25px; color: #F39B03; font-size: 1.9em; font-weight: normal; }
h3 { margin-bottom: -2px; margin-left: 15px; }
.verticalBar h3 { margin-left: 10px; color:#8EADC6; font-size: 1.3em; }
.darkBack h3 { color: #CFE0EA; }

.required { color: #F39B03; text-align: right; }
.req { color: #F39B03; padding-left: 2px; }
.errors { color: red; }


/***** page position layering *****/
#debugPane { z-index: 10000000; }

#popup_bg { z-index:9990000; }
#tracker_bg { z-index:9000000; }

.messageDiv { z-index:960000; }
.backgroundScreen{ z-index:910000; }
.backgroundScreenSolid { z-index:905000; }
#signInDrawer { z-index: 850000; }
.account .dropdownContent { z-index: 850000; }
.menuBarTabs .menuItems li { z-index:840000; } /* extra z-index is IE fix for dropdown - parent of dropdown must have higher z-index */
.dropdownContent { z-index: 835000; }
.dropDownSelect { z-index: 830000; }

.dashboardWrap .messageDiv { z-index:96000; }
.dashboardWrap .backgroundScreen{ z-index:91000; }
.dashboardWrap .backgroundScreenSolid { z-index:90500; }
.dashboardWrap .menuBarTabs .menuItems li { z-index:84000; } /* extra z-index is IE fix for dropdown - parent of dropdown must have higher z-index */

.dashboardWrap .dashModule .messageDiv { z-index:9600; }
.dashboardWrap .dashModule .backgroundScreen{ z-index:9100; }
.dashboardWrap .dashModule .backgroundScreenSolid { z-index:9050; }

.dashboardWrap .dashModule .dashModuleSub .messageDiv { z-index:960; }
.dashboardWrap .dashModule .dashModuleSub .backgroundScreen{ z-index:910; }
.dashboardWrap .dashModule .dashModuleSub .backgroundScreenSolid { z-index:905; }



/***** sections WITH FLEXIBLE WIDTH declarations *****/
.fullWidth .pagewrapper { text-align: left; margin: 0px 10px; width: auto; min-width: 1030px;}
.fullWidth .dashboardWrap {background-image: none; width: 100%; background-color:#2f7cb0; clear:left; float:left; overflow:hidden;}
.fullWidth #myCarrotContent {background-color: #ffffff; width: 100%; position:relative; right:29%;}
.fullWidth #myCarrotContent { -moz-border-radius-bottomleft:20px; -moz-border-radius-topleft:20px; -webkit-border-bottom-left-radius:20px; -webkit-border-top-left-radius:20px;}
.fullWidth .dashboardWrapInner {background-color: #ffffff; width: 100%; position:relative; right:29%;}
.fullWidth .dashboardWrapInner { -moz-border-radius-bottomleft:20px; -moz-border-radius-topleft:20px; -webkit-border-bottom-left-radius:20px; -webkit-border-top-left-radius:20px;}
.fullWidth .rightSide, .fullWidth .leftSide, .fullWidth .dashboardHeader, .fullWidth .messageDivDash, .fullWidth .dashboardWrap .backgroundScreen {width: 100%; position:relative; left:29%;}
.fullWidth .noSideBar {position:relative; left:29%;}
.fullWidth .leftSide {background-color: #ffffff; }
.fullWidth .leftSide, .fullWidth #myCarrotContent .leftSide, .fullWidth #targetDiv .leftSide, .fullWidth .programWrap .leftSide { width: 71%; float: left; margin-left: -1px; min-width:726px;}
.fullWidth .rightSide { width: 29%; float: right; min-width:280px; }


.fullWidth .leftSidebar .dashboardWrapInner {background-color: #2f7cb0; width: 100%; position:relative; right:29%;}
body.fullWidth .leftSidebar {background-color:#ffffff; clear:left; float:left; overflow:hidden;}
.fullWidth .leftSidebar .dashboardWrapInner { -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px;}
.fullWidth .leftSidebar .rightSide { float: left; }
.fullWidth .leftSidebar .leftSide, .fullWidth #myCarrotContent .leftSidebar .leftSide, .fullWidth #targetDiv .leftSidebar .leftSide { float: right; margin-right: -1px; margin-left: 0px; min-width:726px;}

body.fullWidth .myCarrotDatePicker .yui-skin-sam .yui-calendar .calweekdaycell { width: 14%; }
.fullWidth .yui-skin-sam .yui-calendar, .fullWidth .multi {width: 100%;}
.fullWidth .groupcal {width: 97%;}

/*
.fullWidth .content { width: 78%; float: left; }
.fullWidth .verticalBar { width: 20%; float: right; margin-top: 15px; }
.fullWidth .boxWidth1a { width: 30%; float: left; }
.fullWidth .boxWidth1b { width: 68%; float: right; }
modifications:
.fullWidth .pagewrapper { width: auto; margin: 10px 10px; }
.fullWidth .content { width: 78%; padding-right: auto; }
.fullWidth .verticalBar { width: 20%; }
.fullWidth .boxWidth1a { width: 30%; margin-right: auto; }
.fullWidth .boxWidth1b { width: 68%; }


*/

/***** sections WITH WIDTH declarations *****/

.pagewrapper { width: 1010px; }
.content { width: 100%; padding-right: 0; text-align: left; }
.verticalBar { width: 204px; float: right; margin-top: 15px; }
.boxWidth1a { width: 260px; float: left; margin-right: 15px;  }
.boxWidth1b { width: 510px; float: right; }


.verticalCenterWrap { padding-bottom: 25px; margin-bottom: 10px; }
.footer { font-size:.9em; text-align: right; color: #BCD6E2; padding-top: 10px; margin: 10px; }
.bottomNav {text-align:left; }
.bottomNav .title { color: #4578A1; }
.bottomNav ul li { border-right: 1px dotted #A0C1D5; padding-right: 15px; padding-left: 25px; margin: 0;}
.bottomNav ul li.last { border-right: none; }
.legalese {font-size: .9em; margin-top: 15px; }


body .calendarBox .box { height: 150px; text-align: center; }

.pagewrapper {text-align: left; margin: 0px auto 25px; position: relative; }

/***** header items *****/
.headerwrap { width: 100%; margin-bottom: 10px; }
.header { }
.logo { width: 350px; float: left; margin: 15px; }
.account { float: right; margin-right: 15px; margin-top: 15px; color: #ffffff; }
.account .user { font-size: 1.1em; font-weight: bold; margin: 0 10px 0 0; }
.account .logOut a { margin-left: 10px; color: #ffffff; }
.account .accountItem a { margin: 0 10px; color: #ffffff; }
.help { float: right; margin-left: 50px; font-size: .9em; padding-top: 6px; }

.menuItems { float: right; font-size: 1.1em; margin-top: 2px; margin-right: 10px; }
.menuItems li { padding: 5px 15px; position: relative; }
.menuItems .current { cursor: default; background-color: #8EADC6; color: #ffffff; }
.menuItems .current:hover { cursor: default; color: #F7E68F; }
/* .menuItems .notCurrent { background-color: #ededed; } */
.menuItems .notCurrent { background-color: #ffffff; }
.menuItems .notCurrent:hover { background-color: #CFE0EA; }
#tracker_bg .menuItems .current:hover { cursor: pointer; }


/***** secondary menu *****/
.menuBarTabs { padding: 19px 20px 2px; margin-bottom: 2px; color: #CFE0EA; float: none; font-family:verdana,arial,sans-serif; } /* margin bottom seems to fluxuate between 1 and 0- need to troubleshoot, clear:both - kills tracker tabs*/
.menuBottomBar { margin-bottom: 20px; border-bottom: 2px solid #8EADC6; }
.menuBarTabs .menuItems { float: none; }
.menuBarTabs a:hover { text-decoration: none; }
.menuBarTabs .notCurrent:hover a{ color: #396a8f; }
.menuBarTabs .current a { color: #ffffff; }
.menuBarTabs .menuItems li, .account li { padding: 4px 25px; margin: 0 2px; border: none; }
.menuBarTabs .menuItems .lotOfTabs li { padding: 4px 20px; }
.menuBarTabs .menuItems .current:hover { cursor: default; color: #ffffff; }
.menuItems .completed { color: #a8a8a8; }
.menuBarTabs .menuItems .current { color: #ffffff;  }
.checkedImg { position: absolute; top: 0px; right: 7px; }
/**** #myCarrotWrapper .menuBarTabs { margin-bottom: 2px; } ****/
#seqContent .menuItems { font-size: .9em; }
.menuBarTabs .menuItems li .dropDownList li, .account .dropDownList li { margin: 0; }
.dashModuleWrap .menuBarTabs { margin-bottom:0; padding:0; }
.menuBarTabs .menuItems .dropDownList li.link4, .account .dropDownList li.link4 { padding-top: 10px; color: #F39B03; }

.basicListMenu li:hover { background-color: #ededed; color: #347099; cursor: pointer; }
.basicListMenu .current, .basicListMenu .current:hover { color: #F39B03; font-weight: bold; }
.basicListMenu li { margin-left: 0; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; color: #8EADC6; }


/***** corners *****/
.dashboardWrap1, .dashboardWrap2, .dashboardWrap, .messageDivSub, .simpleRoundedLarge { -moz-border-radius:20px; -webkit-border-radius:20px;}
.rightSide { -moz-border-radius-bottomright:20px; -moz-border-radius-topright:20px; -webkit-border-bottom-right-radius:20px; -webkit-border-top-right-radius:20px;}
.leftSide { -moz-border-radius-bottomleft:20px; -moz-border-radius-topleft:20px; -webkit-border-bottom-left-radius:20px; -webkit-border-top-left-radius:20px;}

.dashboardHeader { -moz-border-radius-topleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-left-radius:17px; -webkit-border-top-right-radius:17px;}
.noSideBar, .dashboardWrap .backgroundScreenSolid, .dashboardWrap .backgroundScreen { -moz-border-radius:17px; -webkit-border-radius:17px;}

.dashModuleBox, li.rounded, .simpleRoundedTop { -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px;}
.dashModuleOptions { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;}
.mainHome, .thirds, .simpleRounded, table.reportTable, #rightColumn { -moz-border-radius:12px; -webkit-border-radius:12px;}
#rightColumn img, .boxContent, .dashModuleBoxRounded { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;}

.dashBoxLightBorder { -moz-border-radius:4px; -webkit-border-radius:4px;}
.dashboardHeaderInset { -moz-border-radius-topleft:17px; -webkit-border-top-left-radius:17px; }
.dragHandleTab { -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px;}
.dashModuleWrap .menuList li.rounded { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;}
.dashboardWrap .dashModuleWrap .backgroundScreenSolid, .dashboardWrap .dashModuleWrap .backgroundScreen { -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;-moz-border-radius-bottomleft:0ex; -moz-border-radius-bottomright:0ex; -webkit-border-bottom-left-radius:0ex; -webkit-border-bottom-right-radius:0ex;}
body .yui-skin-sam .yui-calcontainer { -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;}
.dashboardHeaderSub { -moz-border-radius-topleft:18px; -webkit-border-top-left-radius:18px; }
.roundedLeftHeaderOverride { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; }
.yui-skin-sam .yui-navset .yui-nav a { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;}
.dateRangeButtons, .snapshotButton_current, .snapshotButton, .simpleRoundedSmall { -moz-border-radius:4px; -webkit-border-radius:4px;}

.buttonBox, .linkButton2, .linkButton1, .fullbutton,.linkButton3, .linkButton4, .linkButton5, .linkButton6 { -moz-border-radius:6px; -webkit-border-radius:6px;}


/***** buttons *****/
.buttonBar { font-size: 1.1em; }
.buttonBox { padding: 5px 16px; float: right; margin-left: 10px; position: relative; }
.buttonBoxLeft { padding: 5px 16px 5px 42px; float: right; margin-left: 20px; position: relative; }
.buttonBoxRight { padding: 5px 42px 5px 16px; float: right; margin-left: 20px; position: relative; }
.leftFloat .buttonBox, .leftFloat .buttonBoxLeft, .leftFloat .buttonBoxRight { float: left; margin-right: auto; margin-left: 0px; }
.simpleMargin { margin: 10px; }

.buttonBoxA { padding: 0px; float: right; margin-left: 10px; position: relative; margin-bottom: 4px; }
.buttonBoxA a { padding: 5px 16px; display: block; }
.buttonsSmallerWrap .buttonBoxA a { padding: 3px 16px; display: block; }
.buttonBoxLeftA { padding: 5px 16px 5px 42px; float: right; margin-left: 20px; position: relative; }
.buttonBoxRightA { padding: 5px 42px 5px 16px; float: right; margin-left: 20px; position: relative; }
.leftFloat .buttonBoxA, .leftFloat .buttonBoxLeftA, .leftFloat .buttonBoxRightA { float: left; margin-right: auto; margin-left: 0px; }

.buttonAddImg { position: absolute; left: 10px; bottom: 2px; }
.promo { width: 48%; text-align: center; }
.promo .box { height: 150px; }
.buttonBoxCenter { padding: 5px 16px; margin: auto; text-align: center; margin-top: 25px; position: relative; }
.buttonBoxCenter2 { padding: 5px 16px; margin: 5px auto 15px auto; text-align: center; position: relative; }
.promo h3 { text-align: center; margin-bottom: 20px; }
.promos .promo { float: left; width: 25%; margin-left: -1px; }
.rightSide .promo { width: 100%; }
.promo .buttonBoxCenter2 { margin-bottom: 0; padding-right: 10px; padding-left: 10px;}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}


#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}



/***** searchbox *****/
#searchBox { float:right; margin:15px 15px 10px 15px; text-align: right; }
.fieldText { margin: 0 0 0 10px; }
.textOff { color: #949494; }
.textOn { color: #243e54; }
.goButton { width: 30px;  background-color: #DE0000; color: #ffffff; padding: 2px; text-align: center; font-size:.9em; float: right; margin-left: 15px; padding: 3px 0; }


/***** general widgets *****/
.more {text-align: right; font-size: .9em; }
.moreBottom {position: absolute; bottom: 8px; right: 20px; }
.more img { margin-top:15px; margin-right: 10px; margin-left: 10px; }
.content .item, .boxContent .item, .boxContent .buttonBox { clear: both; margin-bottom: 20px; }
.content .results .item { clear: none; margin-bottom: 2px; }
body .boxContent .itemLast { margin-bottom: 0px; }
body .last { margin-bottom: 0px; }
.authorWrap { text-align: right; }
.author { font-weight: bold; }
.byAuthor { font-size: .9em; }
.moduleDescription .byAuthor { text-align: right; width: 100%; font-style: italic; color:#7CA8C0; margin-top: 5px; }

.box { clear: both; padding: 15px 15px 10px 15px; position:relative; }
.boxNoPad { clear: both; }
.boxNoPad .more { padding: 5px 10px; }
.boxTextOnly { padding: 5px 10px 10px 10px; font-size: 1.2em; }
.boxTextOnly p { padding: 0px 0px 10px 0px; }
.details { font-size: .9em; color: #d4d4d4; padding: 0 10px; }
.subtitle, .subTitle { font-size: .8em; color: #8EADC6; }
.subtitle2 { font-size: .6em; margin:0; padding:0; }
body .extraSpaceBottom { margin-bottom: 10px; }

.verticalBar .box { padding: 10px; }
.alt {background-color: #ededed; }	
.brclear { /* Use a break with this class to clear float containers */ clear:both; height:0; margin:0; padding:0; font-size: 1px; line-height: 0; }
.floatLeft { float: left; margin-right: 10px; }
.floatRight { float: right; margin-left: 10px; }


.iconSmall { width: 25px; height: 25px; }
.iconMedium { width: 35px; height: 35px; }
.iconLarge { width: 55px; height: 55px; }


/***** content area *****/
.upperContentWrap { position: relative; margin-bottom: 25px; }
.upperContentWrap .highlightImage { position: absolute; bottom: 0px; right: 0px; }
body .upperContentWrap .imageTopRight { top: 0px; }
body .upperContentWrap .imageTopRight img { }
.topicList .upperContentWrap .highlightImage { right: 0px; }
.servicePage .boxBlueWhite { background-image: url("../images/topics/partners/ross_valley_pharmacy/pill-larger-landing-page-backgroundcolor.jpg"); background-repeat: repeat; background-position: top right; overflow: hidden; }
.servicePage .boxBlueWhiteBlue .box { z-index: 5; }

/***** boxes *****/
.boxBlueWhite { background-color: #7298b5; padding: 25px 25px 15px 25px; position: relative; }
.boxBlueWhiteBlue h3 { width: 60%; float: left; }
.boxBlueWhiteBlue .box { border: 1px solid #CFE0EA; position: relative; }
.boxWhiteBlue .box { background-color: #CFE0EA; }
.boxBasic .box { border: 1px solid #CFE0EA; position: relative; }
.boxSimpleBlue { border: 1px solid #CFE0EA; }
.boxWhiteBlueWhite { border: 1px solid #CFE0EA; padding: 10px; background-color: #ffffff; }
.boxWhiteDarkBlueWhite { border: 1px solid #8EADC6; padding: 10px; background-color: #ffffff; }
.boxLtBlueWhite { background-color: #CFE0EA; text-align: center; padding: 8px; margin-bottom: 10px; }
.boxWhiteBorder { border: 1px solid #ffffff; }

.boxBlueHeader { font-size: .9em; margin-bottom: 20px; }
.boxBlueHeader .boxContent { border: 1px solid #CFE0EA; padding: 10px 10px 0px 10px; background-color: #ffffff; }
.boxBlueHeader h2 { background-color: #CFE0EA; padding: 5px 20px;}
.boxBlueHeader h3 { margin-left: 10px; }
.boxBlueHeader .subhead { margin-left: 10px; }

.boxBlueHeader2 { font-size: .9em; margin-bottom: 20px; }
.boxBlueHeader2 .boxContent { border: 1px solid #8EADC6; padding: 10px; background-color: #ffffff; }
.boxBlueHeader2 h2 { background-color: #8EADC6; padding: 5px 20px; font-size: 1.3em; color: #ffffff; }
.boxBlueHeader2 h3 { margin-left: 10px; }
.boxBlueHeader2 .subhead { margin-left: 10px; }

.boxDarkBlueHeader { font-size: .9em; }
.boxDarkBlueHeader .boxContent { border: 1px solid #8eadc6; padding: 10px; background-color: #ffffff; }
.boxDarkBlueHeader h2 { background-color: #8eadc6; padding: 5px 20px; color: #ffffff;}
.boxDarkBlueHeader h3 { margin-left: 10px; }
.boxDarkBlueHeader .subhead { margin-left: 10px; }
.boxDarkBlueHeader .date { color: #CFE0EA; font-size: .9em; }
.boxDarkBlueHeader .date:hover { color: #8eadc6; }

.boxInside { font-size: .9em; padding: 0 20px; }
.boxInside .boxContent { padding: 10px; }
.boxInside h2 { padding: 5px 20px;}
.boxInside h3 { margin-left: 10px; margin-top: 20px; }
.boxInside .subhead { margin-left: 10px; }
.boxInside .date { font-size: .9em; color:#CFE0EA; }
.boxInside .date:hover { color: #8eadc6; }

.caseStudy { width: 60%; }
.caseStudy .detailList { float: left; }
.caseStudy .images { float:left; }
.caseStudy ul.images li { padding-left: 5px; margin: 0;}
.caseStudy .intro { float: left; margin-top: 10px; padding-right:5px; }
.caseStudy .authorWrap { margin-top: 10px; }

.relatedTrackers { width: 100%; }
.relatedTrackers .more { text-align: left; width: 100px; float: left; margin-top: 55px; margin-left: 10px; }
.relatedTrackers .images { background-color: #CFE0EA;}
.relatedTrackers .intro { float: left; }
.relatedTrackers .box { float: left; text-align: center; padding: 5px; margin-top: 2px;}
.relatedTrackers .box ul.images li { margin: 0 5px; cursor: pointer; }
.relatedTrackers .box ul.images li:hover { opacity:.75; }

.topicList .intro { font-size: 1.1em; margin-bottom: 20px; }
.topicList .caseStudy { width: 47%; float:left; margin-right: 15px; position: relative; }
.topicList .boxBlueWhiteBlue h3 { width: 100%; float: none; color:#F7E68F; }
.topicList .boxContent { width: 150px; margin-top: 0px; padding-top: 0; min-height:105px; height:auto !important; height:105px; /* hack to fix minimum height */ }

.trackersBox .boxNoPad { padding-top: 5px; }
body .trackerText { background-color: #F39B03; color: #ffffff; padding: 2px 10px; -moz-border-radius:6px; -webkit-border-radius:6px; }
body .trackerText:hover { background-color: #8EADC6; text-decoration:none; }

.boxControls { width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: right; clear: both; }
.rightControls { text-align: right; margin: 0; padding: 0; }
.rightControls img { padding: 0 10px; margin: 0; }

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 10px;
  background-image: url(../images/tour/v_1.2/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  margin-bottom: 5px;
}

/* base dl settings */
dl { clear:both; margin:0; padding: 10px; }
dl dt { margin: 0px 0 0 0; padding: 0; font-weight: bold; }
dl dd { margin: 0; padding: 0; line-height: 1.1em; }
.verticalBar dt { text-align: center; margin: 0 auto; }

dl.compact { padding-top: 3px; padding-bottom: 3px; }
dl.compact  dt { padding-right: 5px; }
dl.compact  dd { padding-top: 2px; font-size: 1.2em; }


/* dl mods */
.forumList dt {float:left;}
.forumList dd.timeAgo {text-align: right;}
.forumList dd.description {clear: both; float:left;}
.forumList dd.authorWrap {text-align: right;}
.forumList .author { color: #1186D9; }


/* imageList */
dl.imageList dd { margin: 0 30px 0 145px; padding: 0; line-height: 1.5em; }
dl.imageList dl dt { margin: 0; padding:0; }
dl.imageList dt { float: left; margin: 0px 8px 10px 20px; padding: 4px; width:100px; text-align: right; }
dl.imageList:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
dl.imageList .title { font-size: 1.1em; font-weight: bold; color: #4578A1;}


/* imageList mods */
.verticalBar .imageList { padding: 0 10px; margin: 0; }
.verticalBar dl.imageList dt { margin: 0px; padding: 4px 0 0px 0; width:35px;}
.verticalBar dl.imageList dd { margin-left: 45px; margin-right: 10px; padding: 11px 0 0px 0; }
.singleList dl.imageList dd { margin: 0 30px 0 220px; padding: 0; line-height: 1.5em; }
.singleList dl.imageList dt { width:175px; }
.singleList dl.imageList .title { font-size: 1.3em; margin-bottom: 10px; }


/* nutritionList */
.nutritionList { font-size: .9em; background:#ffffff; border:2px solid #434343; }
.nutritionList dl { padding-top: 1px; padding-bottom: 1px; }
.nutritionList dl:hover { background-color: #ededed; }
.nutritionList .value { color: #8EADC6; margin-left: 10px; font-size: 1.1em; }
.nutritionList .group { border-bottom: 2px solid #434343; width: 100%; }
.nutritionList .groupFirst { margin-bottom: 5px; border-bottom: 3px solid #434343; }
.nutritionList .groupLast { margin-bottom: 12px; border-bottom: none; }
#infoBox .dashModule .nutritionList h2 { padding-top: 10px; padding-left: 10px; margin-bottom: 3px; font-size: 2em; }
.nutritionList h4 { padding-left: 10px; margin-bottom: 3px; }
.nutritionList .sub dt { font-weight: normal; margin-left: 10px; }
.nutritionList dl.sub { padding-top: 0px; padding-bottom: 0px; }
.nutritionList .moduleDetail { color: #434343; font-size: 1em; padding-top: 0px; }
.dashModule .nutritionList h3 { text-align: right; width: 95%; font-weight: bold; font-size: 1em; margin-bottom: 5px; float: none; margin-top: 5px; }
.dashModule .nutritionList .last { padding-bottom: 5px; }
.dashModule .nutritionList .first { padding-top: 5px; }
.nutritionList dl dt { font-weight: normal; }
.nutritionList dl.main dt { font-weight: bold; }

/* linkList */
.linkList dt { color: #396a8f; }
.linkList dl:hover { background-color: #e5e5e5; cursor: pointer; }
.linkList dl:hover dt { color: #F39B03; }
.linkList .moduleDetail { float: right; margin-left: 10px; }
.linkList dt img { margin-right: 10px; }
.linkList .moduleItem { margin-left: 50px; }
.linkList .moduleItem2 { margin-left: 190px; }
.linkList .moduleItem3 { margin-left: 110px; }
.dashModuleContent .linkList h3 { background-color: #CFE0EA;padding-left: 10px; margin-left: 0px; padding-top: 5px; font-size: 1.6em; padding-bottom: 2px; }
.linkListCompact dl { padding-top: 3px; padding-bottom: 3px; }
.linkList { margin-bottom: 8px; }
.linkList dl.highlightRow { background-color: #8EADC6; color: #ffffff; }
.linkList dl.highlightRow dt { color: #ffffff; }
.linkList dl.highlightRow .moduleItem2 { font-size: 2em; font-weight: bold; }

.simpleStats .dashModuleContent .linkList h3 { text-align: center;}
.simpleStats .linkList dt { width:50%; padding-right: 20px; text-align: right; }
.simpleStats .linkList .moduleItem { margin-left: 0px; font-size: 1.2em; }


/* myCarrotNav */
.myCarrotNav {border:1px solid #CFE0EA; margin-bottom:15px; }
.myCarrotNav ul { padding: 10px; }
.myCarrotNav ul li { font-size: 1.3em; margin-right: 25px; }
.myCarrotNav ul li.title { font-size: 1.5em; font-weight: bold; }



/* report tables */
table.reportTable { width: 100%; border: solid 1px #CFE0EA; margin-bottom: 15px; }
.reportTable td { padding: 6px 10px; }
.reportTable .name { font-weight: bold; font-size: 1.2em; width: 150px; }
.reportTable .unselected {color: #8EADC6; }
.reportTable .unselected .link { font-weight: normal; color: #8EADC6; }
.reportTable th { background-color: #CFE0EA; color: #8EADC6; font-size: .9em; font-weight: normal; padding: 8px 10px; line-height: .8em; }
.reportTable .active .name {color: #F39B03; }
.reportTable .dates { text-align: center; }

.reportTable .formItemLabel { width:50%; text-align:right; padding-right: 15px; }
.rightTableCell { text-align: right;}
.centerTableCell { text-align: center;}

/* specific tables */
.reportTableName { width: 200px; }
.reportTableValue { width: 100px; }
.reportTableDate { width: 60px; }




/* form tables */
table.formTable { width: 100%; margin-bottom: 15px; text-align: left; }
.formTable td { padding: 3px 5px; vertical-align: top; }
.formTable .formItemName { width: 150px; text-align: right; }
.formTable .formItemName2 { width: 95px; text-align: right; }
.borderBottom {border-bottom: 1px solid #CFE0EA; padding-bottom: 10px; margin-bottom: 20px; }

/* columns table */
.tableColumns { width: 100%; margin: 15px 0 8px 0; font-size: .9em; }
 .tableColumns table{ width: 100%; }
.tableColumns .tableThirds td{ width: 33%; }
.tableColumns .tableThirds2 td.tableThird{ width: 32%; }
.tableColumns .tableHalves td.tableHalf { width: 49.5%; }
.tableColumns .space { width: 15px; }
.tableColumns .tableContent { background-color: #CFE0EA; color: #1186D9; width: 130px; text-align: center; font-weight: normal; padding: 8px; vertical-align: top; }
.tableColumns .tableContent h4 { color: #8EADC6; font-weight: normal; }
.tableColumns .tableContent p { padding: 0 8px 4px 8px; text-align: left; }
.tableColumns .tableThirds2 .tableContent p { padding: 0 0 4px 0; }

.columns { width: 100%; }
.columnsFour .column { width: 24.5%; float:left; text-align: center; }
.columns .selected { }


/* standardTable */
.standardTable td{ padding: 5px; }
.standardTable td.caption { text-align: center; font-size: .9em; color:#4578A1; margin-top: 0; padding-top: 0; }


/* adminTable */
.adminTable td{ padding: 5px; border-left: 1px solid #CFE0EA; border-bottom: 1px solid #CFE0EA; vertical-align:top;}
.adminTable { border: 1px solid #8EADC6; width: 100%; margin-bottom: 20px; }
.adminTable th { background-color: #8EADC6; color: #ffffff; padding: 5px; }

.breadcrumbs { margin-bottom: 20px; }

/* trackerTable */
.trackerTable { width:100%;  }
/* .trackerTable td { border-top:1px solid #d4d4d4; padding: 8px; vertical-align:top; } */
.trackerTable td { padding: 8px; vertical-align:top; }
.trackerTable td td { border-top:none; }
.trackerTableWrap h1 { margin-left: 10px; margin-bottom: 10px; margin-top: 0; }
.trackerTableWrap { background-color:#ffffff; }


#trackerView h3 { font-weight: normal; margin-left: 0; font-size: 1.3em; margin-top: 10px; }
#trackerList h3 { font-weight: normal; margin-left: 0; font-size: 1.3em; }


.fullButton, .fullButtonNoLink { background-color: #8EADC6; color: #ffffff; font-size: 1.4em; font-weight: bold; text-align: center; padding: 6px; position:relative; }
.fullButton:hover { background-color: #1186D9; color: #ffffff; }

.intro { padding: 15px;  font-weight: bold; }

.reportControls2 .caption { width: 45px; }
.reportControls2 { text-align: center; font-size: .9em; }


#leftContent { width: 780px; min-height:600px; margin-left: 15px; }
/* #toolbox { float: right; width:160px; margin-right: 30px; } - cleandivs version */
#centerContentWrap { width: 100%; margin-top: 20px; }


.menuBarTabs .linkButton1 { margin-top: -10px; }
.reportTable .tableHeaderSmall { padding: 4px 0; width: 25px; text-align: center; }
.reportTable .tableHeaderPhoto { padding: 4px 0; width: 49px; text-align: center; }
.messageSubject { font-weight: bold; }


.formButtonWrap { margin-top:8px; }
.introText { margin-bottom:20px; color: #8EADC6; font-size: 1.3em; }
.introText p { margin-bottom:12px; }
.introText H3 { margin-left: 0; margin-top: 10px; margin-bottom: 10px; }
.poweredLogo {margin-bottom: 5px; }
.dottedBottom { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px dotted #8EADC6; }
.vertSpace { margin-top: 10px; margin-bottom: 15px; }
#register .box {margin-bottom: 20px; }
#register {width: 600px; }

.mainContent { width: 68%; float:right; margin-left:2%; }
.MainSidebar { width: 30%; float:left; }
#main { margin-bottom: 20px; }
.sideBar { float: left; width:25%; }
.contentCenter { float: right; width:74%; }
.orange_t { margin: 10px; }
.contentCenter p, .contentCenter .corp_text { margin-right: 15px; }

.tableLayout50 td { width: 50%; text-align: center; vertical-align: top; }
.tableLayout50 p { margin: 10px 20px; }
.tableRowStatus-Delete .tableCellStatus { color: #EA0000; }
.tableRowStatus-Publish .tableCellStatus { color: #0CA300; }
.tableRowStatus-Draft .tableCellStatus {  }
.content #report .boxBlueHeader2 .boxHeader h2 { background-color:#40788F; color:#FFFFFF; margin-bottom: 0; margin-top: 0; text-align: left; }

/***** retro - items mimicking previous styles *****/
.retro h1, h1.flush { margin-left: 0; margin-bottom: 15px; }


/***** message page *****/
body .messagePage { width: 100%; margin-left: auto; margin-right:auto; margin-top: 50px; text-align: center; }
.messagePage .logo2 { margin-bottom: 20px; }
.messagePage h3 { padding: 0; margin: 0; }
.mainText { margin-top: 15px; }

.messageDiv { font-size: 1.1em; color:#2F7CB0; overflow: hidden; }/* message script determines module height - added bottom padding for IE */
.messageDivSub { margin: 10px 50px 10px; color:#2F7CB0; position: relative; }
.messagePage .messageDivSub { width: 600px; margin: auto; background-color: #ffffff; border: 1px solid #CFE0EA; padding: 30px 50px 40px; }

.messageDivSub h1, .messageDivSub h3 { padding-bottom: 20px; }
.darkBack .messageDivSub { color: #ffffff;}

.tryFree { font-size: 1.4em; }
.tryFree .footnote { font-size: .5em; }


/***** list *****/
ul.bulleted { margin-left: 25px; list-style-type: disc; }



/***** pagestandard *****/
/* .pagestandard .rightSide { background-color:#ffffff; color: #7298B5; } */
.darkBack .dashModule h3 { color: #ffffff; }
body .darkBackIsolated .dashModule h3 { color: #8EADC6; }
.darkBack .highlight a:link { color:#86EF80; }
/* .lightBack .alt { background-color:#88ABC5; } */
.darkBack .dashModuleOptions .alt, .dashboardWrap .dashModuleOptions .alt { background-color:#C5DDE8; }
.darkBack .noContent p { color: #7CA8C0; }
body .darkBackIsolated .dashModuleBox { background-color: #3F7CA5; }


/***** dashboard *****/

.leftSide { width: 726px; float: left; padding-bottom: 15px; }
.rightSide { width: 280px; background-color:#2f7cb0; float:right; padding-bottom: 15px; z-index: 150; }
.leftSidebar .rightSide { float:left; }
.leftSidebar .leftSide { float:right; }
#myCarrotContent .leftSide, #targetDiv .leftSide { width: 726px; }
#myCarrotContent { position: relative; clear: both; }
#myCarrotContent .noSideBar { min-height: 400px;}
#cal_display_large { padding-bottom:0 ;}
.whiteBack { background-color:#ffffff; }

.menuBarTabs { padding-bottom: 3px; }
#myCarrotSubmenu .menuBarTabs .menuItems li { padding:4px 16px 5px; }
#myCarrotSubmenu .menuBarTabs .menuItems li#subTab_0 { padding:7px 32px 5px; font-size: 1.3em; }

.darkBack .dashModuleBox { background-color:#3F7CA5; }
.darkBack .alt { background-color:#347099; }
.dashboardStructure { width: 100%; padding: 10px; }
.dashModule { padding: 10px 5px; text-align: left; }
.rightSide .dashModule { padding: 10px 10px; }

.simpleDarkBack { background-color:#7298B5; }
.simpleDarkBack .alt { background-color:#347099; }
.simpleMediumBack { background-color:#8EADC6; }
.simpleWhiteStroke { border: 1px solid #ffffff; }
.simpleLightStroke { border: 1px solid #F1F9FF; }
.simpleMediumStroke { border: 1px solid #8EADC6; }
.simpleLightBack { background-color:#F1F9FF; }


.simpleDarkBack {background-image: url('../images/topics/backgroundBlueGrad.jpg'); background-position: top left; background-repeat: no-repeat;}
.simpleDarkBack h1 {color: #ffffff; font-size: 2.7em; text-align: center; margin-bottom: 40px;}
.simpleDarkBack h3 {color: #ffffff; margin-bottom: 10px; margin-top: 15px;}
.simpleDarkBack h3.tight {margin-bottom: 8px; color: #F1F9FF; margin-top: 0px;}
.simpleDarkBack p {margin-left:15px; margin-bottom: 10px; }
.simpleDarkBack h3.highlight { margin-bottom: 20px; color:#FCFF4C; font-size: 1.3em; margin-top: 0; }
.simpleDarkBack .leftContent {float: left; width: 42%; font-size: 1.2em;color:#F1F9FF;}
.simpleDarkBack .rightContent, .simpleDarkBack #register {text-align: center; width: 55%; float: right;}

/***** position: relative; *****/
.dashModuleBox { border:1px solid #8EADC6; clear: both; position: relative; }

.dashModuleBox2 { text-align: center; padding: 5px 0px; clear:both; position: relative; }
.dashModule h3 { float:left; width: auto; margin-left: 2px; font-size: 1.5em; font-weight: normal; }
.darkBack .dashModule h3 { color: #ffffff; }
.darkBack .dashModule h6 { background-color:#4D9AC4; padding: 10px 10px 3px; color:#ffffff; margin: 0; font-size: 1.1em; clear: both; }
.dashBoxLightBorder { border:1px solid #ffffff; padding:6px; }
.dashModule .messageDiv h3 { float: none; }
.dashModuleInnerControls { position: absolute; top: 10px; right: 5px; }



.nodeSet h4 { margin-left: 2px; margin-top: 10px; font-size: 1.5em; font-weight: normal; color: #8EADC6; }
.nodeItem { width: 24.5%; float: left; background-color:#C5DDE8; }
.width50 .nodeItem, .rightSide .nodeItem { width: 49.5%; }
.nodeItem4, .nodeItem5, .nodeItem6, .nodeItem7, .width50 .nodeItem2, .width50 .nodeItem3, .width50 .nodeItem6, .width50 .nodeItem7, .rightSide .nodeItem2, .rightSide .nodeItem3, .rightSide .nodeItem6, .rightSide .nodeItem7 { background-color:transparent; }
.width50 .nodeItem4, .width50 .nodeItem5, .rightSide .nodeItem4, .rightSide .nodeItem5 { background-color:#C5DDE8; }
.nodeClass { font-size: 1.3em; width: 100%; border-bottom: 1px solid #C5DDE8; margin-top: 5px; }

.legendDiv .nodeItem { background-color:transparent; }
.legendDiv .nodeItem4, .legendDiv .nodeItem5, .legendDiv .nodeItem6, .legendDiv .nodeItem7, .width50 .legendDiv .nodeItem2, .width50 .legendDiv .nodeItem3, .width50 .legendDiv .nodeItem6, .width50 .legendDiv .nodeItem7, .rightSide .legendDiv .nodeItem2, .rightSide .legendDiv .nodeItem3, .rightSide .legendDiv .nodeItem6, .rightSide .legendDiv .nodeItem7 { background-color:#f7f7f7; }
.width50 .legendDiv .nodeItem4, .width50 .legendDiv .nodeItem5, .rightSide .legendDiv .nodeItem4, .rightSide .legendDiv .nodeItem5 { background-color:transparent; }


.lightBack .dashModuleBox { background-color:#F1F9FF; }
.lightBack h3 { color:#1186D9; }
.lightBack .alt { background-color:#E2EFF2; }

.leftSide .dashModuleBox { background-color: #f7f7f7; }
.leftSide .dashModule { padding: 10px 10px; }

.dashModule .menuBarTabs { float: right; }
.dashModule dt { float:left; }
.moduleDetail {font-size:.8em; text-align:right; color:#7CA8C0; padding-top: 5px; }
.moduleEmphasize {font-size:1.1em; text-align:right; color:#ffffff; }
.primaryItem .moduleEmphasize {font-size:1.5em; }
.simpleList dl.secondaryItem { padding: 3px 10px; }

.moduleDescription {clear:both; }

.primaryHighlight { font-size: 4em; font-weight: bold; padding: 0 10px; margin: 5px 0; border:1px solid #7ca8c0; }
.primaryHighlight .subTitle { font-size: .8em; }
.primaryUnits { font-size: 2em; color:#7CA8C0; }
.primaryNote { color:#7CA8C0; text-align:center; }
.secondaryHighlight { font-size:2em; font-weight: bold; position: absolute; right:0; top:0; display: none; }

.dashModuleCompact dl { padding-top: 5px; padding-bottom: 5px; }
body .dashboardWrap .darkBack .highlight, .darkBack .highlight a:link { color:#86EF80; }
.highlights { color:#8EADC6; font-weight: bold; text-align: center; margin-top: 20px; font-size: 1.1em; }
.corpWrapper h2 { font-weight: normal; }
.corpWrapper p { padding-bottom: 10px; }

html .dashboardWrap .darkBack .menuBarTabs .menuItems .current { background-color:#7CA8C0; }
.dashModule .menuBarTabs .menuItems li { padding: 2px 5px; font-size: .6em; }
.dashModule .menuBarTabs { padding-bottom:0; margin-right: 0; margin-top: 0; margin-left: 10px; }
.dashModule .dashModuleFoot { text-align: right; font-size: .8em; position: relative; }
.dashModule .dashModuleFoot div { text-align: left; }
.dashModuleOptionsControls {margin-right: 5px;}


.dashboardWrap td { vertical-align: top; }
td.rightSide { vertical-align: top; }

.imageClusters { padding: 5px 0; }
.imageClusters td { text-align: center; }
.imageClusters table { width: 100%; }
.threeClusters td { width: 33%; }
.fiveClusters img { padding: 3px; }

.imageClusters { text-align: center; }
.imageClusters td {vertical-align: top; padding-bottom: 5px; line-height:1;}
.imageClusters .caption { margin-top: 2px; font-size: .8em; }

.dashModuleOptions, .dashModuleInnerOptions { background-color:#BAD0DC; color:#347099; width: 100%; } /* Width */
.dashModuleOptions h2 { color:#347099; }
.optionsTable { width:100%; border: 1px solid #8DB9CC; }
.optionsTable td { padding: 5px; vertical-align: middle; }
.optionsTitle { font-size: 1.3em; font-weight: bold; margin-bottom: 3px; }
.closeWindow { float: right; }
.optionAnswerSmall { width: 20px; }
body .dashboardWrap .darkBack .dashModuleOptions { color:#347099; }
.darkBack .dashModuleOptions .alt, .dashboardWrap .dashModuleOptions .alt { background-color:#C5DDE8; }
.altCol { background-color:#C0D7E2; }
.alt .altCol { background-color:#CCE2EA; }


.datePickerSpan { position: relative; }
.datePickerDash { padding: 0; margin: 0; font-size: 1.4em; color: #6D8EA9; }
#myCarrotContent #cal1Container { left: -100px; top: 10px; }
#myCarrotContent #cal2Container { left: -100px; top: 10px; }

.tableHalf { width:49.5%; }

.dashboardWrap .snapshotButton { background-color: #bad0dc; border:none; color:#6D8EA9; width:auto; padding: 2px 5px; margin: 1px; cursor: pointer; }
.dashboardWrap .snapshotButton:hover { background-color: #1186D9; color:#ffffff; }
.dashboardWrap .snapshotButton_current { background-color: #6D8EA9; border:none; color:#ffffff; width:auto; padding: 2px 5px; margin: 1px; cursor: pointer;}
.dateRangeButtons { padding: 4px; margin:3px; border: 1px solid #6D8EA9; font-size: .8em; }
.dashboardWrap input.datePickerBig { font-size: 1.2em; background-color:#bad0dc; color: #6D8EA9; border: none; padding: 2px 0px; }
.dashboardHeaderSub #date_start { text-align:right; }
.pageReport .leftSide .dashboardHeaderSub { border-top: 1px solid #9DBBD1; background-color:#ffffff; }
.leftSide .dashboardHeaderSub { border:none; }

ul.sortableList, ul.sortableList .sortableListItem { clear:both; padding: 0; margin: 0; }
.sortableListItem { position: relative; }
ul.sortableList { list-style: none; }
	
.dragHandle:hover { cursor:move; }
.collapseModuleButton, .dashModuleCollapseButton { cursor: pointer; float: left; height: 16px; width: 17px; display:block; background-image:url('../images/topics/expanded.png'); background-position:0px 4px; background-repeat:no-repeat;}
.collapseModuleButton-off, .dashModuleCollapseButton-off { cursor: pointer; float: left; height: 16px; width: 17px; display:block; background-image:url('../images/topics/collapsed.png'); background-position:0px 4px; background-repeat:no-repeat;}

.dropDownSelect { position: absolute; top:0; left: 0; }
ul.line li .dropDownSelect li { display: block; }
.dropDownSelectWrap { position: relative; font-size: .9em; }
.selectListCurrent { padding: 0 2px; }


select#topicID {background-color:#83A0B5; border:none; color: #fff; background-image: none; font-size:.7em; arrow-color: #83A0B5; margin-left: 10px; }
.notCurrent select#topicID { background-color:#fff; color: #83A0B5; }
select#topicID option { border-bottom:1px solid #CFE0EA;}
.dashboardHeaderSub { background-color: #bad0dc; }
.dashboardHeaderInset { background-color: #bad0dc; }
/* .leftSide .dashboardHeaderSub { border-top:2px solid #8EADC6; } */

/* #report { border:2px solid #8EADC6;} */
.dashboardWrap { background-color:#ffffff; background-image: url("../images/template/v_1.2/sidebar.gif"); background-repeat: repeat-y; background-position: top right; overflow: auto; position: relative; min-height: 300px;}
.dashboardWrap2 { background-color:#CFE0EA; background-image: url("../images/template/v_1.2/menu-background-CFE0EA.gif"); background-position: top right; }
.dashboardWrap2 .leftSide { width: 710px; }
.dashboardWrap1 .dashboardWrap { border:none; }
body .noPageSidebar { background-image: none; }
body .noPageFrame { border: none; }
.content { background-image: url("../images/template/v_1.2/sidebar.gif"); background-repeat: repeat-y; background-position: top right;}
.questionaire, #myCarrotContent .boxWhiteDarkBlueWhite { border:2px solid #8EADC6;}
.pagestandard .content { background-image: url("../images/template/v_1.2/sidebar-light.gif");  margin-top: 10px; }
.pagestandard .lightBack { margin-top: 15px; background-color: #cfe0ea; }
.pagestandard #signInDrawer .lightBack { margin-top: 0px; }
.simpleContent { padding: 40px 150px 25px; color: #7CA8C0; min-height: 300px; border:2px solid #CFE0EA; }
.simpleContent h1, .simpleContent2 h1{ margin-left: 0; }
.simpleContent h1.burst { margin-top: 70px; }
.simpleContent2 { padding: 40px 10px 25px; color: #7CA8C0; min-height: 300px; border:2px solid #CFE0EA; }
.simpleContent2 h1.burst { margin-top: 20px; }
.simpleContent3 { padding: 40px 40px 25px; min-height: 300px; border:2px solid #CFE0EA; }


.noContent { padding: 2px 10px 5px; color: #7CA8C0; text-align: center; }
.noContent .title { font-size: 1.4em; padding: 20px 0px;}
.questionaire .noContent { padding: 20px 30px; font-size: 1.1em;}
.darkBack .noContent p { color: #7CA8C0; }
.noContent p { margin-top: 10px; margin-bottom: 10px; }
body .left { text-align: left; }

.dashboardHeaderInfo { background-color: #bad0dc; font-size: 1.2em; padding: 20px; color: #ffffff; }
body .menuBarTabs .menuItems li.largeTab { padding:7px 32px 5px; font-size: 1.3em; margin-right: 7px; }

/***** sliders *****/


.sliderPart { background-image: url("../images/template/v_1.2/sliderSprite.gif"); height: 30px;}
.goalsWrap_sm .sliderPart { background-image: url("../images/template/v_1.2/sliderSpriteSmall.gif"); height: 20px;}

.sliderWrapInner { position:relative; margin: 5px; margin-bottom: 80px; }
.sliderBase { position:absolute; top: 0; left: 0; width: 100%; background-color: #eee; z-index: 80; }
.sliderCurrent { position:absolute; top: 0; left: 0; width: 60%; background-color:#399; z-index: 85; }
.sliderProgress { position:absolute; top: 0; left: 0; width: 60%; background-color:#399; z-index: 83; }
.sliderCurrentTarget { width: 80%; background-color: #eee; z-index: 82; }
.sliderLeft { position:absolute; left:0; top: 0; width: 10px; background-repeat: no-repeat; }
.sliderRight { position:absolute; right:0; top: 0; width: 10px; background-repeat: no-repeat; }
.sliderMiddleWrap { position:absolute; left:0; top: 0; width: 100%; }
.sliderMiddle { margin: 0 10px; background-repeat:repeat-x; }
.sliderTarget { position:absolute; left:150px; top: 0; width: 7px; z-index: 90; }
.goalsFloat { position:absolute; left:0px; top: 40px; width: 40px; padding: 2px; z-index: 90; background-color: #3a7399; text-align: center; font-size: .8em; line-height: 1em; border: 1px solid #4487b3; }
.goalsFloatUpper { z-index: 92; }
.goalsFloat:hover { z-index:95; }

.sliderLeft { background-position: 0px -30px;  }
.sliderRight { background-position: -20px -30px;  }
.sliderPositive .sliderCurrent .sliderMiddle { background-position: 0px -60px;  }
.sliderPositive .sliderCurrent .sliderLeft { background-position: 0px -90px;  }
.sliderPositive .sliderCurrent .sliderRight { background-position: -20px -90px;  }
.sliderNegative .sliderCurrent .sliderMiddle { background-position: 0px -120px;  }
.sliderNegative .sliderCurrent .sliderLeft { background-position: 0px -150px;  }
.sliderNegative .sliderCurrent .sliderRight { background-position: -20px -150px;  }
.sliderNeutral .sliderCurrent .sliderMiddle { background-position: 0px -180px;  }
.sliderNeutral .sliderCurrent .sliderLeft { background-position: 0px -210px;  }
.sliderNeutral .sliderCurrent .sliderRight { background-position: -20px -210px;  }
.sliderWarning .sliderCurrent .sliderMiddle { background-position: 0px -240px;  }
.sliderWarning .sliderCurrent .sliderLeft { background-position: 0px -270px;  }
.sliderWarning .sliderCurrent .sliderRight { background-position: -20px -270px;  }

.goalsWrap_sm .sliderWrapInner { width: 100px; height: 20px; position: absolute; top: 10px; left: 100px; margin: 0 0 0 0; }
.goalsWrap_sm .sliderMiddle { width: 80px; }
.goalsWrap_sm .sliderTarget { left:60px; }
.goalsWrap_sm .sliderCurrent .sliderMiddle { width: 45px; }
.goalsWrap_sm .sliderCurrent { width: 45px; }
.goalsWrap_sm .sliderTitle { width: 100px; float:left; padding-top: 2px; }

.goalsWrap_sm .sliderTarget img { width: 5px; height: 21px; }

.goalsWrap_sm .sliderLeft { background-position: 0px -20px;  }
.goalsWrap_sm .sliderRight { background-position: -10px -20px;  }
.goalsWrap_sm .sliderPositive .sliderCurrent .sliderMiddle { background-position: 0px -40px;  }
.goalsWrap_sm .sliderPositive .sliderCurrent .sliderLeft { background-position: 0px -60px;  }
.goalsWrap_sm .sliderPositive .sliderCurrent .sliderRight { background-position: -10px -60px;  }
.goalsWrap_sm .sliderNegative .sliderCurrent .sliderMiddle { background-position: 0px -80px;  }
.goalsWrap_sm .sliderNegative .sliderCurrent .sliderLeft { background-position: 0px -100px;  }
.goalsWrap_sm .sliderNegative .sliderCurrent .sliderRight { background-position: -10px -100px;  }
.goalsWrap_sm .sliderNeutral .sliderCurrent .sliderMiddle { background-position: 0px -120px;  }
.goalsWrap_sm .sliderNeutral .sliderCurrent .sliderLeft { background-position: 0px -140px;  }
.goalsWrap_sm .sliderNeutral .sliderCurrent .sliderRight { background-position: -10px -140px;  }

.sliderProgress .sliderMiddle { background-position: 0px -240px; }/* same as green until we have a yellow image */
.sliderProgress .sliderLeft { background-position: 0px -270px;  }
.sliderProgress .sliderRight { background-position: -20px -270px;  }
.goalsWrap_sm .sliderProgress .sliderMiddle { background-position: 0px -160px;  }
.goalsWrap_sm .sliderProgress .sliderLeft { background-position: 0px -180px;  }
.goalsWrap_sm .sliderProgress .sliderRight { background-position: -10px -180px;  }
.goalsWrap_sm .sliderLabels { display: none; }

.goalsWrap_none .sliderTitle { width: 180px; float:left; padding-top: 2px; }
.dashModuleBox .goalsWrap_none { padding-top: 5px; min-height: 10px;}
.goalsWrap_none .sliderValue { width: 50px; }
.highlight2 { color: #F7E68F;}

.goalsWrap_lg .sliderTitle { margin-right: 60px; }

.sliderWrapTable .sliderTitle { width: 180px; float:left; padding-top: 2px; }
.dashModuleBox .sliderWrapTable { padding-top: 5px; min-height: 10px;}
.sliderWrapTable .sliderValue { width: 50px; }
.sliderWrapTable .goalUnits { color:#8EADC6; }

.dashModuleSub { position: relative; }
.goalsWrap_sm, .goalsWrap_lg { padding-top: 10px; min-height: 30px;}
.goalsText { padding: 0 5px; }
.sliderTitle { color: #ffffff; padding-left: 5px; font-size: 1.1em; }
.sliderValue { color: #ffffff; float:right; font-size: 1.1em; padding-right: 8px; width: 40px; text-align: right; padding-top: 2px; }

.goalsBig { float: left; }
.goalsBig .title { color: #ffffff; font-size: 2em; }
.goalsBig .titleReached { color: #86EF80; font-size: 1.3em; }
.goalsBig .titleReachedNegative { color: #d79191; font-size: 1.3em; }

.goalsTextNegative .goalsBig .title, .goalsTextNegative .value, .textNegative { color: #d79191; }
.goalsTextPositive .goalsBig .title, .goalsTextPositive .value { color: #86EF80; }

.goalsTarget { float: right; width: 30%; text-align: center; color: #7CA8C0; }
.goalsTarget .title { font-size: .7em; display: block;}
.goalsTarget .goalsTargetText .value { font-size: 1.2em; color: #ffffff; }
.goalUnits { font-size: .8em; padding-left: .1em; }

/**** calendar dashboard *****/
body .yui-skin-sam .yui-calcontainer { background-color:#cedde7; border: 1px solid #8EADC6; }
body .yui-skin-sam .yui-calendar td.calcell { background-color:#cedde7; border:1px solid #b3c9d9; }
body .yui-skin-sam .yui-calendar td.calcell.oom { background-color:#88abc5; color:#bed1d8; }
body .yui-skin-sam .yui-calendar .calweekdaycell { color:#ffffff; }
body .yui-skin-sam .yui-calcontainer .title {font-size: .8em; }
body .yui-skin-sam .yui-calendar a.calnav { padding: 3px 7px; color: #88abc5;}
body .myCarrotDatePicker .yui-skin-sam , body .myCarrotDatePicker .yui-skin-sam .yui-calcontainer { padding:0;}
body .myCarrotDatePicker .yui-skin-sam .yui-calendar .calweekdaycell { width:37px; }
.myCarrotDatePicker { width: 100%; }
body .dashModuleBox .yui-skin-sam .yui-calcontainer { border: none; }

body td.cal_lg_hour_am, body td.cal_lg_hour_pm, body td.cal_lg_halfhour_am, body td.cal_lg_halfhour_pm { background-color:#EDEDED; font-size:.8em; }
body table.cal_lg_meal { background-color:#cedde7; border:none;}
body td.cal_lg_meal_name { background-color:#88abc5; color:#CEDDE7; }
.journalDayHeader {background-color: #bad0dc; color: #ffffff; }
.journalDayHeader .smboxheader { color: #ffffff; }
.journalDayHeader td {padding: 5px 10px; }
.journalTime { font-size: 2em; color: #88abc5; }
.journalAmPm { color: #8EADC6; }

body .yui-skin-sam .yui-calendar .calnavright { right:-5px; }

body .leftSide .dashModuleContent .myCarrotDatePicker .yui-skin-sam .yui-calendar  { font-size:1.1em; }
body .leftSide .dashModuleContent .myCarrotDatePicker .yui-skin-sam .yui-calendar .calweekdaycell { width:100px; }
body .leftSide .dashModuleContent .myCarrotDatePicker .yui-skin-sam .yui-calendar .calcell { height: 40px; text-align: right;}
body .leftSide .dashModuleContent .myCarrotDatePicker .yui-skin-sam .yui-calendar .calcell { padding-right: 10px;}
body .leftSide .dashModuleContent .yui-skin-sam .yui-calendar td.calcell.today a { background-color: #8FD7EA; }
body .leftSide .dashModuleContent .yui-skin-sam .yui-calendar td.calcell.today { background-color: #8FD7EA; }


.welcome { font-weight:bold; padding:15px 5px 15px 0px; }


/***** header+top menu mods ******/

.header {position: relative; }
.header .menuBar { position: absolute; bottom:5px; right: 0; font-size: .9em; }
.header .menuItems .current { background-color:#ffffff; color:#F39B03; margin-bottom: -5px; border-bottom: 3px solid #ffffff;}
.header .menuItems .notCurrent { background-color:#f6c079; color: #ffffff; border-bottom: 3px solid #8EADC6;}
.header .menuItems .notCurrent:hover { background-color:#ffffff; color: #F39B03; }
.header ul li { margin-left:4px; }




.upTriangle { position: absolute; top:-8px; left: 14px; }

.additionGroup .detail { font-size: .8em; }
.additionGroup .value {font-size: 1.2em; color: #ffffff; }
.additionItem { width: 20%; text-align: center; float:left; }
.additionOperand { width: 1em; text-align: center; float:left; }


/***** goals questionaire *****/
.questionaire { padding: 20px; text-align: left; }
.questionaire h2 { margin-bottom: 5px; margin-top: 25px; font-size: 2em; margin-left: 15px; text-align: left; }
#possibleGoals h3 { margin-top: 10px; }
.buttonWrap { margin-top: 10px; margin-bottom: 10px; position: relative; }

.rowOn { background-color:#80BED3; }
.rowOn .alt { background-color:#6DAEBF; }

#possibleGoals .rowOn { background-color:#86EF80; }
#possibleGoals .rowOn .alt { background-color:#81E079; }
.rowOff td.goalDetails { color: #C1CDD1; }
.rowOff textarea, .rowOff input, .rowOff input.login { background-color:#F7F7F7; border-color:#C1CDD1; color:#C1CDD1; }
.rowOff .selectListWrap { visibility:hidden; }

td.listRowtd { padding-top: 10px; padding-bottom: 10px;}
td.listRowtdFirst { padding-left: 10px; }
td.listRowtdLast { padding-right: 10px; }
.listRow td.title { width: 100px; font-weight: bold; }
.listRow td.subtitle { width: 80px; color: #59757C; padding-top: 14px; }
.listRow td.checkbox {width: 25px; }
.listRow td.goalDetails {width: auto; }
.moduleTable { width: 100%; height: 100% }

.hideIt { display: none; }
.showIt { display: block }
.noSideBar {background-color: #ffffff;  padding: 0px; min-height: 300px; }
body .leftSidebar { background-position: left top; }

.dashboardHeaderSub { padding:8px; border:1px solid #9dbbd1;margin-bottom:8px; text-align: right; }
.leftSide .settingsTabs { padding: 15px; text-align: left; font-size:1.3em; }
#cal_display_large .dashboardHeaderSub { margin-bottom:0px; }


#signInDrawer { width: 250px; position: absolute; background-color: #CFE0EA; border: 1px solid #8EADC6; text-align: center; right: -50px;}
#signInDrawer .formItem { margin: 5px; }
.signInDrawerInner { padding: 20px 15px; }

.fourcol { width: 24.9%; float: left; }
.paddingForBox { padding: 8px; }
.paddingForBoxMed { padding: 12px; }
.bigPadding { padding: 40px; }
.width50 .bigPadding { padding: 10px 5px; }
.dashBoardRow { position: relative; } /* fix for safari and chrome not showing h3 */

.thirds .first { border-left: none;}
.third { float: left; width: 282px; padding: 15px 15px 0px 35px; border-left: 1px solid #D0DEE3; position: relative; color: #4578A1; font-size: .9em; }
.imgWrap { text-align: center; width: 100%; margin-bottom: 10px; }
.third .title { font-size: 1.2em; }
.thirds {background-color: #F1F9FF; border: 1px solid #D0DEE3; margin-bottom: 30px; }
.third .initCap { position: absolute; top: 0px; left: 10px; font-size: 3em; color: #51B5FF; }
.third .title { color: #51B5FF; line-height: 1.5em; margin-top: 5px; }
.leftSide .third { width: 196px; padding: 15px; }
.stackedRows .thirds { margin-bottom: 0px; border-bottom: none; border-top: none; }
body .stackedRows .first { border-top: 1px solid #D0DEE3; }
body .stackedRows .last { margin-bottom: 20px; border-bottom: 1px solid #D0DEE3; }
.stackedRows .third { border: none; }

.container { clear:both; float:left; position: relative; width:100%; }
.setsWrap { clear:left; float: right; position: relative; right: 50%; }
.setWrap { float: left; position: relative; left: 50%; display: block; }
.set { padding: 5px 10px; }
.set .caption { padding: 5px 0px; }

.imgWrapAwards { position:absolute; top: -40px; right: -30px; z-index: 100; }
.divRelative { position: relative; }
.narrow { width: 70%; }
.pageNoBox h1 { margin-left: 15px; }


.backgroundScreen{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #3A4C56;/* original: #ededed */
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
	overflow: auto;
	background-attachment: fixed;
}

.backgroundScreenSolid {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ededed;
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
	background-attachment: fixed;
}

body .backgroundScreenPage { position: fixed; }

.darkBack .backgroundScreen{ background-color: #2F7CB0;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
.darkBack .backgroundScreenSolid{ background-color: #2F7CB0;}

.dashModuleFoot .backgroundScreen{ background-color: #6D8EA9;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=90);
}
.dashModuleFoot .backgroundScreenSolid{ background-color: #6D8EA9;}
.dashModuleFoot .noContent { background-color: #BAD0DC; padding-top: 10px; }
.dashModuleFoot .noContent h1 { margin-left: 0; padding-bottom: 0; }
.dashModuleFoot .noContent h2 { color:#2F7CB0; }
.dashModule .dashModuleFoot .buttonBoxCenter2, .dashModule .dashModuleFoot .buttonBoxCenter2 div { text-align:center; }


.messageDiv {
	position: absolute;
	top: 20px;
	overflow: auto;
	width: 100%;
	text-align: center;
}
.darkBack .messageDiv { color: #ffffff; }

.width50 { width: 49.5%; float: left; }
.rightSide .width50 { width: 100%; float: none; }

.halfRight { width: 48%; float: right; }
.halfLeft { width: 48%; float: left; }
.addPhotoWrap { text-align:left; position:relative; width: 100px; float: left; }
.addPhotoWrap a { width: 82px; text-align:center; }
.pagination { width: 100%; text-align: center; background-color:#9CBDD6; padding-top: 10px; padding-bottom: 10px; }
.pagination span.pager_nav { border: none; padding: 4px 2px; }
.search_link { padding: 4px; }
.simpleForm h3 { margin-left: 0px; margin-top: 10px; margin-bottom: 1px; }
.addPhotoWrap { margin-top: 10px; }
.simpleForm .buttonBar { margin-top: 10px; }
.simpleForm .detail { text-align: right; font-size: .8em; }
.listItemsWrap { border: 1px solid #CFE0EA; min-height: 30px;}
.listItemWrap { position: relative; width: 100%; background-color:#83ADCF; min-height: 31px; }
.listItem { padding: 3px 30px 3px 50px; }
#addEdit_ingredients .alt { background-color:#9CBDD6; }
.controlLeftArrow { position: absolute; top: 5px; left: 5px; }
body .secondaryButtons { font-size: .8em; }

.simpleForm input.ingredientsearchfield, .simpleForm input.foodedit, .simpleForm textarea.foodedit { background-color:#9CBDD6; border: 1px solid #CFE0EA; }
body input.searchfield { background-color:#F0F0E9; border: 1px solid #F39B03; color: #595959; padding-left: 5px; }
body input.searchbutton { background-color:#1186D9; border: none; color: #ffffff }
.simpleForm .formLabel { width: 150px; }
.formRow { padding-top: 5px; }

.dashModuleContent {z-index:200}
.graphCover {z-index:300; position: absolute; top:0; left: 0; }
.dashModule .optionsTableCompact h3 {float: none; }
.optionsTableCompact h2 {font-size: 1.5em; }
.legendBox { height: 12px; width: 12px; display: block; }
.legendDiv { width: 100%; text-align: left; border-top: 1px solid #BAD0DC; border-bottom: 1px solid #EDEDED; background-color: #ededed; position: relative; }
.legendIcon { width:15px; height: 15px; display:block; margin: 5px 5px 5px 20px; float:left; }
.legendDiv .title { padding: 5px; float:left; }
.legendDiv .title-on { padding: 5px; background-color:#CFE0EA; float:left; }
.legendDiv .legendText { font-size: .9em; color: #BAD0DC; position: absolute; margin-top: -15px; margin-left: 20px; }

.legendBoxColor1 { background-color: red; }
.legendBoxColor2 { background-color: blue; }
.simpleSlider { width: 60px; float:right; }
.simpleSlider .sliderWrap { margin-top: 0; }
.darkBack .units { color: #7CA8C0; }
.multi_day .table_wrap {width: 100%; border: none; }
.pageReport #report { border-width: 1px; }
.options_box .third { margin: 0; border: none; padding: 8px; }
.content .options_box .item { margin-bottom: 0; }
.options_box .third .title { margin-top: 0; }

.arrow_list { margin-bottom: 15px; }
h1.burst { font-size: 3em; }
#settingsContent h2, #main h2 { margin-top: 25px; margin-bottom: 10px; }
#main .boxHeader h2 { margin-top: 0px; margin-bottom: 0px; }
#settingsContent h2.first, #main h2.first, #main .box h2 { margin-top: 10px; }
#settingsContent .docWrapper h2.first { margin-top: 0px; }
#main .dashModule h2 { margin-top: 0px; }
.formField { width: 200px; text-align: right; margin-right: 10px;margin-bottom: 5px; }
.boxSmall { width: 300px; }

.questions { margin-bottom: 30px; }
.content2 .questions p { font-size: 1.2em; color: #1186D9; margin-bottom: 10px; margin-left: 0px; font-weight: bold; }
.buttonPad1 { margin-right: 15px; }


.content2 p, .content2 ul { margin-bottom: 5px; }
.content2 h2 { margin-top: 15px; margin-bottom: 5px; }

.caption { text-align: center; }

.right_buttons {float: right; }
#debugPane { position: absolute; top: 0; right: 0; width: 300px; background-color: #ffffff; border: 1px solid #000000; padding: 10px; }
.debugClear { float: right; }

.goalView .sliderTitle { display: none; }

.menuList select { background-color: #CFE0EA; color: #1186D9; border: none; text-align:left; font-size: .8em; }
.menuList select option{ font-size: .8em; padding: 2px 40px 2px 10px; background-color: transparent; border: 1px solid #BAD0DC; }
.menuList select option:selected { padding: 3px 5px; }

.categoryTitle { color: #F39B03; font-size: 1.2em; }


/***** drop down styles *****/
.dropdownWrap {
  position: relative;
}
.dropdownContent {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #cbcbcb;
  margin:0px;
  padding:0px;
  text-align:left;
  visibility:hidden;
}
.dashModule .dropdownContent { width: 120px; }
.dashModule .formQuestion .dropdownContent { font-size: 1em; }

div.dropdownContent ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.dropdownContent ul li.selected, div.dropdownContent ul li.selected:hover { background-color: #ffb;}
div.dropdownContent ul li.selected:hover { color: #4578A1;}
div.dropdownContent ul li:hover { background-color: #CFE0EA; color: #4578A1; }

div.dropdownContent ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:4px;
  padding-left:16px;
  cursor:pointer;
/*  border-top:1px dashed #cbcbcb; */
  color:#5397bc;
}
div.dropdownContent ul li.first {
  border-top:none;
}
div.dropdownContent ul li.header {
  list-style-type:none;
  display:block;
  margin:0;
  padding:4px;
  cursor:pointer;
  background-color:#9dbbd1;
  color:#9dbbd1;
}

.darkBack .corp_text { color: #ffffff; }
.rightSide .corpWrapper { padding: 10px; } /* added rightSide*/




/***** forms question styles *****/
.formQuestion {
	font-weight:lighter;
	margin: 0;
	text-align:center;
	position: relative; 
}
.formQuestion .title, .formQuestionSub .title {
	margin-bottom: 5px;
}
#settingsContent .formQuestion {
	font-size: 2em;
	text-align:center;
}
#settingsContent .formQuestionSub { text-align:right; }

.formQuestion select {
	background-color: transparent;
	color: #1186D9;
	border: none;
	text-align:right;
	padding-right: 5px; 
	font-size: 1em;
	padding-bottom: 10px;
}
.formQuestion select option{ font-size: .7em; padding: 3px 5px; background-color: transparent; border: 1px solid #BAD0DC; }
.formQuestion select option { padding-right: 4px; }

.formQuestion .mainValue, .formQuestionSub .mainValue {
	background-color: transparent;
	border: 1px dashed #ffffff;
	padding: 5px 8px;
	margin: 0 3px;
	text-align: right;
	font-size: 1.5em;
	color:#1186D9;
}
.formQuestion .value2, .formQuestionSub .value2 {
	background-color: transparent;
	border: 1px solid #BAD0DC;
	padding: 5px 0px;
	margin: 0 3px;
	text-align: right;
	font-size: 1em;
	color:#1186D9;
}
.formQuestionSub {
	text-align:right; margin-right: 0px; margin-top: 10px; position: relative;
}

.formQuestion .mainValue:focus, .formQuestion .mainValue:hover, .formQuestionSub .mainValue:hover, .formQuestionSub .mainValue:focus,
.formQuestion .value2:focus, .formQuestion .value2:hover, .formQuestionSub .value2:hover, .formQuestionSub .value2:focus {
	border:1px solid #c5c5c5; background:#f6f6f6;
} 

.formQuestion .dropdownContent { left:0; font-size: .7em; }
.formQuestion .collapseModuleButton { position: absolute; top: 3px; right: 7px; height: 10px; width: 7px; background-image:url('./images/template/v_1.2/triangleDown-sm.png'); background-position:0px 0px; }
.formQuestion .collapseModuleButton-off { position: absolute; top: 3px; right: 7px; height: 10px; width: 7px; background-image:url('./images/template/v_1.2/triangleDown-sm.png'); background-position:0px 0px; }
.formQuestion .dropdownContent .link4 { padding-left: 10px; padding-right: 10px; }
.formQuestion .link4 { padding-left: 3px; padding-right: 3px; }
.importantLink { font-weight: bold; }

.rightSide .formQuestion .title, .rightSide .formQuestionSub .title { display: block; text-align: left; }
.rightSide .boxControls { font-size: .8em; }
.rightSide .formQuestion .mainValue, .rightSide .formQuestionSub .mainValue { padding: 3px 5px; margin: 0 2px; font-size: 1.3em;}

.goalsFloat { top: 40px;}



.dashboardHeader { background-color: #8EADC6; width: 100%; }
.dashboardHeader h1 { color: #ffffff; margin: 0; padding:8px 10px 3px 25px;}

#popup_bg { position:absolute;top:65px;left:165px;width:550px;height:330px;}
#tracker_bg { width:550px; position: absolute; top: 50px; left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
#tracker_bg .dashModule h3 { margin-left: 20px; }
#tracker_bg .dashModuleBox { background-color: #8EADC6; }

#modalWrap {
left:0;
margin-left:auto;
margin-right:auto;
position:absolute;
right:0;
top:50px;
}
.newsRow { width: 100%; }
.newsItem { padding: 0px 15px 20px; font-size: 1.1em; letter-spacing: .1em; }

.messageDivDash { width: 100%; margin: 40px 0px;  text-align: center; }
.messageDivDashSub { width: 60%; margin: auto; background-color: #ffffff; border: 1px solid #CFE0EA; padding: 30px 50px 40px; }
.messageDivDash p { margin-top: 5px; margin-bottom: 5px; }
.messageDivDash h3 { margin-top: 20px; margin-bottom: 20px; font-size: 2em; }
.buttonBarCenter .buttonBox { float: none; }
.messageDivDash .buttonBarCenter { margin-top: 30px; }

.messageDivOld { position: absolute; top:0; left: 0; height: 300px; width: 100%; background-color: #F7F7F7; }
.messageDivOld .bigPadding { padding-top:110px; }

/* .messageDiv .dashModuleBox { background-color: #8EADC6; width: 600px;} */
.messageDiv .dashModuleBox { background-color: #ffffff; }
.messageDiv .dragHandle { background-color: #8EADC6; font-size: 2em; position: relative; color:#ffffff; padding: 0px 17px;}
.messageDiv .dragHandle .subTitle{ color:#ffffff; font-size: .7em; margin-left: 3px; }

.primaryHighlight:hover .subTitle { color: #ffffff; }


strong { font-weight: bold; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.docWrapper { padding: 10px; font-size: 1.1em; }
.docWrapper p { margin-top: 10px; }
.alert { color: #DE0000; font-size: 1.1em; padding-top: 10px; padding-bottom: 20px; }
.optionTitle { width: 15%; text-align:right; padding-right:5px; font-size: 1.2em; font-weight: normal; }


/***** IE fixes *****/
.formItemClearStyle { background-color:transparent; border: none;}

/* #tracker_content { padding-top: 15px; } */
#tracker_bg .menuBarTabs { padding-top: 20px; }

/***** object title replacement style *****/
div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

#theday { padding-bottom: 15px; }
.journalImage { float: left; margin-right: 8px; }

.subtleContent h2 { margin-left: 15px; }
.subtleContent p { margin-left: 25px; margin-right: 25px; color: #8EADC6; }

.introMessage { padding: 0 25px 25px; color: #ffffff; font-size: 1.1em; }
.introMessage a { color:#F7E68F; }


/*****  dashboard menu structure *****/

.dashboardWrap1 { background-color: #f0f0e9; border: none; }
/* .dashboardWrap1 { border:2px solid #8EADC6; background-color:#8EADC6; } */
body .menuBarTabsLevel1 { margin-top: 0px; padding-top: 0px; }
body .menuBarTabsLevel1 .menuItems .current { background-color: #f0f0e9; color: #8EADC6; font-size: 2.1em; padding-left: 0px; }
body .menuBarTabsLevel1 .menuItems .current:hover { color: #8EADC6; }
body .menuBarTabsLevel1 .menuItems .notCurrent { display: none; background-color: #ffffff;}
body .menuBarTabsLevel2 { margin-top: 10px; padding-top: 0px; font-size: 1.4em; margin-bottom: 1px; }
body .menuBarTabsLevel2 .menuItems .current { background-color: #CFE0EA; }
body .menuBarTabsLevel2 .menuItems .notCurrent { background-color: #ffffff; color: #8EADC6;}
body .menuBarTabsLevel2 .menuItems .notCurrent:hover { background-color: #8EADC6; color: #ffffff;}
body { background-color: #f0f0e9; }
.dashModuleContent p { padding: 5px 25px; font-size: 1.2em; }
.dashModuleContent p.first { padding-top: 25px; }
.dashModuleContent ul { margin-left: 5px; }
.dashModuleContent ul li { margin-left: 0px;  padding-left: 10px; padding-top: 5px; }
.dashModuleContent h3 { padding-top: 10px; float:none; }


body .currentHighlight, body .notCurrentHighlight:hover { background-color: #CFE0EA; color: #8EADC6; float:right; font-size: .8em; }
body .notCurrentHighlight { background-color: #F39B03; color: #ffffff; float:right; font-size: .8em; }
body .currentHighlightDark { background-color: #8EADC6; color: #ffffff; float:right; font-size: .8em; }

body .currentHighlightInline, body .notCurrentHighlightInline:hover { background-color: ##396A8F; color: #8EADC6; }
body .notCurrentHighlightInline { background-color: #F39B03; color: #ffffff; }

.sortableListItem p { padding: 5px 25px; font-size: 1.2em; }
.sortableListItem p.first { padding-top: 25px; }
.sortableListItem p.last { padding-bottom: 25px; }

#flexible { position: fixed; bottom: 5px; right: 5px; z-index: 10000000; cursor: pointer; }

.programWrap h2 {margin-left: 25px; Margin-right: 25px; }
.programWrap ul.arrow_list {margin-top: 15px; font-size: 1.1em; margin-right: 20px; }
.programWrap .dashModuleWrap ul.arrow_list {margin-left: 20px; }
.programWrap .partnerLogo { float: left; margin: 10px 25px 15px; }
.programTitle {color: #8EADC6; font-size: 1.9em; font-weight: normal; padding: 13px 10px 0px 25px; display:block; }
.basic_list p { padding-left: 0; padding-right: 0; font-size: 1em; }
.featureBoxRight { float: right; margin-left: 10px; width: 300px; margin-top: 10px; }
.featureBoxLeft { float: left; margin-right: 10px; width: 300px; margin-top: 10px; }
.featureBoxCenter { text-align: center; margin-right: auto; margin-left: auto; margin-top: 10px; }
.featureBoxCenter .adminTable{ margin-right: auto; margin-left: auto; }
.programWrap .leftSide { width: 730px; }
.programWrap .dashboardRow { margin-left: 25px; margin-right: 15px; }
.adminTable .highlight { font-size: 2em; }
body .featureBoxCenter td { text-align: center; }

/***** calendar replacements *****/
.cal_lg_hour_am { text-align:right; }
.cal_lg_meal_name { text-align: center; padding: 2px; }
body td.cal_lg_hour_content { border-bottom: 1px solid #D0D0D0; border-top: none; }
.itemName { font-size: 1.1em; color: #3F7CA5; margin-bottom: 3px; }
.sliderWrap { color: #7CA8C0; font-size: .8em; }
#theday .moduleDetail { padding-top: 0; }
.fullWidthCenter { width: 100%; text-align: center; margin-bottom: 5px; }
.descriptionList { margin-left: 50px; padding-bottom: 4px; }
.descriptionList2 { padding-bottom: 4px; }
.tracker_item .notFirst { border-top:1px dotted #7CA8C0; padding-top: 4px; }
.cal_lg_hour_content_meal .basic_list { background-color: #dbe5ea; }
body .cal_lg_hour_content_meal .linkArea:hover { background-color: #ededed; }
.cal_lg_hour_content .basic_list { background-color: #dbe5ea; }

.featureBoxRight h3 { font-size: 1.5em; margin-left: 0; }
.caseStudies { background-color: #ffffff; }