@import "lib/buttons.css";

/* -------------------------------------------------------------- 
   * Resets default browser CSS
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
html { height:100%; }
body { line-height:1.5; margin:0; padding:0; width:100%; height:100%; font-size:75%; color:#333; }

#container { min-height:100%; position:relative; padding-top:31px; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* ----------------------------------------------------------- */
/* -------------------------------------------------------------- 
   * Typography
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
  
body { color:#333; background-color:#fff; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Trebuchet, "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4 { font-weight: bold; }

h1 { font-size:2.2em; line-height:1; margin-bottom:20px; color:#333333; }			/* Dark Grey */
h2 { font-size:1.6em; margin-bottom: .45em; color:#7bb200; }						/* Green */
h3, .h3 { font-size:1.5em; margin-bottom: .45em; color:#333333; line-height:1.2; }	/* Dark Grey */
h4 { font-size:1.5em; margin:0 0 .45em; color:#3399FF; }							/* Blue */
h5 { font-size:1.3em; margin-bottom: .45em; color:#7bb200; font-weight:normal; }	/* Green */
h6 { font-size:1.3em; margin-bottom: .45em; color:#3399ff; font-weight:normal; }	/* Blue */

.orangebox h3, .bluebox h3, .greenbox h3, .greybox h3 { font-weight:bold; font-size:1.5em; margin-bottom:.45em; color:#333; }

#card_content h4, #card_content h6 { margin:10px 0 0; padding:0; }
#card_sm h4, #card_sm h5, #card_sm h6 { margin:0; padding:0; }
#card_med h4, #card_med h6, #card_nifty h4, #card_nifty h6 { margin:0; padding:0; }
#card_med h1, #card_med h5, #card_nifty h1, #card_nifty h5 { margin:0 0 .35em; padding:0; }
#card_big h1, #card_big h3, #card_big h5 { margin:0; padding:0; }
#card_big h5 { color:#8aa51b; }
#card_big ul.inlinelinks { margin:5px 0 0; }
#card_supersm h6 { margin:0; padding:0; }

/* Text elements
-------------------------------------------------------------- */
p { margin:0 0 1.2em; }
p.grey { background-color:#EFEFEF; width:100%; padding:5px; }

ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }

dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dl dd { margin-left:1.5em; }

abbr, acronym { border-bottom:1px dotted #808080; cursor:help; }
address { margin-top:1.5em; font-style:italic; }
del { color:#000; }

a { color:#3399ff; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; }

blockquote { margin:1.5em; font:italic 1em/1.5em georgia; color:#333; }
blockquote .from { font-size:1em; line-height:1.4; font-style:normal; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#808080; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em monospace; line-height:1.5; } 
tt { display:block; margin:1.5em 0; line-height:1.5; }

/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
table h1, table h2, table h3, table h4, table h5, table h6 { margin:0; padding:0 }
th { border-bottom: 2px solid #DDD; font-weight: bold; }
td { border-bottom: 1px dotted #CCC; }
th,td { padding: 5px 10px 5px 0; vertical-align: middle; }
tfoot { font-style: italic; }
caption { background: #ffc; }

table#pricetable { margin:0; padding:0; width:100%; border-spacing:0; border-collapse:separate;  }
table#pricetable th, table#pricetable td { margin:0; padding:0; border:none; }
table#pricetable th { text-align:center; }
h1.pricetable { color:#000000; font-size:36px; font-weight:bold; letter-spacing:-2px; }

table#pricetable2 { margin:0; padding:0; width:770px; border-spacing:0; border-collapse:separate;  }
table#pricetable2 th, table#pricetable td { margin:0; padding:0; border:none; }
table#pricetable2 th { text-align:center; }
h1.pricetable2 { color:#000000; font-size:36px; font-weight:bold; letter-spacing:-2px; }

table.profileinfo { margin:0; width:575px; font-size:1.25em; }
table.profileinfo th, table.profileinfo td { border:none; vertical-align:top; font-weight:normal; }
table.profileinfo th { width:100px; padding:15px 10px 15px 0; }
table.profileinfo td { color:#333333; padding:15px 10px 15px 0; }
table.profileinfo tr { border-top:#CCC 1px dashed; width:100%; }

table#nutrition-totals { margin:0 0 1.4em; width:100%; background:#ccc; }
table#nutrition-totals th { border-bottom: 2px solid #666666; font-weight: bold; }
table#nutrition-totals td { border-bottom: 1px dotted #999; }

.orangebox table { border:1px solid #cf4700; border-top:1px solid #a13700; }
.bluebox table { border:1px solid #81dcf2; border-top:1px solid #499eb3; }
.greenbox table { border:1px solid #b4c91a; border-top:1px solid #7f8f06; }
.greybox table { border:1px solid #e2e1dd; border-top:1px solid #bbbbbb; }
 
.bluebox table tr, .orangebox table tr, .greenbox table tr, .greybox table tr { background-color:#FFF; } 
.bluebox table th, .orangebox table th, .greenbox table th, .greybox table th { background:url(/images/bg-input-text.jpg) repeat-x top; }

/* Some default classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 0.75em; font-weight:normal; }
.extrasmall { font-size:10px; font-weight:normal; }
.extrasmall_red { font-size:10px; font-weight:normal; color:#FF0000; }
.smaller { font-size:.6em; font-weight:normal; }
.sm12px { font-size:12px; font-weight:normal; }
.large { font-size: 1.2em; }
.quiet { color: #999; font-weight:normal; }
.reverse { color:#FFFFFF; }
.red { color:#FF0000; }
.orange { color:#FF3300; }
.ltorange { color:#ff6633; }
.green { color:#7bb200; }
.drkgreen { color:#7f9e02; }
.ltblue { color:#3399ff; }
.txtlink { color:#3399FF; cursor:pointer; }
.txtlink:hover { text-decoration:underline; }
.blue { color:#0099ff; }
.grey { color:#808080; }
.drkgrey { color:#333333; }
.black { color:#000000; }
.journalmsg { color:#917d33; } /* Used for the 'Recent Journal Entries' module on the Public Profile */
.peopletxt { font-size:11px; font-weight:normal; margin:0; padding:0; color:#808080; display:block; }
.greendrop { color:#8aa51b; background-color:#efefef; } /* used for the dropdown quickentry */
.strike { text-decoration: line-through; }

.delete, .delete a { color:#FF0000; padding-left:18px; background:url(/images/icon_delete-trans.png) no-repeat left; width:16px; height:16px; }
.delete a:hover { color:#FF0000; text-decoration:underline; }
.edit, .edit a { padding-left:18px; background:url(/images/icon-edit-grey-trans.png) no-repeat left; width:16px; height:16px; }
.edit:hover, .edit a:hover { background:url(/images/icon_edit-trans.png) no-repeat left; }
.add, .add a { padding-left:18px; background:url(/images/icon_add-trans.png) no-repeat left; width:16px; height:16px; }
.add-food, .add-food a { padding-left:18px; background:url(/images/icon-add-16x16-trans.png) no-repeat left; }
.tasklink, .tasklink a { padding-left:18px; background:url(/images/icon_tasks-trans.png) no-repeat left; width:16px; height:16px; }
.journallink, .journallink a { padding-left:18px; background:url(/images/icon_journal-trans.png) no-repeat left; width:16px; height:16px; }
.forumlink, .forumlink a { padding-left:18px; background:url(/images/icon_forumpost-trans.png) no-repeat left; width:16px; height:16px; }
.listshow, .listshow a { padding-left:18px; background:url(/images/icon_list-trans.png) no-repeat left; width:16px; height:16px; }
.addthis, .addthis a { padding-left:18px; background:url(http://s7.addthis.com/addthis16.gif) no-repeat left; width:16px; height:16px; }
.addnutrition, .addnutrition a { padding-left:18px; background:url(/images/icon-nutrition-16x16-trans.png) no-repeat left; width:16px; height:16px; }
.addnutrition a:hover { text-decoration:underline; }

.image-icon { background:url(/images/icons-media-trans.png) no-repeat 0 0; width:55px; height:55px; margin-right:3px; }
.image-icon:hover { background:url(/images/icons-media-trans.png) no-repeat 0 -55px; width:55px; height:55px; margin-right:3px; }
.video-icon { background:url(/images/icons-media-trans.png) no-repeat -55px 0; width:55px; height:55px; margin-right:3px; }
.video-icon:hover { background:url(/images/icons-media-trans.png) no-repeat -55px -55px; width:55px; height:55px; margin-right:3px; }
.audio-icon { background:url(/images/icons-media-trans.png) no-repeat -110px 0; width:55px; height:55px; margin-right:3px; }
.audio-icon:hover { background:url(/images/icons-media-trans.png) no-repeat -110px -55px; width:55px; height:55px; margin-right:3px; }
.doc-icon { background:url(/images/icons-media-trans.png) no-repeat -165px 0; width:55px; height:55px; margin-right:3px; }
.doc-icon:hover { background:url(/images/icons-media-trans.png) no-repeat -165px -55px; width:55px; height:55px; margin-right:3px; }
.allmedia-icon { background:url(/images/icons-media-trans.png) no-repeat -220px 0; width:55px; height:55px; }
.allmedia-icon:hover { background:url(/images/icons-media-trans.png) no-repeat -220px -55px; width:55px; height:55px; }

.subhead { margin:-.45em 1em .6em 0; color:#7bb200; font-weight:normal; }
.heading_link { float:right; margin:0; padding:10px 0 0; }

.homepage_links { position:absolute; bottom:15px; left:38%; }

.hide { display: none; }
.highlight { background: #ffc; }

.loginlink { font-size:.8em; margin:6px 0 0; }

ul.loginform { list-style:none; margin:0; padding:0; }
ul.loginform li { display:inline; }

/* List Items
-------------------------------------------------------------- */
/* TABS */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 11px 0 0 0; padding: 0; }
ul.tabs li a { float: left; display: block; }
/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

.nobullets { list-style-type:none; margin:0; }
.nobullets li { margin:0 0 5px 0; }

ul.inlinelinks { list-style:none; margin:0; padding:0; }
ul.inlinelinks li { display:inline; margin:0 5px 0 0; padding:0 0 0 6px; border-left:1px solid #DFDFDF; }
ul.inlinelinks li:first-child { margin:0 5px 0 0; padding:0; border-left:none; }

ul.addrecipe { list-style:none; margin:0; padding:0; }
ul.addrecipe li { float:left; display:block; margin:0 10px 0 0; padding:0 0 0 11px; height:20px; border-left:1px solid #CCC; }
ul.addrecipe li:first-child { margin:0 5px 0 0; padding:0; border-left:none; }

#card_sm ul.inlinelinks { list-style:none; margin:0; padding:0; }
#card_sm ul.inlinelinks li { display:inline; float:left; margin:0 5px 0 0; padding:0 0 0 6px; border-left:1px solid #DFDFDF; }
#card_sm ul.inlinelinks li:first-child { margin:0 5px 0 0; padding:0; border-left:none; }

ul.cr_menu_links { list-style:none; margin:0; padding:0; }
ul.cr_menu_links li { display:inline; margin:0 10px 0 0; padding:0 0 0 11px; border-left:1px solid #DFDFDF; white-space:nowrap; font-size:1.3em; font-weight:bold; }
ul.cr_menu_links li:first-child { margin:0 10px 0 0; padding:0; border-left:none; }

ul.inline { list-style:none; margin:10px 0; padding:0; }
ul.inline li { display:inline; float:left; margin:0 15px 0 0; }
ul.inline .selected { color:#333333; padding:3px 6px; border:#CCC 1px dashed; }

ul.profilelinks { list-style:none; margin:15px 0 0; padding:0; }
ul.profilelinks li { margin:0 0 5px 0; }

ul.iconinline { list-style:none; margin:10px 0; padding:0; }
ul.iconinline li { display:inline; margin:0 5px 0 0; }

ul.go { list-style:url(/images/icon_bullet_go-trans.png) inside; margin:0 0 0 10px; }
ul.go li { margin:0; }

ul.landingpage { list-style:url(/images/icon_bullet_go-trans.png); margin:0 0 0 50px; }
ul.landingpage li { margin:0 0 15px; font-size:1.3em; color:#333; }

ul.landingpage-tick { list-style:url(/images/partners/jill-ebc/bullet-tick-trans.png); margin:0 0 0 30px; }
ul.landingpage-tick li { margin:0 0 15px; font-size:1.5em; color:#333; }

ul.checkbullets { list-style:url(/images/icon-accept-16x16-trans.png); margin:0 0 15px 40px; }
ul.checkbullets li { margin:0; font-size:1.2em; color:#333; }

.recent { list-style-type:none; margin:10px 0 0; }
.recent li { margin:0; padding:5px 0; border-bottom:1px dotted #CCC; position:relative; }

.groupprefs { list-style-type:none; margin:25px 0; }
.groupprefs li { margin:0; padding:3px 0; border-bottom:1px dotted #CCC; }
.groupprefs li:last-child { border:none; }

ol.todo { margin:0; padding:0; list-style:none; }
ol.todo li { margin:0 0 2px; padding:6px 0 6px 30px; color:#333; min-height:18px; border:1px solid #efefef; border-bottom:1px solid #e2e1dd; background:#FFF; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; }
ol.todo li:hover {  border:1px solid #333; border-bottom:1px solid #000; background:#333; color:#FFF; }
ol.todo li a { margin:0; padding:0; color:#333; line-height:1.3; }
ol.todo li:hover a { margin:0; padding:0; color:#FFF; }
ol.todo li .skip { width:24px;height:24px;display:block }
ol.todo li .skip a { display:none; }
ol.todo li:hover .skip a { display:inline; }
ol.todo .todo-numbers { position:absolute; left:4px; top:3px; }

ul.forum_actions { list-style:none; float:right; }
ul.forum_actions li {  }

.pagination ul { list-style:none; }
.pagination li { float:left; margin-left:5px; padding-left:5px; border-left:1px dotted #CCC; }
.pagination li:first-child { border-left:1px dotted #CCC; }

.lrglinks { list-style-type:none; }
.lrglinks li { margin:0 0 5px 0; font-size:1.2em; font-weight:bold; white-space:nowrap; }

/* Profile Stats */
dl.inlinestats { list-style:none; margin:0 0 5px; font-size:1em; }
dl.inlinestats dt { display:inline; margin:0 5px 0 0; padding:0 0 0 5px; }
dl.inlinestats dt:first-child { padding:0; }
dl.inlinestats dd { color:#333333; display:inline; margin:0; padding:0 5px 0 0; border-right:1px dotted #e2e1dd; }
dl.inlinestats dd:last-child { border-right:none; }

dl.inlinestats-sm { list-style:none; margin:0 0 5px; font-size:.8em; }
dl.inlinestats-sm dt { display:inline; margin:0 2px 0 0; padding:0 0 0 2px; }
dl.inlinestats-sm dt:first-child { padding:0; }
dl.inlinestats-sm dd { color:#333333; display:inline; margin:0; padding:0 2px 0 0; border-right:1px dotted #e2e1dd; }
dl.inlinestats-sm dd:last-child { border-right:none; }

.profile-txt h1 { margin-bottom:.25em; padding:0; }
.profile-txt dl, .profile-txt p { font-size:1em; }
.profile-txt p { margin:0; line-height:1.25; width:450px; margin-bottom:10px; }

ul.ministats { list-style:none; margin:0 0 5px; color:#333; }
ul.ministats li { display:inline; margin:0 5px 0 0; padding:0 0 0 9px; border-left:#CCC 1px solid; }
ul.ministats li:first-child { border-left:none; padding:0; }
ul.ministats li.flag { display:inline; margin:0 5px 0 0; padding:0 0 0 9px; border-left:#CCC 1px solid; color:#FF0000; }
ul.ministats li .weightup { padding-left:15px; color:#FF0000; background:url(/images/icon-arrow-up-red.png) no-repeat left; font-weight:bold; font-size:1.25em; }
ul.ministats li .weightdown { padding-left:15px; color:#62a51b; background:url(/images/icon-arrow-down.png) no-repeat left; font-weight:bold; font-size:1.25em; }
ul.ministats .data { font:bold 1.2em/1em Georgia; }

ul.specialty { list-style:none; margin-left:5px; }
ul.specialty li { margin-bottom:3px; }

.extra-recipe-lists { list-style:none; margin:0; }
.extra-recipe-lists li { padding:5px 0; border-bottom:1px dotted #CCC; }
.extra-article-lists { list-style:none; margin:0; }
.extra-article-lists li { padding:5px 0; border-bottom:1px dotted #CCC; }

ul#ingredients { list-style:none; margin:0 20px; }
ul#ingredients li { padding:3px 0; border-bottom:1px dotted #CCC; }
ul#ingredients li:last-child { border-bottom:none; }

ol#order { margin:10px 20px; }
ol#order li { padding:3px 0; border-bottom:1px dotted #CCC; }
ol#order li:last-child { border-bottom:none; }

ul#user_achievements, ul#other_achievements { list-style-type:none; margin:0; }
ul#user_achievements > li, ul#other_achievements > li { border-bottom:1px dotted #D2DADA; line-height:1.6; padding:0.7em 0 0.8em; position:relative; }
ul#user_achievements > li:hover, ul#other_achievements > li:hover { background-color:#f5f5f5; color:#333; }
ul#user_achievements img.left , ul#other_achievements img.left  { margin-left:10px; }
ul#other_achievements, ul#other_achievements h5  { color:#999; }
ul#other_achievements li:hover h5 { color:#7bb200; }

/* Profile Info */
dl#profileinfo { list-style:none; margin:0 0 10px; padding:0; }
dl#profileinfo dt { display:inline-block; margin:0 3px 0 0; padding:0; font-weight:normal; font-size:1.25em; width:100px; }
dl#profileinfo dd { color:#333333; display:inline; margin:0; padding-right:1em; font-size:1.25em; }

/* Calorie Tracker */
dl.caltally { list-style:none; float:left; margin:0; }
dl.caltally dt { font-weight:normal; display:block; clear:left; float:left; width:100px; line-height:2em; }
dl.caltally dd { font-weight:bold; line-height:2em; float:left; !float:none; }
.cal-over-under { float:right; min-width:60px; }
.cal-over-under2 { float:left; min-width:50px; }

/* Meal Plan */
dl.mp-detail { list-style:none; margin:0; padding:0; }
dl.mp-detail dt { display:inline-block; margin:0 10px 0 15px; padding:0; width:90px; font-weight:bold; color:#8aa51b; }
dl.mp-detail dd { display:inline; margin:0; padding:0; width:350px; }

/* Expert Modules */
ul.expert { list-style:none; margin:0; padding:0 10px; }
ul.expert li { display:inline-block; margin:0; padding:0; width:100%; line-height:3; font-weight:bold; color:#333333; border-bottom:#CCC 1px solid;}
ul.expert li:last-child { border-bottom:none;}
ul.expert li em { font-weight:normal; }

/* Flag Alerts */
.flaglist-box { width:510px; }
ul.flaglist { margin:0 0 0 15px; padding:0; }
ul.flaglist li { margin:0; padding:0; }

/* Misc. Typography
-------------------------------------------------------------- */
/* Today's tip */
.tip { border:#8aa51b 1px dashed; background:#EEF6CE; color:#333333; padding:5px; width:100%; }

/* Weight Lost */
.lrgnumber { font-size:1.7em; font-weight:bold; font-family:'Georgia'; }

/* Survey */
#survey-questions h5 { margin:0; padding:0; }
#survey-questions p { margin:0; padding:0; }

.formtxt { font-size:1.3em; font-weight:normal; margin:0; padding:0; }

/* ----------------------------------------------------------- */
/* -------------------------------------------------------------- 
   * CSS for Forms
-------------------------------------------------------------- */
label { font-weight: bold; display:block; padding-top:5px;}
input { outline:none; }

/* Fieldsets */
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ddd; position:relative; }
legend { padding:0 .4em; font-weight:bold; font-size:1.5em; color:#8aa51b; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

/* Arrows */
#arrows { position:relative; margin:0; padding:0 16px 0 0; }
.arrowUp { width:16px; height:7px; margin:0; padding:0; position:absolute; top:-1px; right:0; }
.arrowDown { width:16px; height:7px; margin:0; padding:0; position:absolute; top:9px; right:0; }

/* hForm (horizontal)
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .8em .6em; }
form.hform p label { float: left; width: 100px; }
form.hform p input { width: 225px; }
form.hform p input[type="submit"] { width:auto; }
form.hform p select { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }
form.hform p.checkbox { margin-left: 110px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }
.btnalign { padding:0 0 0 105px; }

/* vForm (vertical)
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform textarea { width:95%; height:250px; }
form.vform p.checkbox label { display: inline; }
.radio_list ul { margin-left:0; }
.radio_list li { list-style:none; }
.radio_list label { display:inline; }
form.vform input[type="submit"] { color:#006699; margin:0; padding:3px 6px; }
form.vform input[type="button"] { color:#006699; margin:0; padding:3px 6px; }
form.vform input[type="button"].minorbtn { color:#666666; margin:0; padding:3px 6px; }
form.vform input[type="button"].redbtn { color:#FF0000; margin:0; padding:3px 6px; }

/* fForm (filter forms)
-------------------------------------------------------------- */
form.fform { float:left; }
form.fform input { width:auto; margin:0 5px 0 0; padding:2px; border:1px solid #CCC; }
form.fform select { width:auto; margin:0 5px 0 0; padding:1px; border:1px solid #CCC; }
form.fform input.button { width:auto; vertical-align:top; padding:0 0 7px; border:none; }
form.fform .button { width:auto; vertical-align:middle; padding:0; border:none; }
.greyboxcontent { height:50px; padding:10px 0 10px 0; }
.greyboxcontent p { margin:10px 0 0; padding:0; }

/* sForm
-------------------------------------------------------------- */
form.sform { float:left; }
form.sform input { width:auto; margin:0 5px 0 0; padding:5px; border:1px solid #CCC; }
form.sform select { width:auto; margin:0 5px 0 0; padding:1px; border:1px solid #CCC; }

/* Search Input
-------------------------------------------------------------- */
.fieldHolder_home { width:225px; height:25px; background:url(/images/searchfield_home.png) no-repeat top left; float:left; }
.fieldHolder { width:225px; height:25px; background:url(/images/searchfield.png) no-repeat top left; float:left; }
.textInput { width:200px; height:25px; background:none; border:none; color:#999; margin:1px 0 0 15px; font-size:17px; }

/* Wizard Form
-------------------------------------------------------------- */
form.wizard p { position:relative; }
form.wizard input[type="text"] { font-size:2em; padding:5px 0; margin:0; width:90%; border:1px solid #CCC; }
form.wizard input[type="radio"] { padding:0 5px; margin:0 2px; }
form.wizard textarea { padding:5px 5px 2px; margin:0; width:90%; height:200px; }
form.wizard select { width:auto; padding:1px; margin:0 5px 0 0; }
form.wizard label { font-size:1.25em; padding:0; margin:20px 0 0; }
form.wizard p.info { padding:0; margin:0 0 5px 10px; width:400px; clear:both; color:#999; }
form.wizard label input[type="text"] { font-size:1em; padding:2px; margin:0; width:30px; }
form.wizard label.radio { font:1em normal "helvetica neue", helvetica, arial, serif; padding:0; margin:0 15px 0 0; display:inline; cursor:pointer; }

/* rForm (registration)
-------------------------------------------------------------- */
.rform p { margin:15px 0 0; position:relative; }
.rform p label { float: left; width: 140px; color:#808080; font-size:1.3em; text-align:right; margin-right:10px; font-weight:normal; }
.rform .title { float: left; width: 140px; color:#808080; font-size:1.3em; text-align:right; margin-right:10px; font-weight:normal; }
.rform p input[type="submit"] { width:auto; }
.rform p select { width:auto; margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; color:#333; font-size:1.5em; }
.rform p input[type="text"], .rform p input[type="password"] { width:200px; margin:0px; padding:4px; font-size:1.5em; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.rform input[type="checkbox"] { width:auto; }
.rform input[type="radio"] { width:auto; margin:10px 0; }
.rform p input.checkbox { width:auto; }
.rform label.radio { width:auto; font-size:1em; }
.rform label.radio-list { width:auto; font-size:1em; float:none; text-align:left; margin:0; padding:0; }
.rform textarea { width:350px; margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.rform .quiet { margin-left:150px; }
.btnalign { padding:0 0 0 105px; }
.rform p .btn { position:absolute; top:0; /* left:400px; */ } /* lines up the submit button with the input field */
.rform p .spinner { position:absolute; top:5px; left:480px; } /* lines up spinner icon right next to submit button, if submit button uses the .btn class */
.rform .submitbtn { padding:0 0 0 150px; }
.result { font-size:1.5em; color:#8aa51b; line-height:35px; }
#pwholder { position:relative; margin:0; padding:0; }
#pwstrength { margin:5px; position:absolute; top:0; width:195px; }
#password_strength_bar { float:left; margin:5px 5px 0; padding:0; }
#password_strength_bar div { width:10px; height:5px; border:1px solid #AAA; float:left; margin:0; padding:0; }

/* bForm (beta page)
-------------------------------------------------------------- */
form.bform p { margin: 0 0 .5em; }
.bform p label { display:block; color:#333; font-size:1.3em; font-weight:normal; }
form.bform p>input { width:200px; padding:5px; border:#CCC 1px solid; margin-bottom:5px; color:#999; }
.bform input[type="checkbox"] { width:auto; border:none; }
.bform p .btn { position:absolute; top:18px; right:15px; }
.bform p .disablebtn { position:absolute; right:10px; bottom:15px; }

/* pForm (partner beta page)
-------------------------------------------------------------- */
form.pform p { margin: 0 0 .5em; }
.pform p label { display:block; color:#333; font-size:1.3em; font-weight:normal; }
form.pform p>input { width:175px; padding:5px; border:#CCC 1px solid; margin-bottom:5px; margin-right:15px; color:#999; float:left; }
.pform input[type="checkbox"] { width:auto; border:none; }

/* alertForm (settings page)
-------------------------------------------------------------- */
.alertform input[type="submit"], .alertform input[type="button"] { color:#006699; margin:0; padding:3px 6px; }
.alertform .lrgtxt { color:#333; font-size:1.3em; font-weight:normal; }
.alertform input[type="text"] { font-size:1.2em; padding:5px; margin:0; width:150px; border:1px solid #CCC; }
.alertform label { color:#333; font-size:1.3em; font-weight:normal; }

/* baForm (Before & After)
-------------------------------------------------------------- */
.baform p { margin: 0 0 .5em; }
.baform p label { display:inline-block; color:#333; font-size:1.3em; font-weight:normal; width:100px; }
.baform p input[type="text"] { width:40px; margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.baform input[type="checkbox"] { width:auto; border:none; }
.baform input[type="submit"] { color:#006699; margin:0; padding:3px 6px; }
.baform .datebox { margin:-10px 0 0 -10px; padding:8px 0; width:643px; border-bottom:1px solid #FFD324; background:#fdfe99; text-align:center; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right:5px; }
.baform .datebox select { width:70px; font-size:1.4em; color:#666666; margin:0 2px; padding:2px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:transparent url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px;  }
	
/* Send Message Form 
-------------------------------------------------------------- */
form#send-message label { font-size:1.25em; margin:20px 0pt 0pt; padding:0pt; }
form#send-message label.radio { cursor:pointer; display:inline; font-family:normal,"helvetica neue",helvetica,arial,serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0pt 15px 0pt 0pt; padding:0pt; }
form#send-message input[type="text"] { border:1px solid #CCCCCC; font-size:2em; margin:0pt;	padding:5px 0pt; width:90%; }
form#enrollees .submit { padding:5px; }

/* Login Page Form 
-------------------------------------------------------------- */
.loginform input[type="text"], .loginform input[type="password"] { width:200px; font-size:1.7em; margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.loginform label { font-size:1.25em; color:#666666; font-weight:normal; }
.loginform input[type="submit"] { color:#006699; margin:0; padding:4px 6px; vertical-align:top; }

/* Simple Form 
-------------------------------------------------------------- */
.simpleform input[type="text"] { width:350px; font-size:1.4em; display:block; color:#666666; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.simpleform input[type="file"] { width:350px; font-size:1.4em; display:block; color:#666666; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.simpleform select { width:200px; font-size:1.4em; color:#666666; display:block; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.simpleform label { font-size:1.25em; color:#666666; font-weight:normal; float:left; min-width:100px; margin-right:15px; }
.simpleform input[type="submit"] { color:#006699; margin:0; padding:4px 6px; vertical-align:top; }
.simpleform .radio_list label { float:none; }
.simpleform .radio_list li { float:left; margin-right:15px; }
.simpleform textarea { width:350px; height:275px; color:#333; display:block; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.forumreply .simpleform textarea { height:70px; }

/* Basic Form 
-------------------------------------------------------------- */
.basicform input[type="text"] { width:250px; font-size:1.4em; display:block; color:#666666; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.basicform input[type="file"] { width:250px; font-size:1.4em; display:block; color:#666666; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.basicform select { width:250px; font-size:1.4em; color:#666666; display:block; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.basicform label { font-size:1.25em; color:#666666; font-weight:normal; float:left; min-width:150px; margin-right:15px; }
.basicform input[type="submit"] { color:#006699; margin:0; padding:4px 6px; vertical-align:top; }
.basicform .radio_list label { float:none; }
.basicform .radio_list li { float:left; margin-right:15px; }
.basicform textarea { width:350px; height:275px; color:#333; display:block; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Sidebar Form 
-------------------------------------------------------------- */
.sidebarform input[type="text"] { width:250px; font-size:1.4em; color:#666666; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.sidebarform input[type="file"] { width:250px; font-size:1.4em; color:#666666; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.sidebarform select { width:250px; font-size:1.4em; color:#666666; display:block; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.sidebarform label { font-size:1.25em; color:#666666; font-weight:normal; float:left; min-width:110px; margin-right:15px; }
.sidebarform input[type="submit"] { color:#006699; margin:0; padding:4px 6px; vertical-align:top; }
.sidebarform .radio_list label { float:none; }
.sidebarform .radio_list li { float:left; margin-right:15px; }
.sidebarform textarea { width:270px; height:70px; color:#333; margin:0 0 10px 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.sidebarform ul.radio_list { margin:0; }

/* forumsearch 
-------------------------------------------------------------- */
.forumsearch input[type="text"] { width:200px; font-size:1.2em; color:#666666; margin:0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Candida Form 
-------------------------------------------------------------- */
.candidaForm table { width:100%; color:#333; }
.candidaForm tr { margin:0 50px; padding:15px 0; border-top:1px dashed #CCC; background:#efefef; }
.candidaForm td { vertical-align:top; border-bottom:none; line-height:1.4; }
.candidaForm input[type="checkbox"] { margin:2px 0 5px 10px; }
.candidaForm input[type="text"] { margin:2px 0 5px 10px; width:20px; border:1px solid #CCC; background:#FFF; }
.candidaForm label { font-weight:normal; padding:0; cursor:pointer; }
.candidaForm table.radio-options { float:left; width:270px; }
.candidaForm table.radio-options td { padding:5px 10px; }
.candidaForm table.radio-options strong { margin-bottom:5px; font-size:1.2em; }
.candidaForm table.radio-options label { margin:4px 0 1px 10px; text-indent:5px; }

/* Success, notice and error boxes
-------------------------------------------------------------- */
.error_list,
.notice, .caution { padding:2px 7px; margin-bottom: .5em; margin-left:0; border:1px solid #ddd; }
.error_list ul { margin:0; }
.error_list li { list-style-position:inside; text-indent:20px; }
.error_list { background: #FBE3E4; color: #FF0000; border-color: #FBC2C4; }
.notice, .caution     { background: #fffbe2; color: #514721; border-color: #FFD324; }
/* .success    { background: #E6EFC2; color: #264409; border-color: #a1be2b; } */
.notice a, .caution a   { color: #FF0000; }
.success a  { color: #5cab0f; }
.upgradenotice { border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef; color:#333; margin:0; padding:5px; -moz-border-radius:4px; -webkit-border-radius:4px; }

.validateError { padding:0 0 0 18px; margin:5px; color: #FF0000; background:url(/images/icon_exclamation-trans.png) no-repeat top left; position:absolute; top:0; width:215px; line-height:15px; }
.validateSuccess { padding:0 0 0 18px; margin:5px; color: #8aa51b; background:url(/images/icon_accept-trans.png) no-repeat top left; position:absolute; top:0; width:215px; line-height:15px; }

.error { padding:0 0 0 18px; margin:0; color:#FF0000; background:url(/images/icon_exclamation-trans.png) no-repeat top left; line-height:16px; }
.success { padding:0 0 0 18px; margin:0; color:#8aa51b; background:url(/images/icon_accept-trans.png) no-repeat top left; line-height:16px; }

.caution { background:#FFF6BF; padding:5px 10px; }

p.alert { position:relative; }
p.alert .validateError { padding:0 0 0 18px; margin:5px; color: #8a1f11; background:url(/images/icon_exclamation-trans.png) no-repeat top left; position:absolute; top:30px; width:215px; line-height:15px; }
p.alert .validateSuccess { padding:0 0 0 18px; margin:5px; color: #8aa51b; background:url(/images/icon_accept-trans.png) no-repeat top left; position:absolute; top:30px; width:215px; line-height:15px; }

.pagesuccess {  border:1px solid #b4c91a; background:#effdae url(/images/icon-accept-16x16-trans.png) no-repeat 5px 5px; margin:5px 0; padding:5px 5px 5px 25px; color:#80aa00;  }
.pageerror { border:1px solid #FBC2C4; background:#FBE3E4 url(/images/icon_exclamation-trans.png) no-repeat 5px 5px; margin:5px 0; padding:5px 5px 5px 25px; color:#FF0000; }
.pagenotice { border:1px solid #FFD324; background:#fffbe2 url(/images/icon-caution-trans.png) no-repeat 5px 5px; margin:5px 0; padding:5px 5px 5px 25px; color:#514721; }

/* Miscellaneous
-------------------------------------------------------------- */
#pm-alert-preferences label.radio { cursor:pointer; display:inline; font-size:1em; margin:0pt 15px 0pt 0pt; padding:0pt; }
.green-btn { color:#000; padding:2px 6px; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef; -moz-border-radius:4px; -webkit-border-radius:4px; }
.green-btn:hover { cursor:pointer; color:#000; padding:2px 6px; text-decoration:none; background:#e6ff70;	border:1px solid #b4c91a; -moz-border-radius:4px; -webkit-border-radius:4px; }
.red-btn { color:#000; padding:2px 6px; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef; -moz-border-radius:4px; -webkit-border-radius:4px; }
.red-btn:hover { cursor:pointer; color:#000; padding:2px 6px; text-decoration:none; background:#FBE3E4;	border:1px solid #FBC2C4; -moz-border-radius:4px; -webkit-border-radius:4px; }

/* Privacy otpions
-------------------------------------------------------------- */
.privacy-options { font-size:11px; font-weight:normal; text-align:center; width:95%; margin:10px auto 0; border:1px solid #FFD324; background:#fffbe2; color:#514721; margin-bottom:5px; padding:3px; -moz-border-radius:1px; -webkit-border-radius:1px; }
.privacy-options input[type="checkbox"] { margin-top:3px; }

/* ----------------------------------------------------------- */
/* -------------------------------------------------------------- 
   * Layout CSS
-------------------------------------------------------------- */

/* Home
-------------------------------------------------------------- */
#bg-bluebar { background:#99dff5 url(/images/home/bg-homebluebar.png) repeat-x bottom; margin:0; padding:0; color:#000; }
#bg-bluebar-content { margin:0 auto; padding:20px 0 30px; width:980px; _width:1015px; }
#bg-bluebar-content a { color:#fff; }

.video-box-top { background:url(/images/home/video-box-top-trans.png) no-repeat top center; width:444px; height:18px; }
.video-box-btm { background:url(/images/home/video-box-btm-trans.png) no-repeat bottom center; width:444px; height:18px; }
.video-box-borders { background:url(/images/home/video-box-borders-trans.png) repeat-y; width:400px; margin:18px auto 0; padding:3px 22px; }

#button-controls { position:absolute; z-index:25; width:984px; margin:-400px auto 0; }
#button-ie6 { display:none; }
#button-freetrial { display:block; background:transparent url(/images/home/butt-freetrial-trans.png) no-repeat 0 0; width:224px; height:75px; }
#button-freetrial:hover { background:transparent url(/images/home/butt-freetrial-trans.png) no-repeat 0 -75px; }

#button-freecall { display:block; background:transparent url(/images/home/butt-freecall-trans.png) no-repeat 0 0; width:224px; height:75px; }
#button-freecall:hover { background:transparent url(/images/home/butt-freecall-trans.png) no-repeat 0 -75px; }

#my-glider { background:transparent url(/images/home/glider-box.png) no-repeat; position:relative; width:944px; height:361px; margin:-110px auto 0; padding:17px 20px 20px; }

div.scroller { width: 944px; height: 361px; overflow: hidden; } /* modify width and height of scrolling section if necessary */         
div.scroller .section { width:944px; height:361px; overflow:hidden; float:left; padding:0; } /* modify width and height of each section as needed (should match the size of the scroller window)  */         
div.scroller .holder { width: 16000px; }

.glider-button-rt { position:absolute; top:170px; right:-20px; z-index:20; background:url(/images/home/butt-feature-arrows-trans.png) no-repeat -171px 0; width:57px; height:57px; }
.glider-button-rt:hover { background:transparent url(/images/home/butt-feature-arrows-trans.png) no-repeat -114px 0; }
.glider-button-lf { position:absolute; top:170px; left:-20px; z-index:20; background:url(/images/home/butt-feature-arrows-trans.png) no-repeat 0 0; width:57px; height:57px; }
.glider-button-lf:hover { background:transparent url(/images/home/butt-feature-arrows-trans.png) no-repeat -57px 0; }

.holder #section1 { background:transparent url(/images/home/feature-menopause.jpg) no-repeat; width:944px; height:361px; }
.holder #section2 { background:transparent url(/images/home/feature-1.jpg) no-repeat; width:944px; height:361px; }
.holder #section3 { background:transparent url(/images/home/feature-2.jpg) no-repeat; width:944px; height:361px; }
.holder #section4 { background:transparent url(/images/home/feature-3-blank.jpg) no-repeat; width:944px; height:361px; }
.holder #section5 { background:transparent url(/images/home/feature-4.jpg) no-repeat; width:944px; height:361px; }

.glider-content { margin:0; padding:10px 20px 20px; }
.glider-content h2 { font-size:2em; margin:0 0 10px; color:#333; font-weight:normal; }
.glider-content p { font-size:1.2em; margin-bottom:10px; line-height:1.4; }
.glider-content ul { margin:15px 0 50px 50px; font-size:1.35em; }
.glider-content-main { margin:0; padding:0; }
.glider-content-main h2 { font-size:2em; margin:0 0 10px; color:#333; font-weight:normal; }

.feature-box { background:transparent url(/images/home/feature-box-trans.png) no-repeat; width:303px; height:328px; margin:0 0 0 20px; padding:4px 35px 0; }
.feature-box h3 { font-size:1.4em; font-weight:bold; color:#FFF; margin:0 0 20px; text-align:center; }

#feature .mediawrapper { margin:0; padding:0; }

.homequotes { font-size:1.3em; width:550px; height:100px; margin:0 40px 0 0; padding:30px 40px 0 50px; position:relative; float:left; background:url(/images/big-quote-trans.png) no-repeat top left; }

.content-home { margin:30px 0 25px; padding:0; width:980px; _width:1010px; }
.callus { float:left; width:290px; }
.callus p { margin-top:5px; font-size:1.3em; }
.callus .left { margin-right:5px; }
.button-chat { background:url(/images/home/button-chat-trans.png) no-repeat 0 0; width:95px; height:83px; }
.button-chat:hover { background:url(/images/home/button-chat-trans.png) no-repeat 0 -83px; cursor:pointer; }

.achievements-img { width:75px; float:left; }
.achievements-content { width:205px; float:left; }


/* Header
-------------------------------------------------------------- */
#header-bg { width:100%; height:35px; position:absolute; top:0; background:url(/images/layout/header-btm-trans.png) repeat-x bottom; _background:url(/images/layout/header-btm-2.png) repeat-x bottom; z-index:50; }
#header { width:100%; position:absolute; top:0; z-index:51; }
#header-content { margin:0 auto; padding:0; position:relative; width:980px; }
#logo { position:absolute; top:0; left:0; z-index:51; background:url(/images/layout/logo-trans.png) no-repeat 0 0; width:150px; height:55px; }
#logo:hover { background:url(/images/layout/logo-trans.png) no-repeat 0 -55px; width:150px; height:55px; cursor:pointer; }

ul#menu { list-style:none; margin:0 0 0 155px; padding:5px 0 0; width:825px; }
ul#menu li { display:inline; margin:0 10px; padding:0; }
ul#menu li a { font-size:1.25em; letter-spacing:.06em; color:#808080; }
ul#menu li a:hover { font-size:1.25em; color:#333; text-decoration:none; }
ul#menu li a.cur { color:#333; }

#subnavbar { width:100%; background:url(/images/layout/bg-subnav.gif) repeat-x; position:relative; }
#subnavbar-content { margin:0 auto; width:980px; height:41px; position:relative; }
ul#subnav { list-style:none; }
ul#subnav li { display:inline; line-height:3; margin:0; padding:0; }
ul#subnav li a { font-size:1.25em; letter-spacing:.06em; color:#FFF; padding:10px 27px; }
ul#subnav li a:hover { color:#CCC; background:#666666; padding:10px 27px; text-decoration:none; }
ul#subnav li a.on { color:#000000; background:#FFF; padding:10px 27px; }

#login-bucket { position:absolute; top:0; right:0; }
#welcomebar { margin:0; padding:0; }

#tools { position:absolute; z-index:10; top:-10px; right:-10px; background:transparent url(/images/header/tab-trans.png) no-repeat top left; display:block; margin:0; padding-left:12px; height:28px; color:#FFF; font:normal 12px "Helvetica Neue", helvetica, arial, sans-serif; text-decoration:none; }
#tools span { background:transparent url(/images/header/tab_span-trans.png) no-repeat scroll top right; display:block; padding:0 12px 0 0; line-height:28px; height:28px; white-space:nowrap; }
#tools span a { color:#FFF; }
#tools span a:hover { text-decoration:underline; }

.search { position:absolute; top:53px; right:0; margin:0; z-index:4; }

/* Feedback Popup Form */
.feedback { display:none; right:70px; top:70px; width:507px; height:507px; z-index:250; text-align:left; padding:20px; background-image:none; background-color:#FFF; border:1px solid #3399ff; }
.feedback_button { right:0; top:70px; z-index:151; }

.signbox { position:absolute; right:0; top:0; float:right; width:320px; font-size:1.2em; color:#3399ff; line-height:normal; }
.signbox .error { position:absolute; top:0; right:15px; font-size:.9em; color:#8a1f11; }


/* Backend Tools
-------------------------------------------------------------- */
#header_tools { margin:10px 0 0; padding:0; position:relative; width:980px; height:95px; }

ul#tabtastic_tools { list-style:none; margin:0 0 0 150px; padding:0; position:absolute; top:0; z-index:5; width:980px; }
ul#tabtastic_tools li { float:left; margin:0; padding:0; background:url(/images/header/menu_divider.png) no-repeat 0 0; }
ul#tabtastic_tools li:first-child { background:none; }
ul#tabtastic_tools li a { margin:0; padding:10px 10px 14px; font-size:1.5em; color:#0099ff; line-height:49px; }
ul#tabtastic_tools li a:hover { padding:10px 10px 14px; font-size:1.5em; text-decoration:none; color:#666; }
ul#tabtastic_tools li a.cur { color:#666666; border-bottom:#666666 2px solid; }

ul#subnavalicious_tools { position:absolute; top:49px; margin:6px 0 0; padding:0 0 0 20px; list-style:none; width:980px; height:40px; }
ul#subsubnavalicious_tools { position:absolute; top:79px; margin:6px 0 0; padding:0 0 0 20px; list-style:none; width:980px; height:40px; }
ul#subsubnavalicious_tools li, ul#subnavalicious_tools li { display:inline; margin:0; padding:0; line-height:40px; }
ul#subsubnavalicious_tools li:first-child, ul#subnavalicious_tools li:first-child { margin-left:120px; }
ul#subsubnavalicious_tools li a, ul#subnavalicious_tools li a { padding:6px 15px; }
ul#subsubnavalicious_tools li a:hover, ul#subnavalicious_tools li a:hover { color:#FFF; padding:6px 15px; background:#93d3fe; }
ul#subsubnavalicious_tools li.selected, ul#subnavalicious_tools li.selected { color:#FFF; padding:6px 15px; background:#93d3fe; }


/* Mainbar, Page, & Content
-------------------------------------------------------------- */
#mainbar { margin:0; padding:0; width:100%; }
#mainbar-green { margin:0 0 0; padding:0; width:100%; background:#eef4d3; border-bottom:#a0be2b 1px solid; }
#mainbar-content { margin:0 auto; padding:25px 0 10px; width:980px; }
#mainbar-compact { margin:0 auto; padding:15px 0 0; width:980px; min-height:10px; background:none; }
#mainbar-magic { margin:0 auto; padding:0; width:980px; min-height:100px; background:url(/images/layout/magic.jpg) no-repeat bottom; }
#mainbar-magiclogo { margin:0 auto; padding:0; width:980px; min-height:100px; background:url(/images/layout/magiclogo.jpg) no-repeat bottom; }
#mainbar-minimagic { margin:0 auto; padding:5px 0 0; width:980px; height:30px; background:url(/images/home/bg-header.jpg) no-repeat bottom; }
#mainbarmini { margin:0 0 0; padding:0; width:100%; height:4px; background:#333; }

/* Notice Bar */
#noticebar { margin:0; _margin-top:-18px; padding:0; width:100%; background:#fffbe2; border-bottom:#FFD324 1px solid; }
#noticebar-content { margin:0 auto; padding:5px 0 0 150px; width:830px; min-height:30px; text-indent:30px; color:#514721; font-size:1.3em; background:transparent url(/images/icon-warning-24x24-trans.png) no-repeat 150px 5px; }

/* Error Bar */
#errorbar { margin:0; _margin-top:-18px; padding:0; width:100%; background:#FBE3E4; border-bottom:#FBC2C4 1px solid; }
#errorbar-content { margin:0 auto; padding:5px 0 0 150px; width:830px; min-height:30px; text-indent:30px; color:#FF0000; font-size:1.3em; background:transparent url(/images/icon-delete-24x24-trans.png) no-repeat 150px 5px; }

/* Success Bar */
#successbar { margin:0; _margin-top:-18px; padding:0; width:100%; background:#effdae; border-bottom:#b4c91a 1px solid; }
#successbar-content { margin:0 auto; padding:5px 0 0 150px; width:830px; min-height:30px; text-indent:30px; color:#5cab0f; font-size:1.3em; background:transparent url(/images/icon-accept-24x24-trans.png) no-repeat 150px 5px; }

/* Sign Up Bar */
#signupbar { margin:0; _margin-top:-18px; padding:0; width:100%; background:#effdae; border-bottom:#b4c91a 1px solid; }
#signupbar-content { margin:0 auto; padding:10px 0 0 5px; width:960px; min-height:55px; font-size:1.4em; text-align:center; color:#ff3300; font-weight:bold; }
#signupbar-content h1 { margin:20px 0 0; }

/* Calendarbar Bar */
#calendarbar { margin:0; _margin-top:-18px; padding:0; width:100%; background:#fff; border-bottom:#BBB 1px solid; }
#calendarbar-content { margin:0 auto; padding:15px 0; width:980px; min-height:137px; position:relative; }
#calendarbar-content h1 { margin:20px 0 0; }
#calendarbar-content a.loading div { background:url(/images/spinner-white.gif) no-repeat 50% 50%; color:white; text-decoration:none; }
#calendarbar-content a div, #calbarshowtab a div { text-align:center; background:#FFF; border-bottom:1px solid #DDD; border-right:1px solid #DDD; border-left:1px solid #DDD; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }
#calendarbar-content a.current div { color:#7BB200; border-top:1px solid #FFF; text-decoration:none; background:#FFF; border-bottom:1px solid #BBB; border-right:1px solid #BBB; border-left:1px solid #BBB; }
#calendarbar-content a div:hover { text-decoration:none; background:#FFF; border-bottom:1px solid #BBB; border-right:1px solid #BBB; border-left:1px solid #BBB; }

/* GroupLeader Bar */
#groupleaderbar { margin:0; _margin-top:-18px; padding:0; width:100%; border-bottom:1px solid #499eb3; background:#EFFFFF; }
#groupleaderbar-content { margin:0 auto; padding:30px 0 0; width:980px; min-height:55px; font-size:1.2em; }
#groupleaderbar-content h1 { margin:0; }

/* Notice Bar */
#recipebar { margin:0; _margin-top:-18px; padding:0; width:100%; background:#fffbe2; border-bottom:#FFD324 1px solid; }
#recipebar-content { margin:0 auto; padding:30px 0 20px; width:980px; min-height:55px; color:#514721; }
#recipebar-content h1 { margin:0; }

#page { margin:0 auto; padding-top:15px; width:980px; position:relative; }
#page { display:inline-block; }
#page:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
* html #page{ height:1%; }
#page { display:block; padding-bottom:260px; position:relative; height:100%; }

#content, .cont { float:left; width:645px; margin:25px 35px 0 0; position:relative; }

.toolbar { z-index:5000; position:fixed; bottom:0; color:#FFF; margin:0 auto; _display:none; padding:10px; width:980px; height:80px; background:transparent url(/images/layout/toolbar-bg-trans.png) repeat-x; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.toolbar .toolbar-tab { position:absolute; top:-33px; left:0; width:156px; height:33px;  }
.toolbar-tab-minimized { z-index:5000; position:fixed; bottom:0; color:#FFF; margin:0 auto; _display:none; width:156px; height:33px; }

/* Sidebar Modules
-------------------------------------------------------------- */

#sidebar, .sidebar { float:left; width:300px; margin:25px 0 0; }
h1.worksheet { margin:0; padding:0 0 0 13px; line-height:2.5; background:url(/images/layout/bg-sidebar-header-trans.png) no-repeat; width:289px; height:70px; }
#sidebar .entry { color:#333; font-size:1.5em; font-weight:bold; text-align:center; }

.bluebox-date { cursor:pointer; border:1px solid #81dcf2; border-bottom:1px solid #499eb3; background:#d6f9fd url(/images/bg-bluebox.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; }
.bluebox-date h4 { margin:0 0 0 35px; padding:0; font-weight:normal; font-size:1.4em; color:#333; }
.bluebox-date .date-picker-row { list-style:none; position:absolute; top:12px; left:-14px; width:314px; margin:0; padding:0; }

.bluebox-date:hover .date-picker-row li { display:block; }
.bluebox-date .date-picker-row li a { margin:0; padding:0; }
.bluebox-date .date-picker-icon { position:absolute; top:15px; left:25px; z-index:10; }

/* Client */
.collapsible {  }
.modules { margin:0 0 25px; padding:0; width:100%; }
.modules input[type="text"] { margin:0 5px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.modules input[type="submit"] { margin:0; padding:3px 6px; color:#006699; }
.modules h2.open { font-size:1.2em; color:#333; height:30px; border:1px solid #cf4700; border-bottom:1px solid #a13700; background:#fe8545 url(/images/bg-orangebox.png) repeat-x bottom; margin:-1px 0 0; padding:5px 0 0 15px; }
.modules h2.open:hover { background:#fe8545 url(/images/bg-orangebox.png) repeat-x bottom; }
.modules h2 { font-size:1.2em; color:#333; height:30px; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef; margin:-1px 0 0; padding:5px 0 0 15px; }
.modules h2:hover { background:#efefef url(/images/bg-greybox.png) repeat-x bottom; }

.box { margin-bottom:15px; }
.box h2 { font-size:1.2em; color:#333; height:30px; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef url(/images/bg-greybox.png) repeat-x bottom; margin:-1px 0 0; padding:5px 0 0 15px; }

/* weight-input form */
#weight-tracker .weights { width:135px; text-align:center; float:left; margin:0; padding:0; }
#weight-tracker .beginweight { border:1px solid #81dcf2; border-top:1px solid #499eb3; margin:10px auto; padding:5px; background:#efffff; width:230px; text-align:center; }
#weightWidget embed, #weightWidget object, #exerciseChart embed, #exerciseChart object { margin:0; width:280px; }
#weight-tracker .help, #exercise-widget .help, #calorie-tracker-widget .help, #water-tracker .help { float:right; margin:6px 6px 0 0; }
#weight-input { text-align:center; position:relative; padding-top:10px; }
#weight-input select { width:65px; margin:0 4px; padding:2px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:transparent url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
#weight-input .privacy-options select { width:75px; }
#weight-input .entry { color:#333; font-size:1.5em; font-weight:bold; text-align:center; margin:10px 0 0; }
#weight-input input[type="text"] { width:35px; margin:0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:transparent url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* exercise-input form */
#exercise-input select { width:65px; margin:0 4px; padding:2px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:transparent url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
#exercise-input .privacy-options select { width:75px; }
#exercise-input .entry { color:#333; font-size:1.5em; font-weight:bold; text-align:center; margin:10px 0 0; }
#exercise-input input[type="text"] { width:35px; margin:0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:transparent url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.exercise-input-box { text-align:center; position:relative; padding-top:10px; }
.exercise-input-box textarea { margin:0; width:250px; }
.exercise-input-box table { margin:0; width:100%; }
.exercise-input-box table td { border:none; padding:5px; font-size:16px; }


.tracker-header { line-height:1.8; background:#efefef url(/images/bg-greybox.png) repeat-x bottom; border:1px solid #e2e1dd; border-bottom:1px solid #DDD; -moz-border-radius:4px; -moz-border-radius:4px; }
.tracker-header-icon { margin:3px 10px 0 3px; float:left; }
.header-box-icon { margin:-5px 10px 0 -5px; float:left; }

.modules .help { float:right; margin:0 5px 0 -30px; }
.modules .help-water { float:right; margin:0; }
.section-content .help { float:right; margin:6px 6px 0 0; }

#prepared { margin:5px; padding:0; }
#congrats { margin:5px 0 0; padding:5px 8px; border:#80aa00 1px solid; background:#eef4d3; }
.msg-prepared { font-size:1.25em; font-weight:bold; color:#8aa51b; text-align:center; line-height:2; }

#slider { margin:0; padding:0 5px 5px; }
.section-content { border:#CCC 1px dotted; margin-bottom:5px; padding:5px; background:url(/images/layout/bg-module-section.gif) repeat-x bottom; -moz-border-radius:4px; -webkit-border-radius:4px; }
.section-content-nobg { border:#CCC 1px dotted; margin-top:5px; padding:10px; }
.mood-day-changer { margin:5px 0; }
.slider-dots { background:url(/images/home/slider-dots-trans.png) no-repeat 0 0; width:30px; height:30px; }
.slider-dots:hover { background:url(/images/home/slider-dots-trans.png) no-repeat 0 -30px; }

#food-diary { margin:0; padding:5px; }
#food-diary h3 { margin-bottom:0; }
#mealtimeselector { margin:0; padding:0; }
.fooditem { margin:0; padding:4px 5px 4px 15px; line-height:1; border-bottom:#b1d8ff 1px dotted; background:#EFFFFF; text-align:left; }
.foodblock { border:#CCC 1px dotted; margin-bottom:5px; padding:10px; }
.additem { margin-top:10px; }
.additem input[type="submit"] { padding:2px 6px; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef; -moz-border-radius:4px; -webkit-border-radius:4px; }
.additem input[type="submit"]:hover { cursor:pointer; padding:2px 6px; background:#e6ff70;	border:1px solid #b4c91a; -moz-border-radius:4px; -webkit-border-radius:4px; }

#water-tracker { margin:5px; padding:0; }

.water-arrows { float:left; margin:15px 0 0 -10px; }
.water-arrows { font-weight:bold; font-size:2.2em; }
.water-arrows a:hover { text-decoration:none; }

#sleeptracker, #stresstracker, #eliminationtracker { margin:0; padding:0; }
#nutritionjournal input[type="text"], .nutritionjournal input[type="text"] { margin:0 5px; padding:4px; border:#CCC 1px solid; font-size:1.2em; color:#808080; }

#challengeForm textarea, #successForm textarea { width:190px; margin:0 5px 0 0; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#challengeForm input[type="submit"], #successForm input[type="submit"] { padding:2px 6px; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef; -moz-border-radius:4px; -webkit-border-radius:4px; }
#challengeForm input[type="submit"]:hover, #successForm input[type="submit"]:hover { cursor:pointer; padding:2px 6px; background:#e6ff70;	border:1px solid #b4c91a; -moz-border-radius:4px; -webkit-border-radius:4px; }

/* Column */
.column { width:300px; margin:0 40px 0 0; padding:0; float:left; }

#pageerror { padding:0 0 0 75px; }

/* Sidebar People */
.person { position:relative; float:left; padding:2px 15px 15px 0; height:56px; width:56px; }
.person .person-img { position:absolute; height:56px; width:56px; background:url(/images/shadow.jpg) no-repeat top; }
.person a { display:block; text-align:center; }

/* Sidebar Enrollees */
#sidebar .enrollees { padding: 0px 0px 8px; max-height:500px; overflow:auto; }
#sidebar .selectall { float:right; }


/* Footer
-------------------------------------------------------------- */
#footer { background:#EEEEEE url(/images/layout/bg-footer.gif) repeat-x; height:210px; width:100%; position:absolute; bottom:0; margin-top:50px; }
#footer-content { width:980px; margin:30px auto 0; position:relative; }
#footer .tabs a { padding:0 30px 10px 0; }
#footer p.quiet { color:#999999; }
#footer .logo { position:absolute; top:-65px; right:0; }


/* site specific 
-------------------------------------------------------------- */
hr { clear:both; height:0; width:80%; border:0; margin:0; padding:0; font-size:0; visibility:hidden; overflow:hidden; display: block; }
.hrule { clear:both; height:1px; width:100%; border:none; margin:20px 0; padding:0; background-color:#CCC; color:#CCC; visibility:visible; display:block; }
.hrule_2 { clear:both; height:1px; width:100%; border:none; margin:5px 0; padding:0; background-color:#DDD; color:#DDD; visibility:visible; display:block; }
.hrule_blue { clear:both; height:1px; width:100%; border:none; margin:5px 0; padding:0; background-color:#006699; visibility:visible; display:block; }
.dottedline { width:100%; height:15px; border-bottom:1px dotted #CCC; margin-bottom:15px; clear:both; }
.hr { margin:0; border:0; padding:0; height:0; font-size:0; display:block; visibility:hidden; clear:both;}
.sectionDivider { margin:0 0 15px; padding:15px 0 0; background:url(/images/bg_sectionDivider.jpg) no-repeat top; width:645px; min-height:50px; }

.adspacing { margin:15px 0 15px; padding:0; width:300px; }
#breadcrumb { position:absolute; top:-10px; left:0; }
.date { border:none; padding:15px 0 0; vertical-align:bottom; }
#sms-notice { margin:5px 0 0; }
#im-notice { margin:5px 0 0; }

.empty-calendar { background:transparent url(/images/icon-calendar_empty-128x128-trans.png) no-repeat; margin:0 auto; padding:55px 0 0; width:128px; height:73px; text-align:center; font-size:2.5em; color:#333333; line-height:1.2; font-weight:bold; }
.expandtab { margin-top:-1px; padding:0; text-align:center; background:url(/images/layout/expandtab-trans.png) no-repeat; width:103px; height:23px; color:#3399FF; cursor:pointer; }

/* floats and clears */
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }

/* image alignments: classes applied to a div or span tag to wrap around images */
.middle { vertical-align:middle; }
.left { float:left; margin:0 8px 0 0; padding:0;}
#activity-feed .left { float:left; margin:0 15px 0 0; padding:1px; }
.right { float:right; margin:0 0 0 8px; padding:0;}
.top { vertical-align:top; }
.bottom { vertical-align:bottom; }
.inputbtn { vertical-align:top; color:#006699; margin:0; padding:3px 6px; }

.img_lrg { padding:5px; background-color:#FFF; border-top:#e3e3e3 1px solid; border-right:#CCC 1px solid; border-left:#CCC 1px solid; border-bottom:#adadad 1px solid; }
.img_med { padding:4px; background-color:#FFF; border-top:#e3e3e3 1px solid; border-right:#CCC 1px solid; border-left:#CCC 1px solid; border-bottom:#adadad 1px solid; }
.img_sm { padding:2px; background-color:#FFF; border-top:#e3e3e3 1px solid; border-right:#CCC 1px solid; border-left:#CCC 1px solid; border-bottom:#adadad 1px solid; }
.img_sm_online { padding:2px; background-color:#ebf97c; border-top:#eaf2b1 1px solid; border-right:#c3d825 1px solid; border-left:#c3d825 1px solid; border-bottom:#7bb200 1px solid; }

.prevnext_btns { margin:-20px 0 0; padding:0; width:100%; height:32px; display:block; text-align:right; }
.prevnext_btns img { margin:0 0 0 10px; }
.enroll_btn { margin:10px 0; }

.link_top_left { float:left; margin:-25px 0 0; }
.link_btm_right { float:right; margin:0 0 10px; }
.butt_top_left { float:left; margin:-10px 0 10px; }
.butt_btm_right { float:right; margin:0 0 10px; }

/* general card layout for profile and recipies */
#card { width:980px; }
#card_content { width:670px; float:left; }
.summary_trunc { max-width:550px; margin-top:13px; }
.card_enrollbtn { margin:10px 0 0 50px; padding:0; width:225px; text-align:center; }

.quickEntry { margin:0 0 5px; padding:10px 10px 10px 30px; float:right; width:510px; background:#efefef; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative; }
.quickEntry textarea { width:475px; height:60px; margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.quickEntry .message { float:right; margin:5px 0 0 0; padding:4px 15px 2px; }
.quickEntry .speak { background:url(/images/quickentry-speak-trans.png) no-repeat; position:absolute; top:20px; left:-13px; width:14px; height:19px; z-index:10; }
.quickEntry .shadow { background:url(/images/quickentry-shadow-trans.png) no-repeat; position:absolute; bottom:-5px; right:-5px; width:554px; height:4px; }
.quickEntrySub { margin:5px; }
#quickEntrySub-links { margin:5px 0 0; padding:2px 2px 0; position:relative; width:330px; float:left; }
#smiley-list { margin:5px 0 0; padding:2px 2px 0; background-color:#FFF; border:#CCC 1px dotted; position:relative; width:330px; float:left; }
#canned_messages_box { margin:0px 0 0; padding:0; position:relative; width:475px; float:left; }
.select-to { font-size:1.1em; color:#666666; padding:2px; min-width:150px; float:left; }
.quickEntry .quickEntry-loading { float:left; margin:10px 0 0 55px; }

#card_profile { width:480px; float:left; }
#card_tiny { width:400px; float:left; }
#card_sm { padding:0; width:370px; float:left; } /* accounts for the medium avatar at 56px with a 10px pad -> USE FOR PROFILE LIST */
#card_med { padding:0; width:544px; float:left; } /* accounts for the medium avatar at 56px with a 10px pad */
#card_big { padding:0; width:680px; float:left; } /* accounts for the medium avatar at 120px with a 10px pad */
#card_supersm { padding:0; width:211px; float:left; }
#card_nifty { padding:0; width:540px; float:left; }

/* components */
#change-recipe {  float:left; margin:0 5px 5px 5px; }
#change-recipe-list li { list-style:none; border-bottom:1px solid #DFDFDF; margin: 10px 0 0 0; padding:0; }
#change-recipe-list h3 {  margin:0 5px 0 5px;  padding:0;  border:0px solid #000; } 
#change-recipe-list img.avatar { float:left; margin:17px 5px 5px 5px; padding:0; border:1px solid #999;}
#change-recipe-list img { float:right; margin:10px 5px 1px 5px; }
#change-recipe-list dl {  float:none; clear:both; margin:0; padding: 0;}
#change-recipe-list dt { float:left; margin:2px; }
#change-recipe-list dd { float:left; margin:2px 12px 2px 2px; }
.change-recipe-details { border:0px solid #454545; width:465px; padding:5px; float:left; }

.vevent { margin-top:20px;  }
.vevent img.avatar { border: 1px solid #000; }
.vevent h1  { margin-bottom:0; padding-bottom:0; }
.vevent h2 { margin-bottom:0; padding-bottom:0;  }
.vevent .change-recipe-info { border:0 solid #454545; width:500px; padding:5px; float:left; }
.vevent dt { float:left;  margin:2px 2px 2px 0;}
.vevent dd { float:left; margin:2px 12px 2px 2px; }

/* Progress Bar */
.your-progress { margin:7px 0; }
.bar { float:left; background:url("/images/progressbar_bg.png"); border:1px solid #CCC; height:15px; margin:2px 0 -3px 5px; }
.progress { height:100%; background:url("/images/progressbar.png");  border-right:1px solid #CCC; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
.progress_text { padding-left:110px; margin:0 0 5px; }

/* Main CR Detail Card Progress Bar */
.card_your-progress { margin:0; position:relative; }
.card_bar { float:left; background:url("/images/progressbar_bg_card.png"); border:1px solid #CCC; width:365px; height:50px; margin:0; }
.card_progress { height:100%; background:url("/images/progressbar_card.png");  border-right:1px solid #CCC; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
.card_progress_text { margin:0; padding:0; position:absolute; top:30px; left:385px; }
.card_progress_text h1 { margin:0; padding:0; }

.list li { list-style:none; margin:0; padding:0; }
.list h3 { margin:0 5px 0 5px;  padding:0;  border:0px solid #000; } 
.list img.avatar { float:left; margin:5px 5px 5px 5px; padding:0; border:1px solid #999;}
.list dt { float:left;  margin:2px 2px 2px 10px;}
.list dd { float:left; margin:2px 2px 2px 2px; }
.list .info { width:465px; padding:5px; float:left; }

/* Profile Inbox */
#inbox .msg, #inbox .msg-body { clear:both; display:block; }
#inbox .from { width:150px; float:left; margin:5px 5px 0 0; padding-left:20px; }
#inbox .subject { width:300px; float:left; margin:5px 5px 0 0; }
#inbox .sent-at { width:150px; float:left; margin:5px 5px 0 0; }
#inbox .msg .unread { background:url('/images/me/inbox_unread.jpg') no-repeat top left; }
#inbox .msg .read { background:url('/images/me/inbox_read.jpg') no-repeat top left; }
#inbox .msg-body { margin-left:20px; padding:5px 10px 10px 10px; border-left:1px solid #CCC; background-color:#EFEFEF; }
#swaplink { position:relative; width:100%; height:20px; margin:0; padding:0; clear:both; }
#paginate { text-align:right; position:absolute; top:0; right:0; }

#inbox .view { padding:5px 30px 15px; margin:0; }
#inbox td { border-top:1px solid #EFEFEF; }
#inbox td.message {  border-top:1px solid #fff; padding:10px 20px 0 20px;}
#inbox .unread .icon { background:url('/images/icon_email-trans.png') no-repeat 5px; }
#inbox .unread { background-color:#EFFFFF; font-weight:bold;  }
#inbox .read .icon { background:url('/images/icon_email_open-trans.png') no-repeat 5px; }

/*
#msg-compose input[type="text"] { padding:4px; width:280px; }
#msg-compose textarea { padding:4px; width:380px; }
#msg-compose p label { text-align:right; padding-right:10px; } */

#inbox_to_auto_complete { z-index:10; }
#inbox_to_auto_complete li {  padding:5px; font-size:1em;  background-color:#fff; color:#000;}
#inbox_to_auto_complete li:hover {  padding:5px; font-size:1em;  background-color:#099CFF; color:#fff; cursor:pointer; font-weight:bold;}

/* Profile Media */
dl#media-display { list-style:none; }
dl#media-display dt { float:left; margin:0 8px 0 0; position:relative; width:120px; min-height:170px; max-height:170px; }
dl#media-display dd { margin:0; padding:0; }
dl#media-display .media-caption { font-size:.8em; font-weight:normal; display:block; line-height:1.2; vertical-align:top; }
#media-type { position:absolute; top:100px; left:100px; z-index:100; }
.embed-media textarea { width:95%; height:40px; margin:10px 0; padding:4px; font-size:1em;  }
.embed-media li { list-style:none; padding:2px 2px 6px; }

/* Pickerbox */
#pickerbox { margin:0; padding:15px; !padding:5px; text-align:left; }
ul#pickerbox_images { list-style:none; margin:0; }
ul#pickerbox_images li { float:left; margin:0 5px 0 0; padding:3px; width:120px; height:120px; }
ul#pickerbox_images li:hover { padding:2px; background-color:#FFF; border-top:#e3e3e3 1px solid; border-right:#CCC 1px solid; border-left:#CCC 1px solid; border-bottom:#adadad 1px solid; }

/* Steps for ChangeRecipe Author */
#wizard_steps { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat 0 -50px; width:600px; height:50px; margin:0; padding:0; }
#wizard_steps span { outline-style:none; outline-width:medium; text-indent:-99999px; }
#wizard_steps li, #wizard_steps1 a, #wizard_steps2 a, #wizard_steps3 a, #wizard_steps4 a, #wizard_steps5 a { width:120px; height:50px; display:block; }
#wizard_steps li { float:left; list-style:none; display:inline; }

#current_step1 a { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll 0 0; }
#current_step2 a { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -120px 0; }
#current_step3 a { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -240px 0; }
#current_step4 a { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -360px 0; }

#wizard_steps1 a:hover { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll 0 0; }
#wizard_steps2 a:hover { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -120px 0; }
#wizard_steps3 a:hover { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -240px 0; }
#wizard_steps4 a:hover { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -360px 0; }

#wizard_steps1_dead { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll 0 -100px; }
#wizard_steps2_dead { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -120px -100px; }
#wizard_steps3_dead { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -240px -100px; }
#wizard_steps4_dead { background:url('/images/sprite_icon_step_wText_inline.jpg') no-repeat scroll -360px -100px; }

/* Ingredients for CR Wizard */
#sideingred.td { vertical-align:top; }
.arrows { padding: 4px 0; width:12px; height:12px; }
.arrows-allup { background:url('/images/icon_arrowUp_first-trans.png') 0 0 no-repeat;  width:12px; height:12px; }
.arrows-allup:hover { background:url('/images/icon_arrowUp_first-hover-trans.png') 0 0 no-repeat;  width:12px; height:12px;  }
.arrows-up { background:url('/images/icon_arrowUp-trans.png') 0 0 no-repeat; width:12px; height:5px; }
.arrows-up:hover { background:url('/images/icon_arrowUp-hover-trans.png') 0 0 no-repeat;  width:12px; height:5px; }
.arrows-down { background:url('/images/icon_arrowDown-trans.png') 0 0 no-repeat;  width:12px; height:5px; }
.arrows-down:hover { background:url('/images/icon_arrowDown-hover-trans.png') 0 0 no-repeat;  width:12px; height:5px; }
.arrows-alldown { background:url('/images/icon_arrowDown_last-trans.png') 0 0 no-repeat;  width:12px; height:12px;  }
.arrows-alldown:hover { background:url('/images/icon_arrowDown_last-hover-trans.png') 0 0 no-repeat;  width:12px; height:12px; }

/* Tasks-Sidebar for CR Wizard */
ul.tasks-sidebar { margin:0; }
ul.tasks-sidebar li  { list-style-type:none; margin:0; padding:0; border-bottom:1px dotted #CCC;}
.tasks-sidebar h4 { margin:10px 0 0; padding:0; }
.tasks-sidebar td { padding: 2px 0; vertical-align: bottom; }

.task { margin: 0 0 5px; padding:5px 8px 3px; border:0px solid #000; }
.change-recipe { margin: 0 5px 5px; padding:5px 8px 3px; border:0px solid #000; background-color:#EEF6CE; }
.entry { margin: 5px 0px; padding:5px 8px 3px; border:0px solid #000; }
.journal-entry { border:1px solid #CCC; padding:10px; margin:10px 0; display:block; }
.journal-entry h3 { margin:0; padding:0; }

/* Transparency Layer for Published CR Preview */
#translayer { opacity:0.15; -moz-opacity:0.15; filter:alpha(opacity=15); background-color:#000; z-index:100; position:absolute; top:0; width:645px; height:5000px; }
#translayer_container { width:643px; margin:0 0 20px; position:relative; overflow:hidden; border:#808080 1px dotted; }
* html #translayer_container { min-height:100%;	height:auto !important;	height:100%; }
#sm_container { width:625px; margin:0; padding:10px; }
#sample_watermark { position:absolute; top:100px; left:150px; z-index:99; background:url('/images/sample_watermark-trans.png') no-repeat; width:400px; height:225px; }

/* Journal List */
.journal-list p { padding:2px; margin:0;   font-size:87.5%; background:#EEF6CE none repeat scroll 0 0 }
.journal-list h4 { padding:0; margin:0;   font-size:100%;  }
.journal-list td  {vertical-align:top; text-align:left;  }

/* Media Plyer */
.mediawrapper { margin:10px 0 10px 20px; }

.email-nifty { background-image: url('/images/icon_email-trans.png');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 5px 10px;}

/* Sample Schedule on ChangeRecipe Detail Page */
.sample-schedule h3 { font-size:125%; font-weight:normal;margin: 15px 0 0;  }
.sample-schedule table td { font-size:87.5%; padding:1px; margin:0; }

/* Task in Journal */
.journal-task .media, .journal-task .completed { text-align:center; }
.journal-task td { vertical-align:top; }
.journal-task p { margin:0; padding:0; font-weight:bold; }

/* Task Detail Media View */
#media-player-container { float:right; width:400px; margin:0; padding:5px; background-color:#FFF; border:1px #CCC solid; min-height:150px; }

/* Tools App */

h4 #tagline { float:left; }
#tools-content { width:780px; margin:10px 0 0 40px; padding-right:20px; float:left;}
#tools-content h1.p { color:#000; }
#tools-content form { margin: 10px 0 30px 15px; padding:5px; }
#tools-content form input[type="text"], #tools-content form input[type="password"] { padding:5px; font-size:2em; width:600px; margin:5px; }
#tools-content input[type="submit"] { padding:10px 20px; margin:5px; }
#tools-content form .dates input[type="text"]   { margin:5px; padding:2px; font-size:1em; width:100px; }
#tools-content ul { list-style-type:none; z-index:5; position:absolute; margin-left:0;}
#tools-content .auto_complete li {  padding:5px; font-size:2em; width:600px; background-color:#454545; color:#fff;}
#tools-content .auto_complete li:hover {  padding:5px; font-size:2em; width:600px; background-color:#999; cursor:pointer; }
#feedback { margin:5px 20px; padding:5px; font-size:1.25em; text-align:center; }
.sortable { margin:0; padding:5px; border-bottom:0px dotted #CCC; font-size:1em; width: 580px; }
.sortable .edit, .sortable .delete, .ingredient .edit, .ingredient .delete { display:none; }
.sortable:hover { background-color:#fff; color:#000; cursor:move; }
.sortable:hover .edit, .sortable:hover .delete, .ingredient:hover .edit, .ingredient:hover .delete { display:inline; }
.response { padding:10px; background-color:#454545; color:#fff; }

.quick-stats dd { float:left; width:50px; text-align:center;  }
.quick-stats dt { float:left; width:190px; text-align:left; padding:1px 20px; }
.quick-stats dt.group { padding:10px 10px 3px; text-decoration:underline; }

#module-list li { list-style-type:none; width:200px;  font-size:1.25em; border:0px solid #A5D4FE; text-align:left; padding:2px; margin:0px;}
#module-list li:hover { list-style-type:none; width:200px;  border:0px solid #A5D4FE; text-align:left; padding:2px; margin:0px; background-color:#1CA3FF;  }
#module-list li a { display:block;  }
#module-list li a:hover { text-decoration:none;  color:#fff; }

.table-associated-items table { width:650px; padding:0; margin:0;  }
.table-associated-items th { width:100px; text-align:center; border:0; font-size:2em;  padding:0; margin:0;  }
.table-associated-items td { width:100px; text-align:center; font-size:1em; padding:5px; margin-bottom:100px; }

/* Login Page */
.loginbox { float:left; width:300px; margin:0 10px; }
.loginbox fieldset { height:140px; }
.login_bg { background-color:#ddedfc; width:250px; position:relative; padding:10px; margin:0 0 10px; }

/* Discussions */
#discuss { padding: 10px 0 0 0; }
#discuss .post { padding:5px 5px 10px;}
#discuss .topic { padding-left:18px; }

/* Manage Menu */
.manage_menu { margin:10px 0; padding:10px 0 0 25px; background:url(/images/cr_manage_menu.png) no-repeat top; width:625px; height:32px; font-size:1.2em; }
ul.manage_menu_links { list-style:none; margin:0; padding:0; }
ul.manage_menu_links li { display:inline; margin:0 27px 0 0; padding:0 0 0 28px; border-left:1px solid #CCC; white-space:nowrap; }
ul.manage_menu_links li:first-child { margin:0 27px 0 0; padding:0; border-left:none; }

/* Commands */
.commands { padding: 10px; }
.commands dt { float:left; font-size:1.25em; height:50px; width:220px;}
.commands dd { height:50px; padding:0 10px 0 0px; width:620px;}

/* Bots */
.bots { padding: 10px; width:250px; float:right;}
.bots dl dt .bots dl dt img { float:left; font-weight:bold; height:20px; width:200px; }
.bots dl dd {  height:20px; width:400px; padding:5px 0 10px 10px;}

/* Friend Update Alerts */
#change-alerts { position:relative; padding-top:15px; }
#loading-alerts { position:absolute; left:0; top:0; }
#change-alerts a { padding:6px; margin:3px; border:1px solid #3399FF;  -moz-border-radius:5px; -webkit-border-radius:5px; }
#change-alerts a img { vertical-align:middle; }
#change-alerts span.on a { background:#e6ff70;	border:1px solid #b4c91a; }
#change-alerts span.off a { background:#FBE3E4; border:1px solid #FBC2C4; }
#change-alerts span.off a:hover { background:#e6ff70; border:1px solid #b4c91a; }
#change-alerts span.on a:hover { background:#FBE3E4; border:1px solid #FBC2C4; }


/* Activity */
ol.activity { list-style-type:none; margin:0; }
ol.activity > li { border-bottom:1px dotted #D2DADA; line-height:1.6; padding:0.9em 0; min-height:60px; position:relative; }
ol.activity > li:hover { background-color:#f5f5f5; color:#333; }

ol.activity .left img { margin-left:10px; }
ol.activity div.activity-body { min-height:60px; overflow:hidden; width:490px; margin-top:0; }
ol.activity div.activity-body h3 { font-size:1.2em; color:#3399FF; margin:0; padding:0; }
ol.activity span.meta a { color:#999999; }
ol.activity span.meta { color:#999999; font-family:arial; font-size:0.8em; font-style:italic; margin:3px 0 0; }
ol.activity .actions { border-width:0; position:absolute; right:5px; top:0.5em; }
ol.activity .actions a { margin-bottom:3px; }
ol.activity .actions a:hover { margin-bottom:3px; }
ol.activity .entry-content { line-height:1.5; }
ol.activity .entry-content table li .links { display:none; }
ol.activity .entry-content table li:hover .links { display:inline; }
ol.activity .comment .avatar img { margin:0; }

/* Activity Narrow */
ol.activity-narrow { list-style-type:none; margin:0; }
ol.activity-narrow > li { border-bottom:1px dotted #D2DADA; line-height:1.6; padding:0.7em 0 0.8em; min-height:80px; position:relative; }

ol.activity-narrow .left img { margin-left:0; }
ol.activity-narrow div.activity-body { min-height:60px; overflow:hidden; margin-top:0; }
ol.activity-narrow div.activity-body h3 { font-size:1.2em; color:#3399FF; margin:0; padding:0; }
ol.activity-narrow span.meta a { color:#999999; }
ol.activity-narrow span.meta { color:#999999; font-family:arial; font-size:0.8em; font-style:italic; margin:3px 0 0; }
ol.activity-narrow .actions { border-width:0; position:absolute; right:5px; top:0.5em; }
ol.activity-narrow .actions a { background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; padding:3px 8px; text-decoration:none; }
ol.activity-narrow .actions a:hover { background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; padding:3px 8px; text-decoration:none; }
ol.activity-narrow .entry-content { line-height:1.5; }
ol.activity-narrow .entry-content table li .links { display:none; }
ol.activity-narrow .entry-content table li:hover .links { display:inline; }
ol.activity-narrow .feed-item .left { margin:0 8px 0 0; }

.entry-content h6 { font-size:16px; padding:5px; float:left; width:100px; height:100%; }
.entry-content table { border:3px solid #DFDFDF; margin:0; }
.entry-content p { width:100%; text-align: left; margin: 0; padding:0;}
.entry-content table td { vertical-align:top; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; padding:6px; }
.entry-content table td.meal { font-weight:bold; }
.entry-content table caption { padding:5px; font-size: 14px; font-weight:bold; background:none; }
.entry-content table.nutrition { border:1px solid white; margin-bottom:10px; }
ul.activityfoodtableheader { list-style:none; margin:0 30px 0 0; padding:0; float:right; }
ul.activityfoodtableheader li { display:inline; margin:2px 10px 0 0; }

ol.activity .unread { background:url(/images/icon-email-yellow-trans.png) no-repeat 615px bottom; }

.feed-item .reply { width:42px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 -112px; display:none; }
.feed-item .reply:hover { width:42px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 -96px; }
.feed-item:hover .reply { display:block; float:right; padding:0; }
.feed-item .delete { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -16px 0; display:none; }
.feed-item .delete:hover { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 0; }
.feed-item:hover .delete { display:block; float:right; padding:0; }
.feed-item .edit { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -16px -16px; display:none; }
.feed-item .edit:hover { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 -16px; }
.feed-item:hover .edit { display:block; float:right; padding:0; }
.feed-item .can { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -16px -48px; display:none; }
.feed-item .can:hover { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 -48px; }
.feed-item:hover .can { display:block; float:right; padding:0; }
.feed-item .notify { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -16px -32px; display:none; }
.feed-item .notify:hover { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 -32px; }
.feed-item:hover .notify { display:block; float:right; padding:0; }
.feed-item .share_to_fb { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -16px -80px; display:none; }
.feed-item .share_to_fb:hover { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 -80px; }
.feed-item:hover .share_to_fb { display:block; float:right; padding:0; }
.feed-item .delete_from_fb { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -32px -80px; display:none; }
.feed-item .delete_from_fb:hover { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -32px -80px; }
.feed-item:hover .delete_from_fb { display:block; float:right; padding:0; }
.feed-item .retweet { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat -16px -64px; display:none; }
.feed-item .retweet:hover { width:16px; height:16px; clear:both; background:url(/images/sprite-feedicons-trans.png) no-repeat 0 -64px; }
.feed-item:hover .retweet { display:block; position:relative; float:right; padding:0; }
a.retweet strong { position:absolute; right:-5px; }

.food-item-actions { text-align:center; }
.food .item .pantrybtn, .food .item .people-ate-this, .food .item .error { display:none; }
.food .item:hover .pantrybtn, .food .item:hover .people-ate-this, .food .item:hover .error { display:inline; }

.activity .highlighted { background:#fffbe2; border-bottom:1px dotted #FF3300; border-top:1px dotted #FF3300; }
.activity .highlighted .img_sm { border:1px solid #fe8401; border-bottom:1px solid #FF3300; }
.activity .highlighted a { color:#FF3300; }

ul.share { list-style:none; margin:0; float:right;}
ul.share li { display:inline-block; !float:left; position:relative; margin-right:5px; padding-right:5px; border-right:1px dotted #CCC; }
ul.share li:last-child { border-right:none; }

ul.share a.retweet strong { margin:0 5px; position:relative; }
ul.share a.retweet span { width:16px; height:16px; background:url(/images/icon-twttr-grey-trans.png) no-repeat; vertical-align:middle; display:inline-block; }
ul.share a.retweet span:hover { width:16px; height:16px; background:url(/images/icon-twttr.png) no-repeat; vertical-align:middle; display:inline-block; }
ul.share a.retweet:hover { text-decoration:none; }

ol.activity .actions ul.share a, ol.activity .actions ul.share a:hover { background-position:0 -232px; padding:0; }

.good { color:#7bb200; font-weight:bold; }
.bad { color:red; font-weight:bold; }

.filterbox { border-bottom:1px dotted #CCC; margin:0; padding:0; height:40px; overflow:hidden; }
#activity-filter { text-align:right; margin:10px 0; }
ul.filterlink { list-style:none; margin:0; padding:0; border:none; float:right; }
ul.filterlink li { display:inline; margin:0; }
ul.filterlink li a { float:left; text-decoration:none; color:#3399FF; padding:4px 10px 0 0; margin-left:5px; }
ul.filterlink li a span { float:left; padding-right:10px; display:block; margin-top:-4px; height:26px; }
ul.filterlink li.off a { background:url(/images/buttons/butt-filter.png) no-repeat right -26px; }
ul.filterlink li.off a span { background:url(/images/buttons/butt-filter.png) no-repeat left -26px; }
ul.filterlink li.on a { background:url(/images/buttons/butt-filter.png) no-repeat top right; color:#8aa51b; }
ul.filterlink li.on a span { background:url(/images/buttons/butt-filter.png) no-repeat top left; }
ul.filterlink li a:hover { background:url(/images/buttons/butt-filter.png) no-repeat top right; color:#3399FF; }
ul.filterlink li a:hover span { background:url(/images/buttons/butt-filter.png) no-repeat top left; }

.more-activity { background:transparent url(/images/buttons/butt-moreactivity-trans.png) no-repeat; margin-top:10px; padding-top:10px; width:645px; height:35px; text-align:center; }
.more-activity:hover { background:transparent url(/images/buttons/butt-moreactivity-hover-trans.png) no-repeat; margin-top:10px; padding-top:12px; width:645px; height:33px; text-align:center; }
.message-item.unread { background:#EFFFFF none repeat scroll 0 0; border-bottom:1px solid #CCC; color:#000000; }
.message-item.unread:hover { cursor:pointer; }

/* Site wide comments */
.comment { position:relative; margin:2px 0 1px; padding:4px 30px 4px 4px; border-bottom:1px solid #dffcfc; background:#EFFFFF; min-height:45px; }
.comment .avatar { width:40px; float:left; margin-right:9px; }
.comment .msg { width:85%; float:left; }
.comment .msg input[type="submit"] { padding:2px 6px; border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef; -moz-border-radius:4px; -webkit-border-radius:4px; }
.comment .msg input[type="submit"]:hover { cursor:pointer; padding:2px 6px; background:#e6ff70;	border:1px solid #b4c91a; -moz-border-radius:4px; -webkit-border-radius:4px; }
.add_comment { margin-top:5px; }

/* Groups */
.quickEntry .comment { background:transparent; margin:2px 0 1px; padding:4px 0 4px 4px; }
.grouprow { border-top:1px dotted #CCC; padding:10px 0; position:relative; }
.groupprogramrow { border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef url(/images/bg-greybox.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.groupprogramrow:hover { cursor:pointer; border:1px solid #eaeaea; border-bottom:1px solid #d1d1d1; background:#F2F2F2; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Journal Feed and Entries on Journal Page */
.item-date { float:right; text-align:right; width:140px; }
ul.journal-entries { list-style-type:none; margin:0; width:645px; }
ul.journal-entries > li { margin:0; padding:15px 10px; border-bottom:1px dotted #CCC; }
ul.journal-entries > li:hover { background:#EFEFEF; color:#333; }
.journal-item { margin:0; padding:15px 10px; width:625px; border-top:1px dotted #CCC; }
.journal-item:hover { background:#EFEFEF; color:#333; }
.journal-content { width:600px; }

/*
.activity { position:relative; margin:0; padding:0; }
.published-cr, .enrolled-cr, .forum-post, .rating-cr, .journal-item, .birthday-item, .friendship-item, .avatar-item, .message-item, .task-history-item { border-bottom:1px solid #CCC; margin:0; padding:10px; width:625px; }
.published-cr:hover, .enrolled-cr:hover, .forum-post:hover, .rating-cr:hover, .journal-item:hover, .birthday-item:hover, .friendship-item:hover, .avatar-item:hover, .message-item:hover, .task-history-item:hover { background:#EFEFEF; color:#333; }
.task-history-item { background-color:#FFFFDE; }
.item-date { float:right; text-align:right; width:140px; }
.item-details { float:left; width:406px; }
.item-details p { margin:0; padding:0; }
.next-task { border:1px solid #FF9966; margin:0; padding:10px; width:625px; background:#FFFFCC; }
#flagbar { border:1px solid #FF0000; background:#fedcdc url(/images/icon-flag-red-lrg-trans.png) no-repeat 10px 5px; color:#FF0000; margin:0 0 10px 0; padding:10px 10px 10px 55px; width:580px; }
*/

/* Getting Started */
.task-video { margin:0; padding:0 10px; background:transparent; position:relative; overflow:auto; color:#333; }
.task-video h2 a { color:#FF3300; }
.task-video h2, .task-video p { margin-bottom:2px; }
#thumbnail { float:left; margin:0 15px 0 0; padding:1px; }
#getting-started-checklist label { font-size:1.75em; margin:0; padding:0; }
span.checkbox { background:url(/images/fatcheckbox.jpg) no-repeat 0 0; width:18px; height:18px; float:left; display:block; }
#getting-started-checklist a { color:#3399ff; }


/* Tooltips */
#privacyBtns { position:relative; }


/* Landingpage Subjects
-------------------------------------------------------------*/

/* Featured CRs */
#subject-feature { width:980px; margin:15px auto 0; padding:0; }
#subject-feature-cr { width:280px; margin:0 20px 15px; padding:0; float:left; }
ol.subject-feature-cr { width:980px; list-style:none; }
ol.subject-feature-cr li { width:280px; margin:0 0 15px 40px; padding:0; float:left;  }
ol.subject-feature-cr li:first-child { margin-left:0; }
.subject-feature-img { width:280px; height:200px; padding:5px; background:#FFF; border:#CCC 1px solid; overflow:hidden; position:relative; }
.spacer5x5white { position:absolute; bottom:0; left:0; z-index:1; width:290px; height:5px; background:url(/images/spacer5x5white.gif) repeat-x bottom; }
#layer-3 { width:100%; margin:0 auto; padding:15px 0 0; background:url(/images/greystripes.jpg) repeat-x top; }
#subject-intro-content { margin:0 auto; padding:0; width:645px; position:relative; }
#subject-intro-content p { font-size: 1.3em; color:#464646; font-weight:normal; text-align:left; }

#subject-feature h3 { font-size: 1.5em; margin:0; padding:0; line-height:1.3; color:#3399ff; }						/* Light Blue */
#subject-feature h5 { font-size: 1.3em; margin:0; padding:0; color:#8aa51b; font-weight:normal; }

/* Quick Result Diets */
.qrd-question { width:477px; height:129px; margin:0 auto; background:url(/images/subject/quickresultdiets/question.jpg) no-repeat; }
.qrd-homepage-links { position:absolute; bottom:15px; margin:0 auto; }
 
 /* Layout */
.subject-column { width:640px; margin:0 40px 0 0; padding:0; float:left; }

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

/* Trackers
-------------------------------------------------------------- */
.congrats { display:none; }
.show-congrats { display:block }
.legend-cravings, .legend-stress_amount  { width:10px; height:10px; background:#add981;  }
.legend-happiness, .legend-stress_manage { width:10px; height:10px; background:#7F8DA9;  }
.legend-energy { width:10px; height:10px; background:#FEC514;  }
#track_cardio_amount { width:60px; }


/* Survey
-------------------------------------------------------------- */
#survey .checkbox { float:left; width:300px; }
#survey .radio { float:left; width:150px; padding:5px;}
#survey h5 { margin-bottom:5px; }

.question25, .question26, .question27, .question28, .question29, .question30, .question31 { width: 460px;}

.question25 select, .question26 select, .question27 select, .question28 select, .question29 select, .question30 select, .question31 select { margin:0 10px;}

.question25 h5 { height:40px; }
.question26 h6, .question27 h6, .question28 h6, .question29 h6, .question30 h6, .question31 h6 { display:none; }
.question25 p, .question26 p, .question27 p, .question28 p, .question29 p, .question30 p, .question31 p { float:left; width:80px;}
.question25 label, .question26 label, .question27 label, .question28 label, .question29 label, .question30 label, .question31 label { float:left; }
.question25 .checkbox, .question26 .checkbox, .question27 .checkbox, .question28 .checkbox, .question29 .checkbox, .question30 .checkbox, .question31 .checkbox { float:left; width:auto; }

.question33 p { padding:10px;}
.question33 label { width: 350px; padding:10px;}
.question33 input { float:right; }
#answer_221 { float:left; width:25px; }

.bubble {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	display: block;
	margin: 2px 5px;
}

/* Payment
-------------------------------------------------------------- */
.program_price { margin:0 0 10px 0; padding:10px; border:1px dashed #CCC; }
.program_price:hover { background:#EFEFEF; }

/* Creditcard Payment */
#ccard_logos { width:235px; height:35px; display:block; position:absolute; top:0px; right:0px; }
.ccard { width:55px; height:35px; display:block; float:left; }

#ccard_logo_visa { background:url(/images/credit_card_logos_off-trans.png) no-repeat top left; }
#ccard_logo_amex { background:url(/images/credit_card_logos_off-trans.png) no-repeat top right; }
#ccard_logo_master { background:url(/images/credit_card_logos_off-trans.png) no-repeat scroll -61px 0; }
#ccard_logo_discover { background:url(/images/credit_card_logos_off-trans.png) no-repeat scroll -120px 0; }

#ccard_logos.visa #ccard_logo_visa { background:url(/images/credit_card_logos-trans.png) no-repeat top left; }
#ccard_logos.amex #ccard_logo_amex { background:url(/images/credit_card_logos-trans.png) no-repeat top right; }
#ccard_logos.master #ccard_logo_master { background:url(/images/credit_card_logos-trans.png) no-repeat scroll -61px 0; }
#ccard_logos.discover #ccard_logo_discover { background:url(/images/credit_card_logos-trans.png) no-repeat scroll -120px 0; }


/* Boxes */
/*.orangebox { border:1px solid #cf4700; border-bottom:1px solid #a13700; background:#fe8545 url(/images/bg-orangebox.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }*/
.orangebox { border:1px solid #fe8401; border-bottom:1px solid #bd3e00; background:#febf01 url(/images/bg-orangebox-2.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.bluebox { border:1px solid #81dcf2; border-bottom:1px solid #499eb3; background:#d6f9fd url(/images/bg-bluebox.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.greenbox { border:1px solid #b4c91a; border-bottom:1px solid #7f8f06; background:#e6ff70 url(/images/bg-greenbox.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.greybox { border:1px solid #e2e1dd; border-bottom:1px solid #bbbbbb; background:#efefef url(/images/bg-greybox.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.ltgreybox { border:1px solid #eaeaea; border-bottom:1px solid #d1d1d1; background:#F2F2F2; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.whitebox { border:1px solid #efefef; border-bottom:1px solid #e2e1dd; background:#FFF; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.redbox { border:1px solid #ff6066; border-bottom:1px solid #b41016; background:#ffcccc url(/images/bg-redbox.png) repeat-x bottom; color:#333; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.yellowbox { border:1px solid #FFD324; border-bottom:1px solid #c28900; background:#fffbe2; color:#514721; margin-bottom:5px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.orangebox .data, .bluebox .data, .greenbox .data, .greybox .data { font:bold 1.2em/1em Georgia; }
.orangebox input[type="text"], .bluebox input[type="text"], .greenbox input[type="text"], .greybox input[type="text"] { margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }

.trackerbox { border:1px solid #CCC; border-bottom:1px solid #999; background:#FFF; color:#333; margin-bottom:5px; padding:0; -moz-border-radius:5px; -webkit-border-radius:5px; }
.trackerbox h3 { margin:5px 0 0 5px; }

/* Expert Notes */
.expertnotes { border-top:1px dotted #CCC; margin:0; padding:10px; }
#noteform input[type="submit"] { margin:0; padding:3px 6px; color:#006699; }


/* Expert Enrollee List
-------------------------------------------------------------- */
#myEnrollees .active { background:#FFFFFF; }
#myEnrollees .paused { background:#FFDDDD; }
#myEnrollees .complete { background:#CCCCCC; }
#myEnrollees .registering { background:#EFFFFF; }
#myEnrollees .cancelled { background:#DDDDDD; }
#myEnrollees .cancelled a{ color:#69B4FF; }

#myEnrollees { position: relative }
.clients .chead {
	float:right;
	font-size: 10px;
	margin: 0px 0px 0px 5px;
	width: 35px;
	text-align: center;
	line-height:1;
}
.clients .crow {
	margin: 0px 0px 0px 5px;
	width: 35px;
	text-align: center;
	float: right;
}

.clients { list-style:none; margin:0; }
.clients li { clear:both; display:block; height:22px; line-height:22px; border-bottom:1px solid #CCCCCC; padding:2px; }
.clients li:hover { background:#EFFFFF; }
.clients li div { float:left; }
.clients li div.right { float:right; }
.clients .flag { text-align:center; width:12px; height:15px; }




/* Plans & Pricing
--------------------------------------------------------------
.pricing-plan { text-align:center; position:relative; }
.pricing-plan h1 { color:#000000; font-family:helvetica,arial sans-serif; font-size:46px; font-weight:bold; letter-spacing:-2px; padding:25px 0 0; margin:0; }
.pricing-plan h2 { font-family:helvetica,arial,sans-serif; font-size:24px; font-weight:normal; letter-spacing:0; margin:0; padding:0 0 15px; }
.pricing-plan h3 { font-size:18px; color:#000; line-height:1.2; }
.pricing-plan table { text-align:center; border:0px solid #F2F2F2; margin:0 auto; padding:10px; width:700px; }
.pricing-plan .subheader { font-size:16px; color:#3088BF; }
.pricing-plan td, .pricing-plan th { text-align:center; color:#000; border:none; padding:5px 5px; }
.pricing-plan .header th { text-align:center; vertical-align:top; padding-top:10px; background-color:#e2e1dd; border:1px solid #CCC; }
.pricing-plan .header th p { text-align:center; font-size:14px; font-weight:normal; color:#FF3300; margin:40px 0 0; padding:0; }
.pricing-plan th { text-align:left; }

.pricing-plan .badge-popular { background:url(/images/badge-popular-trans.png) no-repeat; position:absolute; top:107px; right:285px; width:53px; height:53px; }
.pricing-plan .badge-bestresults { background:url(/images/badge-bestresults-trans.png) no-repeat; position:absolute; top:107px; right:115px; width:53px; height:53px; }
.pricing-plan .fee-waived { background:url(/images/fee-waived-trans.png) no-repeat; position:absolute; top:260px; right:25px; width:151px; height:84px; }
.pricing-plan .header .basic { background:#DDD url(/images/pricing-basic-trans.png) no-repeat center 3px; }
.pricing-plan .header .standard { background:#fef691 url(/images/pricing-standard-trans.png) no-repeat center top; margin:0; padding:3px 0 0; }
.pricing-plan .header .premium { background:#DDD url(/images/pricing-premium-trans.png) no-repeat center 7px; }

.col1{ background:#fff; }
.col2{ width:160px; background:#efefef; border:1px solid #e2e1dd; }
.col3{ width:160px; background:#fef691; border:15px solid #fef691; }
.col4{ width:160px; background:#efefef;  border:1px solid #e2e1dd; }
.col5{ width:160px; background:#efefef; border:1px solid #e2e1dd; }

.blue { color:#3088BF; }
.dark-green { color:#A1BF34; }
.green { color:#C3D973 }
.light-green { color:#D1D99A }
.lighter-green { color:#f2f2f2 }


.row0, .row1, .row2, .row3, .row4, .row5, .row6, .row7, 
.row8, .row9, .row10, .row11, .row12, .row13, 
.row14, .row15, .row16, .row17, .row18, .row19, .row20, .row21
{ border-bottom:1px solid #e2e1dd; }*/


/* Avatar Badges
--------------------------------------------------------------*/
.avatar-badge-tier--1 { background:transparent; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-tier-0 { background:transparent; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-tier-1 { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-tier-2 { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-tier-3 { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-premium { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-expert { background:url(/images/icon-expert-trans.png) no-repeat; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-groupleader { background:url(/images/icon-gl-trans.png) no-repeat; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }
.avatar-badge-superchanger { background:url(/images/icon-sc-trans.png) no-repeat; position:absolute; top:42px; left:43px; width:27px; height:27px; margin:0; }

.avatar-badge-quickentry-tier-0 { background:transparent; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-tier-1 { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-tier-2 { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-tier-3 { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-premium { background:url(/images/spacer.gif) no-repeat; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-expert { background:url(/images/icon-expert-trans.png) no-repeat; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-groupleader { background:url(/images/icon-gl-trans.png) no-repeat; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-superchanger { background:url(/images/icon-sc-trans.png) no-repeat; position:absolute; top:42px; left:53px; width:27px; height:27px; margin:0; }
.avatar-badge-quickentry-tier--1 { display:none; }

.badge-usda { background:url(/images/icon-usda-32x32-trans.png) no-repeat; position:absolute; top:35px; left:40px; width:32px; height:32px; }
.badge-unverified { background:url(/images/icon-unverified-32x32-trans.png) no-repeat; position:absolute; top:35px; left:40px; width:32px; height:32px; }

/* Nutrition Section
--------------------------------------------------------------*/
.nutrition-list { margin:0; }
.nutrition-list .meal { border-top:2px solid #e2e1dd; margin:0; padding:5px; }
.nutrition-list h3 { font-size:1.2em; margin:0 0 5px; }
.nutrition-list .meal .dottedline { width:100%; height:1px; border-bottom:1px dotted #CCC; margin-bottom:5px; }
.deleteme { width:16px; height:16px; background:url(/images/icon-delete-grey-trans.png) no-repeat; display:inline-block; }
.deleteme:hover { width:16px; height:16px; background:url(/images/icon_delete-trans.png) no-repeat; display:inline-block; }
.addme { width:16px; height:16px; background:url(/images/icon-add-grey-trans.png) no-repeat; display:inline-block; }
.addme:hover { width:16px; height:16px; background:url(/images/icon_add-trans.png) no-repeat; display:inline-block; }

.pantry-collage { margin:5px; }

.food-search { margin:0 auto 20px; text-align:center; padding:0;}
.food-search .text { padding:4px; margin:5px; font-size:14px; width:300px; }
.food-search .button { padding:1px 3px; font-size:1.2em; }
.food-search .big-search { margin:0; }
.food-search .big-search input[type="text"] { width:300px; }
.small-search { margin:0; padding:0; }
.foodsearchspinner { position:absolute; right:5px; top:3px; }

.results { width:500px; margin:-26px auto 15px; padding:3px; border:1px solid #FFD324; background:#fffbe2; text-align:center; }
.sort { width:400px; text-align:center; margin:auto; }
.food { list-style-type:none; }
.food h4 { padding:2px; margin:0; width:400px; line-height:1.1; }
.food img { float:left; padding:0 10px 0 8px; }
.food .item { padding:10px; }
.food dd, .food dt, .food ul li { float:left; margin:0; padding:2px; }
.food dl, .food ul, .food div.info { float:left; margin:0; }
.food div.info { width:400px; }
.food-input { border:1px solid #81dcf2; background:#EFFFFF; margin:10px 5px 0; padding:10px;  -moz-border-radius:5px; -webkit-border-radius:5px; }
.food-input { font-size:.8em; }
.food-input input[type="text"], .food-input select { padding:0; margin:0; color:#666666; }
.food .actions { list-style-type:none; margin:0; padding:15px; float:right; }
.food .actions li { padding:2px 5px; }
.food .servings { width:40px; }
.odd { background:#EFEFEF; }
.even { background:#fff; }
.add-item { margin:auto; width:400px; padding:5px; background: #FFEFEF; text-align:center; border:1px solid #FFDFDF;}

.itemnotfound li { background:#EFFFFF; border:1px solid #81dcf2; padding:5px; overflow:auto; }

ul.paging { list-style:none; margin:auto; padding:10px; text-align:right; }
ul.paging li { margin:0 5px 0 0; padding:0 0 0 6px; border-left:1px solid #DFDFDF; display:inline; }

#meal-items { float:left; width:500px; }

.nutrition_facts_holder { float:right; width:460px; margin:0; padding:0; }
.nutrition_facts { background-color:#FFFFFF; border:3px solid #545659; font-size:1.1em; margin:auto; padding:10px; width:400px; text-align:left; }
.nutrition_facts table, .nutrition_facts tr, .nutrition_facts td, .nutrition_facts th { border:none; padding:0; }
.nutrition_facts td { padding:2px; }
.nutrition_facts tr { border-bottom:thin solid #999; }
.nutrition_facts input { width: 50px; border:1px solid #e2e1dd; background:#EFEFEF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:1px; -webkit-border-radius:1px; }
.nutrition_facts input:HOVER { background:#fff2a1; }
.nutrition_facts .thick_black_bar { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#545659 none repeat scroll 0 0; height:3px; margin:0; padding:0; }
.nutrition_facts .skinny_black_bar { padding:0; }

.food-image { padding:10px 10px 10px 0; float:left; }

.food-info { margin:0 35px 0 0; width:460px; padding:0; float:left; }
.food-info label { width:100px; font-size:1.25em; color:#666666; font-weight:normal; }
.food-info input[type="text"] { width:350px; font-size:1.7em; margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }
.food-info textarea { width:400px; font-size:1.7em; margin:0px; padding:4px; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/bg-input-text.jpg) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; }

.nutrition-missing { background:url(/images/icon-search-16x16-trans.png) no-repeat left; padding-left:18px; font-size:.9em; }

/* Motivators */
.motivator-greatjob { background:url(/images/icon-motivators-trans.png) no-repeat 0 0; width:190px; height:32px; margin:0 0 5px; padding-left:40px; }
.motivator-inspiration { background:url(/images/icon-motivators-trans.png) no-repeat 0 -32px; width:190px; height:32px; margin:0 0 5px; padding-left:40px; }
.motivator-goodluck { background:url(/images/icon-motivators-trans.png) no-repeat 0 -64px; width:190px; height:32px; margin:0 0 5px; padding-left:40px; }
.motivator-watchingyou { background:url(/images/icon-motivators-trans.png) no-repeat 0 -96px; width:190px; height:32px; margin:0 0 5px; padding-left:40px; }
.motivator-ontrack { background:url(/images/icon-motivators-trans.png) no-repeat 0 -128px; width:190px; height:32px; margin:0 0 5px; padding-left:40px; }
.motivator-chinup { background:url(/images/icon-motivators-trans.png) no-repeat 0 -160px; width:190px; height:32px; margin:0 0 5px; padding-left:40px; }
.motivate-me { float:left; border:1px solid #efefef; border-bottom:1px solid #e2e1dd; background:#FFF; color:#333; width:225px; color:#333; margin:5px; padding:3px 3px 3px 6px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.motivate-me:hover { float:left; border:1px solid #81dcf2; border-bottom:1px solid #499eb3; background:#EFFFFF; width:225px; color:#333; margin:5px; padding:3px 3px 3px 6px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Level Indicator */
.level-box { position:relative; }
.level-bg { background:url(/images/progressbar_bg.png); border:1px solid #b4c91a; border-top:1px solid #7f8f06; height:15px; margin:0; -moz-border-radius:2px; -webkit-border-radius:2px; }
.level-bar { background:url(/images/progressbar.png); height:15px; }
.level-txt { position:absolute; left:5px; font-weight:bold; font-size:11px; line-height:1.6; }

/* Weight Leader Indicator */
.weight-level-box { position:relative; }
.weight-level-bg { background:url(/images/progressbar_bg.png); border:1px solid #65cfe6; border-top:1px solid #2799b7; height:15px; margin:0; -moz-border-radius:2px; -webkit-border-radius:2px; }
.weight-level-bar { background:url(/images/progressbar-weight.jpg); height:15px; }
.weight-level-txt { position:absolute; left:5px; font-weight:bold; font-size:11px; line-height:1.6; }

/* Trophy Case */
#trophy_case { margin-bottom:15px; }
addl_trophy_case { width:280px; }

/* User Achievement List */
ul#user_achievement_list { list-style:none; margin:0; }
ul#user_achievement_list li { border-bottom:1px dotted #CCC; padding:5px 0; }

/* Achievement Page */
ul#achievement_list { list-style-type:none; margin:-25px 0 0; }
ul#achievement_list li { width:300px; float:left; margin-bottom:15px; _margin:0 20px 15px 0; !margin:0 20px 15px 0; *margin:0 20px 15px 0; }
ul#achievement_list li:nth-child(3n+2) { margin-right:none; }
ul#achievement_list li:nth-child(2n+1) { clear:both; margin-right:40px; }

/* Forums */
#fora td { vertical-align:top; }
#messages td { vertical-align:top; }
.post_message { float:left; width:530px; }
.post_message .delete { display:show; }
.post_content { margin-top:15px; }
.forum_name img { vertical-align:middle; float:left; margin-right:15px; }
.forum_recent img, .thread_recent img { width:32px; height:32px; }
.forum_recent .tiershow, .thread_recent .tiershow { display:none; }
.recent .left { padding:1px; }
.recent .left img { margin-left:10px; margin-right:10px; }
.forumbar { text-align:center; width:980px; }

/* Tags */
.tag-on { background:#7BB200; color:#fff; padding:2px 4px 2px 4px; margin:5px; float:left;}
.tag-off { background:#fff; color:#454545; border:1px solid #7BB200; padding:2px 4px 2px 4px; margin:4px; float:left;}

.tag-on a { color:#fff; text-decoration:none;}
.tag-off a { color:#454545; text-decoration:none; }

.tag-on:hover, .tag-off:hover { background: #95D604 }

/* Store and Products */
.store-banner { background:url(/images/banner-bg.png) repeat-x; position:absolute; left:-6px; padding:0 0 0 20px; line-height:1.9; height:23px; width:270px; border:1px solid #ecd956; }
.store-banner-fold { position:absolute; top:35px; left:-6px; background:url(/images/banner-bg-fold.png) no-repeat; width:6px; height:6px; }

/* Tooltips */
.facetooltip { color:#000000; outline:none; text-decoration:none; position:relative; }
.facetooltip span { margin-left: -999em; position: absolute; }
.facetooltip:hover span {
  font-family:Calibri, Tahoma, Geneva, sans-serif;
  position:absolute;
  left:-110px;
  bottom:75px;
  z-index:9900;
  margin-left:0;
  width:250px;
  background:white;
  padding:10px;
  border-radius:5px 5px;
  border:1px solid #3399FF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:2px 2px rgba(0, 0, 0, 0.1);
}
.facetooltip li { margin:0; padding:0; }
.achtooltip { color:#000000; outline:none; text-decoration:none; position:relative; }
.achtooltip span { margin-left:-999em; position:absolute; }
.achtooltip:hover span {
  font-family:Calibri, Tahoma, Geneva, sans-serif;
  line-height:1.4;
  position:absolute;
  left:-110px;
  bottom:70px;
  z-index:9900;
  line-height:1.4;
  margin-left:0;
  width:250px;
  background:white;
  padding:10px;
  border-radius:5px 5px;
  border:1px solid #3399FF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:2px 2px rgba(0, 0, 0, 0.1);
}
ul.friend_menu { margin:0; }
ul.friend_menu li { float:none; display:block; border-bottom:1px dotted #CCCCCC; margin:0; }
ul.friend_menu li:last-child { border-bottom:none; }
ul.friend_menu li a { display:block; padding:4px 5px; }
ul.friend_menu li a:hover { background:#EFFFFF; text-decoration:none; }

/* iPhone Ad */
#iphone-ad:hover { cursor:pointer; width:980px; height:52px; }