body, ul, th, td { font-family: tahoma, arial, sans-serif; font-size: 10pt; margin: 0; padding: 0; color: #000000; }
input[type="button"], input[type="submit"] { padding: 0.25em; }
label { display: inline-block; }
input[type="checkbox"], input[type="radio"] { margin-right: 0.25em; }
input[type="button"], input[type="submit"] { padding: 0.5em; }
input.numeric { text-align: right; }
td { vertical-align: top; }

.phase { color: black; font-weight: bold; }

.loader { position: fixed; vertical-align: bottom; left: 50%; top: -20px; padding-top: 20px; margin-left: -100px; width: 200px; height: 20px; text-align: center; background: #eee url('images/loader.gif') no-repeat 5px 22px; -moz-box-shadow: 3px 3px 4px #aaa; box-shadow: 4px 4px 4px #aaa; }
.loaderBackground { position: fixed; left: 0; top: 0; right: 0; bottom: 0; cursor: wait; }

.content p { margin-bottom: 0.5em; margin-top: 0.5em; }
.content h1 { color: #bc2423; font-size: 15pt; font-weight: normal; margin: 0.5em 0 0.5em 0; border-bottom: 1px solid #bc2423; }
.content h2 { color: #000; font-size: 11pt; margin: 1.5em 0 0.5em 0; }
.content h3 { color: #0B628A; font-size: 10pt; font-weight: bold; margin: 1em 0 0 0; }
.content h4 { color: #000; font-size: 11pt; font-weight: bold; margin: 0.75em 0 0.75em 0; }

.content ol { padding-left: 2em; }
.content ul { padding-left: 2em; }
.content fieldset { border: 0; }
.content a, a:visited, a:active { color: black; }
.content a img { border: 0; }

table td { vertical-align: top; }

.wrapper { margin: 0 10px 70px 10px; }
.top { height: 160px; background: url('images/top.jpg'); background-position: left; background-repeat: no-repeat; background-color: #f0f0f0; position: relative; margin-bottom: 15px; }
.top .overlay { width: 260px; height: 160px; background: url('images/overlay.svg'); border-radius: 0 5px 0 0; }
.bottombar { clear: both; float: none; background: #ececec url('images/footer-bg.png') repeat-x; padding: 20px 4px 4px 4px; }
.mnuTop { background: #3A5C7F; overflow: hidden; padding: 0; color: #fff; list-style: none; list-style-type: none; }
.mnuTop li { float: left; display: inline-block; height: 40px; line-height: 40px; padding: 0 10px 0 10px; border-right: 1px solid #fff;  }
.mnuTop li.selected { background: #d8f0f9; }
.mnuTop li.selected a { color: #294f63; font-size: 18px; }
.mnuTop a { text-decoration: none; color: #fff; font-size: 10pt; }
.mnuTop a:hover { text-decoration: underline; }
.mnuSubmenu { clear: both; background: #d8f0f9; line-height: 40px; min-height: 40px; padding-left: 4px; color: #294f63; margin-bottom: 6px; border-bottom: 1px solid #89b917; list-style: none; }
.mnuSubmenu li { display: inline-block; }
.mnuSubmenu li a { border-left: 1px solid #89b917; padding-left: 0.5em; margin-left: 0.5em; }
.mnuSubmenu li:first-child a { padding-left: 0; border-left: 0; margin-left: 0; }
.mnuSubmenu a { text-decoration: none; color: #294f63; font-size: 10pt; }
.mnuSubmenu a:hover { text-decoration: underline; }
.mnuSubmenu li.selected a { font-size: 16px; }
.middle { display: flex; flex-flow: row wrap; gap: 10px; }
.content { flex: 0; flex-grow: 1; min-width: 300px; margin-bottom: 10px; }
.sidebar { flex: 1; min-width: 355px; max-width: 355px; margin-top: 9px; margin-bottom: 10px; }

.mnuBottom { list-style: none; padding: 0; font-size: 8pt; }
.mnuBottom ul { padding: 0; margin-bottom: 1.5em; }
.mnuBottom li.selected, .mnuBottom ul li.selected { font-style: italic; }
.mnuBottom li { display: inline-block; vertical-align: top; margin-right: 15px; text-align: left; font-weight: bold; width: 140px; }

.mnuBottom ul li { display: block; font-style: normal; margin: 0; font-weight: normal; }
.mnuBottom a { font-size: 7pt; text-decoration: none; color: #000; }
.mnuBottom a:hover { text-decoration: underline; }

.sidebar h1 { color: #bc2423; font-size: 12pt;  font-weight: normal; margin: 0 6px 0.5em 6px; padding-top: 0.5em; }
.sidebar h2 { color: #000; font-size: 11pt; margin-bottom: 0.25em; padding-top: 17px; margin-top: 17px; background: url('images/top-bg.png') repeat-x 0 2px; }
.sidebar a { color: #000; text-decoration: underline; }
.hideableSidebarItem { position: relative; }
.sidebar .hideSidebarItem { position: absolute; top: 0; right: 0; display: block; padding: 5px; border: 1px solid #D4D4D4; text-align: center; text-decoration: none; color: #777; text-decoration: none; text-decoration: none; }
.sidebar .hideSidebarItem:hover { color: #fff; background: #f00;  text-decoration: none; }
.sidebar .showSidebarItem { position: absolute; right: 5px; top: 5px; text-decoration: none; }
.hiddenSidebarItemList { list-style: none; padding: 0; margin-top: 10px; }
.hiddenSidebarItemList li { display: block; margin-bottom: 5px; }
.hiddenSidebarItemList a { display: block; position: relative; border: 1px solid #D4D4D4; color: #777; padding: 5px; cursor: pointer; text-decoration: none; }
.hiddenSidebarItemList a:hover { color: #fff; background: #0a0; text-decoration: none; }

.boxwithbutton, .box, .smallbox { border: 1px solid #D4D4D4; }
.boxwithbutton { margin-bottom: 50px; }
.smallbox { width: 153px; float: left; }
.innerbox { background: url("images/boxgradient.png") repeat-x scroll center bottom transparent; color: #1D3542; margin: 2px; }
.smallbox .innerbox { height: 113px; padding: 6px; }
.boxcontent { border-top: 1px solid #2a7092; margin: 1px 5px 0; padding: 2px 0 20px 0; }
a.boxbutton { background: url("images/buttons/button.png") repeat scroll 0 0 transparent; color: #1A4D65; display: block; height: 28px; margin: -15px auto -18px; padding-top: 5px; text-align: center; text-decoration: none !important; width: 150px; }
a.boxbutton:visited { color: #1A4D65; }

.copyright { margin-top: 1em; color: #aaa; font-style: italic; }

.sidebarContentItem .body,  .sidebarContentItem .title a { padding-left: 20px; color: #000; }
.sidebarContentItem .title a { text-decoration: none; }
.sidebarContentItem .title a:hover { text-decoration: underline; }
.sidebarContentItem .title { margin: 0.5em 0 0.5em 0; }
.sidebarContentItem .expanded { background: url('images/buttons/arrow-down.png') no-repeat left center; }
.sidebarContentItem .collapsed { background: url('images/buttons/arrow-left.png') no-repeat left center; }

.faq .body, .faq .title a { display: block; padding-left: 20px; color: #000; }
.faq .title a { text-decoration: none; font-weight: bold; }
.faq .title a:hover { text-decoration: underline; }
.faq .title { margin: 0.5em 0 0.5em 0; }
.faq .expanded { background: url('images/buttons/arrow-down.png') no-repeat left center; }
.faq .collapsed { background: url('images/buttons/arrow-left.png') no-repeat left center; }

.twoPanes { position: relative; height: 155px; margin: 2em 0; }
.twoPanes div { width: 278px; height: 145px; padding: 5px; border: 1px solid #aaa; background: #fafaff; }
.twoPanes .left { position: absolute; left: 0; top:0; }
.twoPanes .right { position: absolute; right: 0; top: 0; }
.twoPanes p, .pane p { margin: 1em 0; }

.pane h1, .infopane h1, .okpane h1, .alertpane h1, .cookpane h1, .twoPanes h1  { font-size: 10pt; margin: 0 0 0.75em 0; color: #bc2423; font-weight: bold; border: none; }
.pane h2, .infopane h2, .okpane h2, .alertpane h2, .cookpane h2, .twoPanes h2  { font-size: 10pt; margin: 2em 0 0.5em 0; color: #bc2423; font-weight: bold; }

.pane, .infopane, .okpane { background: #f7f8e0; border: 1px solid #aaa; padding: 5px;  margin: 2em 0; }
.infopane { background: #fff url('images/panes/info.png') no-repeat 20px center; padding-left: 100px; margin: 20px 0; }
.okpane { background: #fff url('images/panes/ok.png') no-repeat 20px center; padding-left: 100px; margin: 20px 0; }
.alertpane { background: #fff url('images/panes/alert.png') no-repeat 20px center; padding-left: 100px; margin: 20px 0; }
.cookpane { background: #fff url('images/panes/cook.png') no-repeat 20px center; padding-left: 100px; margin: 20px 0; }

.popUp { position: fixed; border: 1px solid #1177AA; background: #fff url('images/boxgradient.png') repeat-x left bottom; -moz-box-shadow: 3px 3px 4px #aaa; box-shadow: 4px 4px 4px #aaa; }
.popUp .titlebar { margin: 2px; padding: 4px; background: #89b917; color: #fff; position: relative; cursor: move; }
.popUp .close { position: absolute; top: 4px; right: 4px; }
.popUp .buttonArea { padding: 4px; text-align: right; border-top: 1px solid #aaa; background: #eee; }
.popUp .buttonArea input { width: 7em; padding: 0.25em; margin-left: 0.5em; }
.popUp .contentArea { position: relative; }
.popUp p { margin: 0.5em 0 0.5em 0; }
.popUp h1 { color: #bc2423; font-size: 12pt; font-weight: normal; margin: 0.25em 0 0.25em 0; border: none; }
.popUp ul { padding-left: 1em; }

.background { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: 0.8; }

.grid { width: 100%; border-spacing: 0; }
.grid td { vertical-align: top; }
.grid th { background: #3A5C7F; color: #fff; font-weight: normal; text-align: left; vertical-align: bottom; }
.grid td, .grid th { padding: 2px 4px; }
.grid tr:hover td { background-color: #ccc; }
.grid .odd th { text-align: center; background: #5A7C9F; }
.grid .group { background: #5A7C9F; }
.grid .odd .group { background: #7A9CBF; }
.grid .icon { width: 16px; height: 16px; }
.grid .total td { font-weight: bold; }
.grid td.unit { border-left: 0; }
.grid .odd td { background: #eee; }
.grid .noregistrations { height: 200px; }
.grid tr:hover .noregistrations { background: transparent; }

.gridArea { border: 1px solid #aaa; }
.gridArea h2 { border-bottom: 1px solid #aaa; padding: 4px; margin: 0; }
.gridArea .dataTables_scrollHead { background: #3A5C7F; }

.formArea label { width: 100px; display: inline-block; margin-top: 0.5em; }
.formArea input[type=text], .formArea input[type=password] { width: 100px; border: 1px solid #aaa; padding: 5px; }
.formArea { padding: 5px; position: relative; }

.topBar { position: absolute; right: 0; top: 5px; background: rgba(255, 255, 255, 0.75); padding: 5px; border-radius: 5px 0 0 5px; padding-right: 15px; }
.topBar a { color: #000; text-decoration: none; display: inline-block; padding-left: 1em; }
.topBar a:hover { text-decoration: underline; }

.content li { margin-top: 0.25em; }

.basisplan tr { line-height: 1.5em; }
.basisplan .label { color: #002f84; padding-right: 1em; }

.tagslist input { margin-right: 5px; }
.tagslist td { width: 10em; }

.search .label, .recipe .label { font-size: 11pt; }
.search h1 { color: #bc2423; font-size: 22px; font-weight: normal; margin: 1em 0 1em 0; }
.search h2 { color: #bc2423; font-size: 10pt; background: 0; padding: 0.5em 0 0 0; margin: 1em 0; border-top: 1px solid #bc2423; }
.search a { text-decoration: none; color: #000; padding-left: 12px; background: url('images/buttons/rlnk.png') no-repeat left center;  }
.search a.llink { background: url('images/buttons/llnk.png') no-repeat left center; }
.search .tagslist td { width: 170px; }
.search div.tagslist { width: 170px; float: left; margin-bottom: 1em; }
.search .recipeLink { font-weight: bold; }
.search .resultCount { color: #aaa; }
.search .error { color: #f00; }
.search .phases a { display: inline-block; margin: 1em 0; border: 1px solid #aaa; background: #eee; padding: 5px; margin-left: 15px; border-radius: 5px; width: 120px; text-align: center; }
.search .phases a:first-child { margin-left: 0; }
.search .resultItem { margin: 0.5em 0; position: relative; min-height: 64px; padding-left: 70px; }
.search .resultItem .icon { width: 64px; height: 64px; top: 0; left: 0; position: absolute; }
.search .tagslistPanel { margin-bottom: 1em; }
.search #toggleAdvancedSearchCriteria { display: block; }

.recipe h1 { font-size: 15pt; font-weight: bold; margin: 0; padding: 0; color: #bc2423; }
.recipe h2 { font-size: 10pt; font-weight: bold; margin: 1.5em 0 0.5em 0; color: #0B628A; }
.recipe .heading { margin-top: 1em; position: relative; }
.recipe .newicon { position: absolute; top: 0; right: 0; }

.recipe .details { color: #bc2423; }
.recipe p { line-height: 1.5em; }
.recipe li { line-height: 1.5em; }
.recipe ul { padding-left: 1em; }
.recipe .recipeTags { padding-top: 1em; } 
.recipe .footer { border-top: 1px solid #BC2423; }
.recipe .photo { margin: 15px 0 0 0; }

.search .new, .recipeOverview .new { vertical-align: baseline; margin-left: 0.25em; }

a.recipeSearchReturnLink { display: block; text-decoration: none; margin: 1em 0 1em 0; padding-left: 12px; color: #000; background: url('images/buttons/llnk.png') no-repeat left center; }
a.recipePrintLink { display: inline-block; text-decoration: none; margin: 1em 0 1em 0; padding-left: 20px; color: #000; background: url('images/buttons/print.png') no-repeat left center; }
a.addToFoodDiaryLink { display: inline-block; text-decoration: none; margin: 1em 0 1em 0; padding-left: 20px; color: #000; background: url('images/buttons/foodDiary.png') no-repeat left center; }

.chlist { border-collapse: collapse; width: 100%; }
.chlist th { text-align: left; }
.chlist th, .chlist td { padding-right: 0.25em; }
.chlist td { padding: 0.25em 0; }
.chlist .odd { background: #cfedf8; }
.chlist .F1 { width: 4em; }

.chlist .F3 { width: 10em; }
.chlist .F4 { width: 5em; }

.search .recipeTags { border-top: 1px solid #BC2423; padding-top: 1em; }
.search .recipeDescription { color: #2A85AF; }
.search #refineSearch { margin-top: 1em; }

.weekMenu table { border-collapse : collapse; width: 100%; }
.weekMenu table td { padding-top: 0.5em; }
.weekMenu table td.icon { width: 16px; height: 16px; }
.weekMenu .label { font-weight: bold; width: 5em; padding-left: 4px; }
.weekMenu .carboHydrates { text-align: right; width: 5em; padding-right: 4px; }
.weekMenu table a { text-decoration: underline; }
.weekMenu .pane h2 { font-size: 12pt; font-weight: normal; color: #2A85AF; margin: 0.5em 0 0.5em 0; padding: 0; background: none; }
.weekMenu .pane div { border-bottom: 1px solid #000; }
.weekMenu .title { position:relative; background: #3A5C7F; color: #fff; padding: 4px; }
.weekMenu .extrasArea .title { background: #3A5C7F; }
.weekMenu .title .right { position: absolute; top: 4px; right: 4px; }
.weekMenu .extrasArea, .weekMenu .day { margin-bottom: 1.5em; }

.formArea.userAccount { margin-bottom: 2em; }
.formArea.userAccount label { width: 150px; }
.formArea.userAccount input[type=text] { width: 200px; border: 1px solid #aaa; padding: 2px; }
.formArea.userAccount input { margin-right: 2px; }

.formArea .grid label { margin: 0; }
.formArea .grid td { margin-top: 0.5em; }

.formArea.userAccount .radioButtonList label { width: auto; }
.formArea .error { display: block; color: #f00; }

th.numeric, td.numeric { text-align: right; }
.grid th.center { text-align: center; }

.recipePopUp { padding: 4px; }
.recipePopUp h2 { background: none; padding: 0; margin: 0.5em 0; }

.sidebarContent { background: none; border: 0; }
.sidebarContent .innerbox { background: none; }
.sidebarContent .boxcontent { border-top: 1px solid #BC2423; }
.sidebarContent .body { color: #000; }
.sidebarContent h1 { color: #BC2423; }
.sidebarContent a { color: #000; }

.carboHydratesList .search { margin-bottom: 20px; }

.content .step { background: #3A5C7F; padding: 4px 4px 4px 8px; color: #fff; font-size: 10pt; }
.content .bar { background: #3A5C7F; color: #FFFFFF; padding: 4px 4px 4px 8px; color: #fff; font-size: 10pt; }
.content .bar .phase { color: #FFFFFF;  } 

.content .original { color: #3A5C7F; }
.content .translation { color: #000; margin-bottom: 1em; }

.enterFoodDiaryItem label { width: 8em; }
.enterFoodDiaryItem select { box-sizing: content-box; padding: 2px; }
.enterFoodDiaryItem input.title { width: 345px; }
.enterFoodDiaryItem .moment { width: 345px; }

.foodDiary h2 { color: #fff; background: #3A5C7F; margin: 0; border-bottom: 1px solid #aaa; }
.foodDiary .buttonArea { position: relative; text-align: right; background-color: #eee; border: 1px solid #aaa; border-top: 0; padding: 4px; }
.foodDiary .buttonArea h3 { position:absolute; left: 5px; top: 0; color: #3A5C7F; margin: 0.5em 0 0.5em 0; font-weight: bold; font-size: 12pt; }
.foodDiary .calendarArea { border: 1px solid #aaa; margin-bottom: 2em; }
.foodDiary .calendar { border-spacing: 4px; padding: 4px; margin: 0 auto; }
.foodDiary .calendar th { text-align: center; font-weight: bold; }
.foodDiary .calendar td { text-align: left; height: 60px; width: 67px; padding: 4px; }
.foodDiary .calendar td.day { background: #eee; border: 1px solid #aaa; cursor: pointer; }
.foodDiary .calendar td.day:hover { background: #fff; border: 1px solid #000; }
.foodDiary .calendar td.selectedDay { border: 2px solid #000; padding: 3px; }
.foodDiary .calendar td.selectedDay:hover { border: 2px solid #000; padding: 3px; }
.foodDiary .calendar td.selectedDay .dayNumber { font-weight: bold; }
.foodDiary .calendar td.entryDay { background: #bfdd78; }
.foodDiary .calendar td.today { background: #b6e8ef; }
.foodDiary .calendar .sbld { text-align: center; }
.foodDiary .calendar .sbld span { font-family: Lucida Console, Monospace; }
.foodDiary .calendar .carbohydrates { text-align: right; color: #BC2423; margin-top: 10px; }
.foodDiary .calendar .dayNumber { font-size: 13pt; }
.foodDiary .calendar .prevMonth, .foodDiary .calendar .nextMonth { padding: 4px; cursor: pointer; color: #aaa; }
.foodDiary .calendar .prevMonth:hover, .foodDiary .calendar .nextMonth:hover { background: #eee; border: 1px solid #aaa; padding: 3px; color: #000; }

.measurements .buttonArea { text-align: right; background-color: #eee; border: 1px solid #aaa; border-top: 0; padding: 4px; }
.weight  .buttonArea { text-align: right; background-color: #eee; border: 1px solid #aaa; border-top: 0; padding: 4px; }
a.newMeasurementsButton, a.newWeightButton, a.newFoodDiaryEntryButton, a.renewSubscriptionButton, a.enterTargetWeightButton { display: inline-block; border: solid 1px #000; padding: 4px; color: #000; text-decoration: none; background: #fff; }
a.newMeasurementsButton:hover { background-color: #3E96BE; color: #fff; }
a.newWeightButton:hover { background-color: #3E96BE; color: #fff; }
a.newFoodDiaryEntryButton:hover { background-color: #3E96BE; color: #fff; }
a.renewSubscriptionButton:hover { background-color: #3E96BE; color: #fff; }

.subscription label { display: inline-block; width: 12em; }
.chartArea { padding-bottom: 10px; }
.sidebar .measurements td, .sidebar .measurements th { padding-right: 1em; }

h1.foodDiary { background: url('images/icons/foodDiary.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h1.weight { background: url('images/icons/weight.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h1.subscription { background: url('images/icons/subscription.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h1.measurements { background: url('images/icons/measurements.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h1.sidebarContent { background: url('images/icons/information.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h1.customWeekMenus { background: url('images/icons/customWeekMenu.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h1.emailStatus { background: url('images/icons/email.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h2.ingredients { background: url('images/icons/ingredients.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h2.preparation { background: url('images/icons/preparation.png') no-repeat left center; padding-left: 32px; min-height: 22px; }
h2.nonAtkinsAlternatives { background: url('images/icons/nonAtkinsAlternatives.png') no-repeat left center; padding-left: 32px; min-height: 22px; }

.sidebarImage { display: block; }

.errors { background-color: #fee; padding: 5px; border: 1px solid #000; margin-top: 1.5em; }
.errors ul { margin-left: 2em; }
.errors h1 { border: 0; font-size: 10pt; margin-bottom: 0.5em; }

.personalMenus { padding-left: 15px; }

.buyCustomWeekMenus input[type="radio"] { margin-right: 0.5em; }
.buyCustomWeekMenus textarea { width: 100%; }
.buyCustomWeekMenus .wizardSidebarButton { color: #000; text-decoration: none; }
.buyCustomWeekMenus .wizardSidebarButton.selected { font-weight: bold; }
.buyCustomWeekMenus .wizardSidebar { position: relative; width: 210px; }
.buyCustomWeekMenus .wizardStep { vertical-align: top; }
.buyCustomWeekMenus .wizard { position: relative; width: 100%; height: 450px; }
.buyCustomWeekMenus .sidebarBox { border: 1px solid #D4D4D4; width: 200px; margin-bottom: 4px; } 
.buyCustomWeekMenus .sidebarBox h1 { color: #BC2423; font-size: 11pt; font-weight: normal; margin: 0.5em 6px; border: 0; }
.buyCustomWeekMenus .innerBox { background: url("images/boxgradient.png") repeat-x scroll center bottom transparent; color: #1D3542; margin: 2px; }
.buyCustomWeekMenus .boxContent { border-top: 1px solid #2A7092; margin: 1px 5px 0; padding: 2px 0 20px; }
.buyCustomWeekMenus .question { margin: 0.5em 0 0.5em 0; }
.buyCustomWeekMenus .question ul { list-style: none; }
.buyCustomWeekMenus ul.radioButtonList { padding-left: 0; list-style: none; }
.buyCustomWeekMenus .radioButtonList label { width: auto; margin: 0 0.5em 0 0; }
.buyCustomWeekMenus .question label { width: auto; padding-right: 1em; }
.buyCustomWeekMenus .question .title { padding: 0; }
.buyCustomWeekMenus .s1 .question .title { width: auto; }
.buyCustomWeekMenus .s2 .question .title { width: 22em; }
.buyCustomWeekMenus .s3 .question .title { width: 12em; }
.buyCustomWeekMenus .s4 .question .title { width: 12em; }
.buyCustomWeekMenus .s5 .question .title { width: 12em; }
.buyCustomWeekMenus .s6 .question .title { width: 12em; }
.buyCustomWeekMenus .s7 .question .title { width: 12em; }
.buyCustomWeekMenus .s4 { background: url('images/s4BlockImage.png') no-repeat 390px 25px; }
.buyCustomWeekMenus .s5 { background: url('images/s5BlockImage.png') no-repeat 390px 50px; }

.sidebar .message { display: block; padding: 1em 0 0 0; }
.alert { color: #f00; font-weight: bold; }

.personalWeekMenus a { color: #000; }

.messages { width: 100%; border-collapse: collapse; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.messages .icon { width: 24px; }
.messages td, .messages th { height: 2em;  text-align: left; vertical-align: middle; }
.messages td { border-bottom: 1px solid #fff; }
.messages .message td, .messages th { cursor: pointer; border-bottom: 1px solid #aaa; }
.messages td.cb { width: 2em; text-align: center; }
.messages .unread td { font-weight: bold; }
.messages .unread td:first-child { border-left: 4px solid #888; }
.messages .read td:first-child { border-left: 4px solid #fff; }
.messages .selected td { background: #eee; }
.messages .reading td { background: #89b917; color: #fff; }
.messages .deleted td { opacity: 0.5; }
.controlbar { position: relative; text-align: center; height: 25px; }
.controlbar .left { position: absolute; left: 0; top: 0; }
.controlbar .right { position: absolute; right: 0; top: 0; }
.controlbar a { text-decoration: none; }
.controlbar .aspNetDisabled { color: #ccc; }
.messageArea { background: #eee; margin-top: 15px; padding: 5px; border: 1px solid #aaa; }
.messageBody { margin-top: 10px; overflow-y: auto; height: 20em; padding: 5px; border: 1px solid #aaa; background: #fff; }
.messageArea label, .emailEditorArea label { width: 6em; display: inline-block; }
.emailEditorArea input[type=text], .emailEditorArea select { width: 45em; padding: 2px; margin: 0; border: solid 1px #aaa; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.emailEditorArea textarea { width: 100%; margin-top: 5px; }

.emailadministrator { margin-bottom: 5px; border-bottom: 1px solid #aaa; }

.noUnreadEmails { background: url('images/icons/nounreademails.png') no-repeat 2px center; }
.unreadEmails { background: url('images/icons/unreademails.png') no-repeat 2px center; }

.emailBar { position: absolute; top: 48px; right: 10px; }
.emailBar a { display: inline-block; font-weight: bold; font-size: 15px; padding-left: 20px; color: #ddd; text-decoration: none; text-shadow: 0px 0px 2px #000; }
.emailBar a:visited { color: #ddd; }
.emailBar a:hover { color: #fff; text-shadow: 0 0 5px #fff; }

.administrator { background: #ddd; padding: 5px; margin-top: 30px; border: 1px solid #aaa; }
.email .administrator { margin: 0; }
.administrator input[type=text], .administrator textarea { width: 100%; }

.logon .overlay { margin: 0 auto 3em auto; width: 390px; height: 240px; background: url('images/overlay.svg'); border-radius: 0 5px 0 0; }
.logon .popUp { position: static; width: 26em; margin: 0 auto 0.5em auto; border: 1px solid #17a; background: url('images/boxgradient.png') repeat-x scroll center bottom transparent;  box-shadow: 4px 4px 4px #aaa; }
.logon .titlebar { margin: 0.2em; padding: 0.4em; background: #777a73; color: #fff; }
.logon .error { color: #f00; }
.logon .popUp p { margin: 0.5em 0 0.5em 0; }
.logon .popUp h1 { color: #bc2423; font-size: 12pt; font-weight: normal; margin: 0.25em 0 0.25em 0; border: none; }
.logon .popUp ul { padding-left: 1em; }
.logon .formArea label { width: 8em; display: inline-block; margin: 0.5em 0.2em 0 0.2em; }
.logon .formArea input { width: 15.5em; }
.logon .formArea .errors { background-color: #fee; padding: 5px; border: 1px solid #000; margin-top: 1.5em; }
.logon .formArea .errors ul { margin-left: 2em; }
.logon .formArea .errors h1 { border: 0; font-size: 10pt; margin-bottom: 0.5em; }
.logon .message { text-align: center; color: #555; margin-top: 2em; }
.logon a { color: #27e; }
.logon .forgotLogonDetails label { width: auto; display: block; }
.logon .shortcutinstructions { margin: 30px auto; padding: 5px; border: solid 1px #f00; width: 550px; text-align: center; background: #fee; }
.logon .bookinstructions { margin: 90px auto; width: 28em; min-height: 130px; font-size: 10pt; }

.topbar { background: #a3cc78; font-size: 17px; font-weight: bold; letter-spacing: 2px; color: #fff; padding: 0.75em 0; font-family: 'Arimo',Helvetica,Arial,Lucida,sans-serif; margin-bottom: 1em; }
.topbar .wrapper { text-align: right; margin: 0 auto; line-height: 1em; }

.subscribe textarea { width: 100%; }
.subscribe li { line-height: 1.5em; margin-top: 1em; }
.subscribe h1 { margin: 0; }
.subscribe h2 { color: #000; font-size: 16pt; margin: 0.5em 0; font-weight: normal; }
.subscribe p { margin: 1em 0; font-size: 12pt; }
.subscribe a { color: #000; }
.subscribe .wizardSidebarButton { color: #000; text-decoration: none; line-height: 2em; }
.subscribe .wizardSidebarButton.selected { font-weight: bold; color: #ea234d; }
.subscribe .wizardSidebar { position: relative; width: 260px; }
.subscribe .wizardSidebar table { width: 100%; border-collapse: collapse; }
.subscribe .shoppingCart th, .subscribe .wizardSidebar td { text-align: left; font-weight: normal; padding: 0.5em 0; }
.subscribe .shoppingCart .total th, .subscribe .shoppingCart .total td { border-top: 1px solid #000; }
.subscribe .shoppingCart th { width: 100%; }
.subscribe .wizardStep { vertical-align: top; padding: 0 10px; }
.subscribe .wizard { position: relative; width: 100%; }
.subscribe .sidebarBox { border: 1px solid #D4D4D4; margin-bottom: 4px; } 
.subscribe .sidebarBox h1 {  color: #000; font-size: 15pt; font-weight: normal; margin: 0.5em 6px; }
.subscribe .wizardStep h1 { color: #000; font-size: 20pt; font-weight: normal; border-left: 0; border-right: 0; padding-bottom: 0.1em; }
.subscribe .innerBox { background: url("images/boxgradient.png") repeat-x scroll center bottom transparent; color: #1D3542; margin: 2px; }
.subscribe .boxContent { border-top: 1px solid #2A7092; margin: 1px 5px 0; padding: 2px 0 2px; }
.subscribe .advantages li { list-style-type: none; background: url('images/checkmark.png') no-repeat 3px 5px; padding-left: 25px; line-height: inherit; }
.subscribe .wizardSidebar li { margin-bottom: 0.5em; }
.subscribe .invoice { border-collapse: collapse; }
.subscribe .invoice th { padding-right: 1em; font-weight: normal; text-align: left; }
.subscribe .invoice .total th { font-weight: bold; }
.subscribe .invoice .total th, .invoice .total td { border-top: 1px solid #000; margin-top: 0.5em; }
.subscribe .formArea { padding: 0; padding-bottom: 15px; }
.subscribe .formArea input[type="text"], .formArea select { width: 20em; }
.subscribe .formArea input.short { width: 5em; }
.subscribe .formArea input.housenumber { width: 10em; }
.subscribe .formArea input[type=checkbox], .formArea input[type=radio] { margin: 0 5px 0 0; }
.subscribe .formArea ul.radioButtonList { list-style: none; }
.subscribe .formArea .radioButtonList label { width: auto; margin: 0 0.5em 0 0; font-size: 12pt; }
.subscribe .formArea .errors { background-color: #fee; padding: 5px; border: 1px solid #000; margin-top: 1.5em; }
.subscribe .formArea .errors ul { margin-left: 2em; }
.subscribe .formArea .errors h1 { border: 0; font-size: 11pt; margin-bottom: 0.5em; }
.subscribe .formArea .question label { width: auto; padding-right: 1em; }
.subscribe .formArea .question .title { padding: 0; }
.subscribe .formArea.paymentMethod label { font-weight: bold; width: auto; }
.subscribe .title { display: block; margin-bottom: 5px;}
.subscribe .formArea .paymentMethod label { font-weight: bold; width: auto; }
.subscribe .finishMessage ul { list-style: circle; padding-left: 2em; }
.subscribe .question { margin: 0.5em 0 0.5em 0; font-size: 12pt; }
.subscribe .question ul { list-style: none; }
.subscribe .errors { background-color: #fee; padding: 5px; border: 1px solid #000; margin-top: 1.5em; }
.subscribe .errors ul { margin-left: 2em; }
.subscribe .errors h1 { border: 0; font-size: 10pt; margin-bottom: 0.5em; }
.subscribe .top { display: block; }
.subscribe .bar { background: #ACAEA6; color: #FFFFFF; padding: 10px; }
.subscribe .error { color: #f00; }
.subscribe .licenseAgreed label { width: auto; }
.subscribe .wrapper { margin: 0; max-width: 1024px }
.subscribe .paymentMethod { margin-bottom: 2em; }
@media only screen and (max-width: 649px) {
    .subscribe .wizardSidebar { display: none; }
}

.subscriptionExpired .popUp { left: 50%; transform: translate(-50%, 0); width: 480px; max-width: 95%; }

.permonth {
    font-weight: bold;
}
.discount { margin-left: 2em; border: 1px solid #EA234D; color: #EA234D; display: inline-block; line-height: 13pt; padding: 5px; }

.email .titlebar { position: relative; }
.email .titlebar a { position: absolute; right: 0; top: 5px; text-decoration: none; }
.email .titlebar a:hover { text-decoration: underline; }

.appVersion { position: fixed; right: 0; bottom: 0; color: #aaa; }

.recipeOfTheDay .shortDescription { margin: 1em 0; }

.content .news { list-style: none; padding: 0; }
.news li { margin: 0; padding: 5px; border-top: 1px solid #ddd; background: url('images/bg_item.png') repeat-x; cursor: pointer; }
.news .date { font-size: 8pt; color: #aaa; margin-left: 0.5em; }
.news h2 { margin: 0; padding: 0;}
.news a { text-decoration: none; }

.start a { color: #000; }
.start .userhideablecontrol { position: relative; border: 1px solid #D4D4D4; margin-bottom: 1em; }
.start .userhideablecontrol .title { margin: 0; background: #3A5C7F; color: #fff; padding: 1px 5px; border: 0; font-weight: normal; font-size: 12pt; }
.start .userhideablecontrol .content { margin: 0; padding: 0 5px; width: auto; float: none; }
.start .userhideablecontrol .hidebutton {  display: block; position: absolute; top: 0; right: 0; padding: 2px 5px; text-align: center; text-decoration: none; color: #fff; text-decoration: none; text-decoration: none; }
.start .userhideablecontrol .hidebutton:hover { color: #f00; text-decoration: none; }
.start .userhideablecontrol.hidden { display: block; position: relative; text-decoration: none; padding: 5px; }
.start .userhideablecontrol.hidden:hover { background: #00aa00; color: #fff; }
.start .userhideablecontrol .showbutton { position: absolute; top: 0; right: 0; padding: 5px; }
.start .uhcnews .title { background: #416d20;}
.start .uhcnews .content { padding: 0; }
.start .uhcnews img { max-width: 100%; }
.start .mostRecent { width: 100%; }
.start .mostRecent th { text-align: left; font-weight: bold; }
.start .moment { width: 10em; }
.start .parent { font-weight: bold; }
.start .tipOfTheDay { position: relative; padding: 5px; padding-left: 55px; margin-bottom: 1em; background: url("images/tip.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.start .tipOfTheDay .title { color: #fff; font-size: 15pt; }
.start .tipOfTheDay .content { float: none;  margin: 0; width: auto; }
.start .tipOfTheDay .hidebutton { position: absolute; top: 0; right: 0; color: #aaa; padding: 2px 5px; text-decoration: none; }

.custom-combobox { position: relative; display: inline-block; }
.custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; }
.custom-combobox-input { margin: 0; padding: 0 2px; font-family: inherit; font-size: inherit; font-weight: inherit; color: #000; width: 300px; }
.ui-menu .ui-menu-item a { padding: 0; }
.controlbar.emailadministrator { margin: 10px 0; text-align: left; }
.controlbar.emailadministrator  label { width: 12em; }
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 10000; }
.hasDatepicker { background: #fff url('images/icons/calendar.png') no-repeat right center; min-height: 16px; border: 1px solid #000; padding: 1px; }
.ui-autocomplete-input { background: #fff url('images/icons/search.png') no-repeat right center; min-height: 16px; font-family: tahoma,arial,sans-serif; font-size: 10pt; font-weight: normal; width: 24em; }
.emailEditorArea .ui-autocomplete-input { width: 42.3em; }
.ui-menu .ui-menu-item a { font-weight: inherit; padding: 0; line-height: inherit; }
.ui-widget { font-family: inherit; font-size: inherit; }

.images .delete { position: absolute; bottom: 10px; right: 10px; }