html { overflow-y: scroll;}

body {
	font:12px Arial, Helvetica, sans-serif;
	background:#ccd9e8 url(/images/bg-body.jpg) repeat-x;
	color:#000;
}
.big_text {
  font-size: 1.3em;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
a {
	text-decoration:none;
	color:#04b;
}
a:hover {color:#f60;}

.link:hover {color:#f60 !important;}
.link span {color:#f60;}

.messages ul.row:after,
.journal ul.row:after,
.events ul.row:after,
.journal:after,
#header .holder:after {
	clear:both;
	display:block;
	content:"";
}

/* buttons */
.new-msg,
.detail-info,
.detail-info2,
.send-msg,
.view,
.previous,
.next,
.cancel,
.review-all,
.btn,
.help,
.journal-btn,
.profile-btn,
.rate-item,
.review-btn {
	display:block;
	overflow:hidden;
	text-indent:-9999px; 
}
.new-msg,
.review-btn {
	width:105px;
	height:24px;
	background:url(/images/btn-new-msg.gif) no-repeat;
	float:left;
	margin:10px 0 0;
}
.detail-info {
	width:26px;
	height:26px;
	position:absolute;
	bottom:-6px;
	right:-5px;
	background:url(/images/ico-info.png) no-repeat;
	cursor:pointer;
}
.detail-info2 {
	width:26px;
	height:26px;
	position:relative;
	left:35px;
	top:-25px;
	background:url(/images/ico-info.png) no-repeat;
	cursor:pointer;
}
.view,
.send-msg,
.journal-btn,
.profile-btn {
	width:100px;
	height:20px;
	margin:0 0 5px;
	background:url(/images/btn-view.gif) no-repeat;
}
.send-msg {background:url(/images/btn-send-msg.gif) no-repeat;}
/*.previous,
.next {
  width:36px;
  height:36px;
  float:left;
  background:url(/images/btn-previous.gif) no-repeat;
}
.next {
  float:right;
  background:url(/images/btn-next.gif) no-repeat;
}
*/
.previous,
.next {
	width:12px;
	height:36px;
	float:left;
	margin-left: 10px;
	background:url(/images/caret_left.png) no-repeat 0 -3px;
}
.previous:hover {
	background:url(/images/caret_left_hover.png) no-repeat 0 -3px;  
}
.next {
	float:right;
	margin-right: 30px;
	background:url(/images/caret_right.png) no-repeat 0 -3px;
}
.next:hover {
	background:url(/images/caret_right_hover.png) no-repeat 0 -3px;  
}
.cancel,
.review-all {
	width:105px;
	height:24px;
	background:url(/images/btn-close.gif) no-repeat;
	float:right;
	margin:8px 8px 0 0;
}
.review-all {
	background:url(/images/btn-review-all.gif) no-repeat;
	float:left;
	margin:10px 0 0;
}
.btn {
	float:right;
	width:36px;
	height:36px;
	margin:3px 5px 0 0;
	background:url(/images/btn-btn01.gif) no-repeat;
}
.help {
	width:26px;
	height:26px;
	display:block;
	margin:14px 0 0;
	background:url(/images/ico-help.gif) no-repeat;
}
.help:hover,
.popup-active .help {background-position:0 -26px;}
.journal-btn {background:url(/images/btn-journal.gif) no-repeat;}
.profile-btn {background:url(/images/btn-profile.gif) no-repeat;}
.rate-item {
	width:105px;
	height:24px;
	background:url(/images/btn-rate-item.png) no-repeat;
	cursor:pointer;
}
.review-btn {
	margin:0;
	float:right;
	background:url(/images/btn-review.gif) no-repeat;
}

/* big buttons on marketing site */
.call_for_actions {
  margin: 40px 0;
  text-align: center;
}
.call_for_actions > div { display: inline-block }
.call_for_actions a {
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  border-radius: 5px;
  moz-border-radius: 5px;
  webkit-border-radius: 5px;
  khtml-border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  color: #333;
  font-size: 12pt;
  line-height: 1.6em;
  padding: 15px 30px;
  min-width: 210px;
  margin: 5px;
  display: inline-block;
  vertical-align: top;
  background-color: #f5f5f5; /* for non-css3 browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
  background-image: -webkit-linear-gradient(top,  #ffffff,  #eeeeee); /* for Chrome 11+ */ 
  background-image: -moz-linear-gradient(top,  #ffffff,  #eeeeee); /* for firefox 3.6+ */ 
  background-image: -ms-linear-gradient(top,  #ffffff,  #eeeeee); /* for IE 10 */
  background-image: -o-linear-gradient(top,  #ffffff,  #eeeeee); /* for Opera */ 
  background-image: -linear-gradient(top,  #ffffff,  #eeeeee); /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE < 10 */
}
.call_for_actions a:hover {
  background-color: #e5e5e5; /* for non-css3 browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); /* for webkit browsers */
  background-image: -webkit-linear-gradient(top,  #eeeeee,  #dddddd); /* for Chrome 11+ */ 
  background-image: -moz-linear-gradient(top,  #eeeeee,  #dddddd); /* for firefox 3.6+ */ 
  background-image: -ms-linear-gradient(top,  #eeeeee,  #dddddd); /* for IE 10 */
  background-image: -o-linear-gradient(top,  #eeeeee,  #dddddd); /* for Opera */ 
  background-image: -linear-gradient(top,  #eeeeee,  #dddddd); /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); /* for IE < 10 */ 
}
.actions_sub_label { font-size: 9pt }
a.main_action {
  color: white;
  background-color: #FF6F00; /* for non-css3 browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8800), to(#FF6F00)); /* for webkit browsers */
  background-image: -webkit-linear-gradient(top,  #ff8800,  #FF6F00); /* for Chrome 11+ */ 
  background-image: -moz-linear-gradient(top,  #f80,  #FF6F00); /* for firefox 3.6+ */ 
  background-image: -ms-linear-gradient(top,  #ff8800,  #FF6F00); /* for IE 10 */
  background-image: -o-linear-gradient(top,  #ff8800,  #FF6F00); /* for Opera */ 
  background-image: -linear-gradient(top,  #ff8800,  #FF6F00); /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8800', endColorstr='#FF6F00'); /* for IE < 10 */
}
a.main_action:hover {
  background-color: #dd3e00; /* for non-css3 browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd7700), to(#dd5e00)); /* for webkit browsers */
  background-image: -webkit-linear-gradient(top,  #dd7700,  #FF6F00); /* for Chrome 11+ */ 
  background-image: -moz-linear-gradient(top,  #dd7700,  #dd5e00); /* for firefox 3.6+ */ 
  background-image: -ms-linear-gradient(top,  #dd7700,  #dd5e00); /* for IE 10 */
  background-image: -o-linear-gradient(top,  #dd7700,  #dd5e00); /* for Opera */ 
  background-image: -linear-gradient(top,  #dd7700,  #dd5e00); /* CSS3 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd7700', endColorstr='#dd5e00'); /* for IE < 10 */
}
.subcall_for_actions {
  text-align:center ; 
  margin-bottom:20px ;
}

/*page*/
#wrapper {
	background:#fff;
	overflow:auto;
}
/*header*/
#header {
	border-top:2px solid #ff9800;
	padding:0 0 23px;
}
#header .holder {height:1%;}
.logo {
	margin:13px 50px 0 20px;
	display:block;
	display:inline;
	overflow:hidden;
	text-indent:-9999px;
	width:148px;
	height:35px;
/*  background:url(/images/bg-logo01.gif) no-repeat;*/
/*  background:url(/images/mealtracker-logo.gif) no-repeat; */
  background:url(/images/new_mealtracker_logo.png) no-repeat;
	float:left;
}

.logo_meallogger {
	background:url(/images/new_meallogger_logo.png) no-repeat !important;
	height:38px !important;
}

.logo a {
	display:block;
	height:100%;
}
ul.menu {float:left;}
ul.menu li {
	float:left;
	font:16px/30px Arial, Helvetica, sans-serif;
}
ul.menu li a {
	color:#000;
	display:block;
}
ul.menu li span {
	display:block;
	padding:9px 17px 0;
}
ul.menu li a:hover {
	text-decoration:none;
	color:#ff7200;
}
ul.menu li.active {background:url(/images/bg-menu-r.gif) no-repeat 100% 0;}
ul.menu li.active a {
	color:#fff;
	text-decoration:none;
	background:url(/images/bg-menu-l.gif) no-repeat;
}
ul.menu li.active span {
	position:relative;
	padding-bottom:6px;
	background:url(/images/bg-arrow01.gif) no-repeat 50% 100%;
}

#header .frame {
	float:right;
	width: 280px;
	padding:3px 0 0;
	text-align:right;
}
#header .frame p {
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#333;
	padding-right: 3px;
}
#header .frame p a {
	color:#000;
	font-weight:bold;
}
#header .frame p a:hover,
#header .frame ul a:hover {
	text-decoration:none;
	color:#f60;
}
#header .frame ul {
	height:1%;
	padding:2px 0 0;
	overflow:hidden;
}
#header .frame ul li {
	float:right;
	padding:0 0 0 19px;
}
#header .frame ul a {
	color:#000;
	font-weight:bold;
	display:block;
	padding:0 10px 0 0;
}
#header .frame ul a:hover {background:url(/images/bg-arrow02.gif) no-repeat 97% 5px;}
.help-box {
	float:left;
	position:relative;
	width:26px;
}
.help-popup {
	width:505px;
	position:absolute;
	top:35px;
	left:-242px;
	overflow:hidden;
	display:none;
	background:#deecf7 url(/images/bg-help-popup-t.gif) no-repeat;
}
#header.popup-active {padding-bottom:54px;}
.popup-active .help-popup {display:block;}
.help-popup .p1 {
	height:1%;
	padding:22px 5px 4px;
	background:url(/images/bg-help-popup-b.gif) no-repeat 0 100%;
	text-align:center;
	color:#0089ff;
}
.help-popup a {font-weight:bold;}


/*primary content*/
#main {padding:0 0 17px;}
/*sidebar*/
ul.side-nav {
	width:207px;
	position:relative;
	margin:2px 0 0px -10px;
	overflow:hidden;
}
ul.side-nav li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 3px;
	font:14px/26px Arial, Helvetica, sans-serif;
}
ul.side-nav a {
	display:block;
	padding:0 10px;
}
ul.side-nav .active a,
ul.side-nav .back a {
	color:#fff;
	background:url(/images/bg-side-nav-active.gif) no-repeat;
}
ul.side-nav .back a {background:url(/images/bg-side-nav-back.gif) no-repeat;}
ul.side-nav ul {
	padding:3px 0 0;
	margin:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.side-nav ul li {padding-bottom:2px;}
ul.side-nav ul a,
ul.side-nav .active ul a {
	padding:0 10px 0 23px;
	background:none;
	color:#000;
}
ul.side-nav ul a:hover,
ul.side-nav .active ul a:hover {color:#f60;}
/*main column*/
.content {
	width:710px;
	float:right;
	overflow:hidden;
	position:relative;
	background:url(/images/bg-content-c.gif) repeat-y;
	margin:0 -3px 0 -7px;
}
.content-nobg {
	width:710px;
	float:right;
	overflow:hidden;
	position:relative;
	margin:0 -3px 0 -7px;
}

.content .c1,
.content .c2 {
	height:1%;
	overflow:hidden;
	background:url(/images/bg-content-t.gif) no-repeat;
}
.content .c2 {
	background:url(/images/bg-content-b.gif) no-repeat 0 100%;
	padding:5px 7px 5px 5px;
}
.headings {
	height:1%;
	overflow:hidden;
	position:relative;
	background:#7d7d7d url(/images/bg-headings.gif) no-repeat;
}
.headings h1 {
	color:#fff;
	font:16px/41px Arial, Helvetica, sans-serif;
	padding:0 12px;
}

ul.tab-nav {
	float:left;
	margin-right:15px;
}
ul.tab-nav li {
	float:left;
	font:14px/41px Arial, Helvetica, sans-serif;
}
ul.tab-nav li a {
	display:block;
	background:#bebebe url(/images/bg-tab-nav-item.gif) repeat-x;
	padding:0 14px;
}
ul.tab-nav li.active a {
	background:#fff;
	color:#f60;
}
div.pagination,
ul.pagination {
	float:left;
	margin-right:15px;
}
div.pagination,
ul.pagination li {
	font:bold 12px/41px Arial, Helvetica, sans-serif;
	float:left;
	padding:0 6px;
	color:#fff;
}
div.pagination a,
ul.pagination a {color:#fff;}
ul.pagination a:hover {color:#f60;}

.messages {
	height:1%;
	overflow:hidden;
}
.messages h2 {
	background:#c9dde9;
	margin-top:3px;
	padding:0 10px;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
}
.messages ul.row,
.journal ul.row,
.events ul.row {
	height:1%;
	padding:10px 0 10px 12px;
	margin-top:3px;
	background:#eef4f8;
}
.messages ul.head,
.journal ul.head,
.events ul.head {
	background:none;
	margin:0 0 -3px;
	position:relative;
	padding:0 0 0 12px;
}
.messages ul.head li,
.events ul.head li {font:12px/28px Arial, Helvetica, sans-serif;}
.messages ul.row li {
	float:left;
	padding-right:20px;
}
.messages ul.row li.col01 {width:50px;}
.messages ul.row li.col02 {width:300px;}
.messages ul.row li.col03 {width:141px;}
.messages ul.row li.col04 {
	width:115px;
	padding-right:0;
}
.messages ul.row li.col01 span {
	display:block;
	color:#333;
}
.messages ul.row .img-box,
.preview .img-box,
.events ul.row .img-box {
	float:left;
	width:56px;
	height:56px;
	margin:0 10px 0 0;
	border:2px solid #fff;
	position:relative;
}
* html .messages ul.row .img-box,
* html .events ul.row .img-box  {margin:0 7px 0 0;}
.messages ul.row .img-box img,
.events ul.row .img-box img {display:block;}
.messages ul.row h3,
.events ul.row h3 {font:bold 12px Arial, Helvetica, sans-serif;}
.messages ul.row li.col03 a,
.events ul.row li.col03 a {
	font-weight:bold;
	color:#f60;
}
.messages ul.row li.col03 a:hover,
.events ul.row li.col03 a:hover {color:#000;}
/*footer*/
#footer {
	background:#1c1c1c url(/images/bg-footer.gif) repeat-x;
	padding:19px 0 13px;
	overflow:hidden;
	margin:0 auto;
}
#footer .holder {
	width:180px;
	padding:0 0 0 20px;
}
#footer .holder ul {
	height:1%;
	padding:10px 0 0;
	overflow:hidden;
}
#footer .holder ul li {
	float:left;
	padding-right:15px;
}
#footer .holder ul a {color:#ccc;}
#footer .holder ul a:hover {text-decoration:underline;}
#footer .logo {
/*  background:url(/images/bg-logo02.gif) no-repeat;*/
	background:url(/images/mealtracker-logo-2.gif) no-repeat;
	margin:0;
	float:none;
	display:block;
}
#footer .frame {
	width:680px;
	padding:5px 0 0 18px;
	color:#999;
}
#footer .frame p {margin:0 0 6px;}
#footer .frame .mark {color:#fff;}

/* journal-week page */

.info-box {
	width:224px;
	background:url(/images/bg-info-box-c.gif) repeat-y;
	overflow:hidden;
	margin:0 0 3px -12px;
	position:relative;
}
.info-box .holder,
.info-box .frame {
	height:1%;
	overflow:hidden;
	background:url(/images/bg-info-box-t.gif) no-repeat;
}
.info-box .frame {background:url(/images/bg-info-box-b.gif) no-repeat 0 100%;}
.client {
	height:1%;
	overflow:hidden;
	padding:12px 10px 23px 15px;
}
.title {
	height:1%;
	margin:0 0 13px;
	overflow:hidden;
	color:#5a6d7a;
	text-transform:uppercase;
	font:11px Arial, Helvetica, sans-serif;
}
.client .row {
	height:1%;
	overflow:hidden;
	padding:0 0 10px;
}
.client select {width:190px;}
.client .profile {
	height:1%;
	overflow:hidden;
	padding:10px 0 15px 2px;
}
.client .profile img {
	float:left;
	border:2px solid #fff;
	margin:2px 11px 0 0;
}
.client .profile .detail-info {
	position:relative;
	left:-3px;
	top:3px;
	cursor:auto;
}
ul.list {
	display:table;
	height:1%;
}
ul.list li {
	height:1%;
	padding:0 0 3px;
}
.client p {
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#333;
	margin:0 0 4px;
}

.popup11 {
  width: 210px;
  overflow: hidden;
  margin: 0 0 15px -7px;
}

.popup11 .holder {
	background:#c9dde9;
	height:1%;
	padding:11px 11px 12px 11px;
	overflow:hidden;
}

.popup11 .arrow {
	width:10px;
	height:12px;
	background:url(/images/comment_up_arrow.gif) no-repeat;
	display:block;
	overflow:hidden;
	margin:0 0 0 33px;
}

div.expert_image {
  float: right;
  width: 64px;
  background: url(/images/56x56_image_frame.gif) no-repeat;
}

div.expert_image img {
  margin: 3px 3px 0.75em;
}

.popup12 {
  width: 210px;
  overflow: hidden;
  margin: 0 0 39px -7px;
}

.popup12 .holder {
	background:#c9dde9;
	height:1%;
	padding:11px 5px 12px 11px;
	overflow:hidden;
}

.popup12 .arrow {
	float:right;
	width:16px;
	height:10px;
	background:url(/images/bg-arrow04.png) no-repeat;
	display:block;
	margin:28px 0 0;
}

.popup12 .arrow_2 {
	float:right;
	width:16px;
	height:10px;
	background: url(/images/bg-arrow04.png) no-repeat;
	display:block;
	margin:28px -10px 0 0;
}

.popup01 {
	width:157px;
	overflow:hidden;
	margin:0 0 39px 19px;
}
.popup01 .holder {
	background:#c9dde9;
	height:1%;
	padding:11px 0 12px 11px;
	overflow:hidden;
}
.popup01 .arrow {
	width:11px;
	height:12px;
	background:url(/images/bg-arrow03.png) no-repeat;
	display:block;
	overflow:hidden;
	margin:0 0 0 33px;
}
.popup01 .title {margin:0 0 3px;}
.popup01 p,
.popup02 p {
	font:16px/20px Georgia, "Times New Roman", Times, serif;
	margin:0 0 7px;
}
.popup02 {
	width:173px;
	overflow:hidden;
	margin:0 0 10px 19px;
}
.popup02 .holder {
	background:#c9dde9;
	float:left;
	padding:12px 0 11px 12px;
	width:145px;
}
.popup02 .arrow,
.popup03 .arrow {
	float:right;
	width:16px;
	height:10px;
	background:url(/images/bg-arrow04.png) no-repeat;
	display:block;
	margin:28px 0 0;
}
.popup02 .title {margin-bottom:5px;}
.popup02 .active .title {color:#f60;}
.week {
	float:left;
	width:260px;
	margin-right:35px;
	padding:3px 0 0;
	text-align:center;
	font:14px/36px Arial, Helvetica, sans-serif;
	color:#fff;
}
.today {
	float:left;
	color:#fff;
}
.today span {
	padding-right:18px;
	font:12px/40px Arial, Helvetica, sans-serif;
	float:left;
}
.today img {
	vertical-align:middle;
	float:left;
	margin:12px 0 0;
}
.days {
	border-collapse:collapse;
	width:100%;
	margin:0 0 5px;
}
.days th {
	color:#333;
	padding:0 4px;
	font:11px/27px Arial, Helvetica, sans-serif;
	text-align:left;
	border-bottom:2px solid #c9dde9;
}
.days td {padding:6px 5px 0;}
.days .img-box {
	width:90px;
	height:68px;
	margin:2px 0 0;
}
.days .img-box img {display:block;}
.days .img-box a {
	width:90px;
	height:68px;
	position:relative;
	display:block;
}
.days .img-box a .review {
	width:48px;
	height:63px;
	position:absolute;
	bottom:0;
	right:9999px;
	background:url(/images/bg-hover-review.png) no-repeat;
	text-indent:-9999px;
}
.days .img-box a:hover {border-style:none;}
.days .img-box a:hover .review {right:0;}

.weekly_time {
  display: block;
  padding-top:8px;
}

/* journal month-page */
.meal { color: #56AB40;}  /*green*/
.msg { color: #F99D1D;}  /*orange*/
.exc { color: #00A4D6;}  /*blue*/
.hdate:hover { display: block; color: #000; background: #FFD402;} /*yellow*/
.dim a { color: #AEAFB2; } /*light-gray*/
.dim .meal { color: #C1DCB2; } /*light-green*/
.dim .msg { color: #FED9AA; } /*light-orange*/
.dim .exc { color: #9BD8F0; } /*light-blue*/

/* new client page */

.info-area {
	height:1%;
	overflow:hidden;
}
.info-area h2 {	
	font:11px Arial, Helvetica, sans-serif;
	margin:0 0 5px;
}
.info-area h2 span {color:#666;}
.info-area label {
	color:#3b5565;
	font:11px Arial, Helvetica, sans-serif;
}
.standard,
.section {
	height:1%;
	overflow:hidden;
	padding:7px 10px 21px;
	background:#eef4f8;
	margin-top:3px;
}
.standard .holder,
.expert .holder,
.section .holder {
	height:1%;
	overflow:hidden;
	padding:0 0 0 71px;
}
.info-area .row {	
	height:1%;
	overflow:hidden;
}
.standard label {
	width:221px;
	float:left;
	margin:6px 19px 0 0;
	padding:0 0 0 1px;
}
.standard input.text {
	margin-right:19px;
	float:left;
	width:209px;
	border:1px solid #00a1ff;
	padding:1px 5px;
	font:12px Arial, Helvetica, sans-serif;
}
.standard .mark {
	color:#009cff;
	font:11px Arial, Helvetica, sans-serif;
}
.standard .mark span {font-size:15px;}
.standard .frame {
	height:1%;
	overflow:hidden;
	padding:21px 0 0;
}
.info-area .col {
	float:left;
	width:221px;
	overflow:hidden;
	margin-right:19px;
}
.standard .frame input.text {border:1px solid #c2d6e2;}
.standard select {width:221px;}
.standard p {color:#485a6a;}
.standard textarea,
.expert textarea,
.section textarea {
	border:1px solid #c2d6e2;
	padding:2px 0 0 3px;
	overflow:auto;
	width:216px;
	margin:0;
	float:left;
	height:69px;
}
.invite {
	padding:14px 8px 17px 81px;
	margin-top:3px;
	height:1%;
	overflow:hidden;
}
.invite input.button {
	float:right;
	margin:2px 0 0 45px;
}
.invite p a {
	color:#f60;
	font-weight:bold;
}
.invite p a:hover {color:#000;}
.expert {
	height:1%;
	overflow:hidden;
	background:#c9dde9;
	margin-top:3px;
	padding:7px 10px 19px;
}
.expert .holder {
	padding:7px 0 0 71px;
	position:relative;
}
.expert label,
.section label {
	display:block;
	margin:6px 0 0;
}
.expert select {width:221px;}
.expert .option {margin-top:15px;}
.expert input.checkbox {
	padding:0;
	margin:0;
	width:14px;
	height:14px;
	vertical-align:middle;
}
.expert .detail-info {
	top:64px;
	left:40px;
	cursor:auto;
}
.section .option01 {
	height:1%;
	padding:6px 0 11px;
	overflow:hidden;
}
.section .photo {
	float:left;
	width:60px;
	margin:6px 0 0;
}
.section .photo img {
	display:block;
	border:2px solid #fff;
}
.section .option01 .box {
	float:right;
	width:141px
}
.section .option01 select {width:221px;}
.section .option01 .box select {width:141px;}
.section .option01 .type01 label,
.section .option02 .type01 label {
	float:left;
	width:80px;
}
.section .option01 .type01 input.text,
.section .option02 .type01 input.text {
	border:1px solid #c2d6e2;
	width:40px;
	padding:1px 5px;
	font:12px Arial, Helvetica, sans-serif;
	float:left;
	margin-right:2px;
}
.section .option01 .type01 span,
.section .option02 .type01 span {
	float:left;
	color:#3b5565;
	margin-right:10px;
	font:11px/18px Arial, Helvetica, sans-serif;
}
.section .option02 {
	height:1%;
	overflow:hidden;
}
.section .option02 select {width:141px;}
.section .option02 .type01 {width:240px;}
.section .option02 .type01 label {width:114px;}
.section .option02 .type01 input.text {
	width:77px;
	margin-right:4px;
}
.section .option02 .type01 span {margin-right:6px;}
.section .option02 input.button {margin-top:18px;}

/* message-center page */

.thread {
	height:1%;
	overflow:hidden;
	background:#e7eef3;
	padding:7px 10px 0;
	margin-top:3px;
}
.thread h2,
.event-picture h2 {
	color:#3b5565;
	font:11px Arial, Helvetica, sans-serif;
}
.new-message {
	height:1%;
	overflow:hidden;
	padding:10px 0 20px 140px;
}
.message-popup {
	width:492px;
	display:none;
	padding:2px 5px 0 11px;
	height:95px;
	overflow:hidden;
	background:url(/images/bg-message-popup.gif) no-repeat;
}
.short .message-popup {
	background:url(/images/bg-message-popup02.gif) no-repeat;
	width:379px
}
.message-popup .close,
.add-info .close {
	width:26px;
	height:25px;
	float:right;
	text-indent:-9999px;
}
.message-popup .holder {
	width:466px;
	padding:17px 0 0;
	float:left;
	overflow:hidden;
}
.short .message-popup .holder {width:352px;}

.message-popup .row {
	width:100%;
	padding:0 0 6px;
	overflow:hidden;
}
.message-popup textarea {
	float:left;
	border:0;
	overflow:auto;
	margin:2px 0 0;
	padding:2px 0 2px 11px;
	background:url(/images/bg-textarea.gif) no-repeat;
	width:388px;
	height:38px;
}
.short .message-popup textarea {
	background:url(/images/bg-textarea02.gif) no-repeat;
	width:277px;
}

.message-popup input.button {float:left;}
.message-popup label {
	float:left;
	margin-right:15px;
	color:#3b5565;
	font:11px Arial, Helvetica, sans-serif;
}
.message-popup input.checkbox {
	padding:0;
	margin:0;
	width:14px;
	height:14px;
	vertical-align:middle;
}
.active-message .link {display:none;}
.active-message .message-popup {display:block;}




ul.thread-list {
	height:1%;
	padding:0 0 10px 18px;
	overflow:hidden;
}
ul.thread-list li {
	float:left;
	padding:0 10px 0 0;
}
ul.thread-list li.col01 {width:54px;}
ul.thread-list li.col02 {width:70px;}
ul.thread-list li.col03 {width:385px;}
ul.thread-list li.col04 {width:111px;}
ul.thread-list li.col01 span,
.events ul.row li.col01 span {
	color:#666;
	display:block;
}
ul.thread-list li.col02 img {
	display:block;
	border:2px solid #fff;
}
ul.thread-list p {
	font:12px Georgia, "Times New Roman", Times, serif;
	margin:0 20px 12px 0;
}
.see-more {
	background:#fff;
	position:relative;
	width:518px;
	padding:0 20px 0 160px;
	margin:0 -10px 10px;
}
.see-more .link {font:bold 12px/26px Arial, Helvetica, sans-serif;}
.checked {
	color:#666;
	font:bold 12px Arial, Helvetica, sans-serif;
}
/* events page */

.popup03 {
	width:197px;
	overflow:hidden;
}
.popup03 .holder {
	float:left;
	background:#ff7900 url(/images/bg-popup03.gif) repeat-x;
	width:156px;
	padding:13px 10px 15px 15px;
}
.popup03 .arrow {
	background:url(/images/bg-arrow05.png) no-repeat;
	height:12px;
}
.popup03 p {
	color:#fff;
	margin:0 3px 9px;
	font:11px Arial, Helvetica, sans-serif;
}
.popup03 ul {
	background:url(/images/bg-separator01.gif) no-repeat 0 100%;
	padding:0 0 11px;
	margin:0 0 5px;
}
.popup03 ul a:hover,
.popup03 ul a span {color:#fff;}
.popup03 dl dt {
	float:left;
	clear:left;
	margin:0 4px 0 0;
	color:#444;
}
* html .popup03 dl dt {margin-right:0;}
.events {
	height:1%;
	overflow:hidden;
}
.events ul.row {
	background:none;
}
.events ul.row li {
	float:left;
	padding:0 10px 0 0;
}
.events ul.row li.col01 {width:60px;}
.events ul.row li.col02 {width:289px;}
.events ul.row li.col03 {width:140px;}
.events ul.row li.col04 {
	width:215px;
	padding-right:0;
}
.event-box {
	width:100%;
	overflow:hidden;
	background:#eef4f8;
	margin:3px 0 0;
}
.events ul.row li.col04 a {
	float:left;
	margin:0 5px 5px 0;
}
.events ul.row li.col02 div {
	height:1%;
	overflow:hidden;
}
.events ul.row .link {
/*  margin-top:15px;*/
	float:left;
}

.events ul.row li.col03 span {
  color: rgb(255, 102, 0);
}

.oc-box {
  margin: -10px 0 0 320px;
  padding: 0;
}

.open-more ul.row li.col03 a.btn-open-more, .oc-box a.btn-open-more {display:none;}
.open-more ul.row li.col03 a.btn-close-more-bg, .oc-box a.btn-close-more-bg {display:block;}
ul.row li.col03 a.btn-open-more, .oc-box a.btn-open-more {
	display:block;
/*  background: url(/images/bg-arrow02.gif) no-repeat 42px 8px;*/
}
ul.row li.col03 a.btn-close-more-bg, .oc-box a.btn-close-more-bg {display:none;}
.wrap-more-info{
	width:100%;
	position:relative;
}
.more-info {
	position:relative;
	width:100%;
	overflow:hidden;
	background:url(/images/bg-line01.gif) no-repeat;
	margin:-2px 0 0;
}
.more-info .holder {
	overflow:hidden;
	padding:0px 0 7px 21px;
	background:url(/images/bg-more-info-b.gif) no-repeat 0 100%;
}
.more-info h3 {
	color:#485a6a;
	margin:0 0 12px;
	font:12px Arial, Helvetica, sans-serif;
}
div.div-event-list {
	display: none;
}
ul.event-list {
	height:1%;
	padding:10px 0 10px 54px;
	overflow:hidden;
}
ul.event-list li {
	float:left;
	width:140px;
	margin-right:6px;
}
ul.event-list .img-box {
	width:100%;
	position:relative;
}
ul.event-list .img-box img {
	display:block;
	border:2px solid #fff;
}
ul.event-list .review {
	position:absolute;
	top:6px;
	right:4px;
	width:39px;
	height:8px;
	background:url(/images/ico-review.png) no-repeat;
	text-indent:-9999px;
}
ul.event-list .active-review {
	background:url(/images/ico-review02.gif) no-repeat;
	position:absolute;
	top:2px;
	right:2px;
	width:49px;
	height:17px;
	text-indent:-9999px;
}
ul.event-list .img-box a {
	position:relative;
	display:block;
	height:100%
}
ul.event-list .zoom {
	position:absolute;
	top:34px;
	cursor:pointer;
	left:9999px;
	width:44px;
	height:45px;
	background:url(/images/ico-zoom.png) no-repeat;
}
ul.event-list .img-box a:hover {border-style:none;}
ul.event-list .img-box a:hover .zoom {left:53px;}
ul.event-list h3 {
	margin:6px 0 3px;
	font-size:11px;
}
ul.event-list li p {
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#333;
	margin:0 0 5px;
}
ul.event-list li .box {
	height:1%;
	overflow:hidden;
}
ul.event-list li .link {
	float:left;
	margin-right:10px;
}
ul.row .oc-box .link,
.close-box .link, .oc-box .link {
	background:url(/images/bg-link.gif) no-repeat;
	width:53px;
/*  margin-top:19px;*/
	padding:0 0 0 8px;
	line-height:18px;
}
ul.row .oc-box .link span, .oc-box .link span {display:none;}
.close-box {
	height:1%;
	overflow:hidden;
	padding:0 0 0 298px;
	margin:2px 0 0;
}
.close-box .link {
	background:url(/images/bg-link02.gif) no-repeat;
	float:left;
	margin:0;
}

.close-box .link.open {
	background:url(/images/bg-link.gif) no-repeat 0 0px;
	float:left;
	margin:0;
}

/* quick review page */

.review-nav {
	width:141px;
	position:absolute;
	top:4px;
	left:280px;
	text-align:center;
	color:#fff;
	font:16px/34px Arial, Helvetica, sans-serif
}
.preview {
	height:1%;
	overflow:hidden;
	padding:4px 0 20px;
}
.preview .img-box {margin-right:4px;}
.client .text {
	height:1%;
	overflow:hidden;
	padding:15px 0 0;
}
.activity {
	height:1%;
	overflow:hidden;
	border-top:3px solid #fff;
	position:relative;
	padding:7px 18px 30px 11px;
	margin:-10px 6px 0 5px;
}
.activity ul .date {
	float:left;
	width:40px;
	font-style:normal;
}
.activity ul li {
	height:1%;
	padding:0 0 5px;
	overflow:hidden;
}
.activity ul .img-box {
	float:right;
	margin:3px 0 0;
	width:136px;
	overflow:hidden;
	background:#fff;
	padding:2px;
	position:relative;
}
.activity ul .img-box img {display:block;}
.activity ul .img-box .rate {
	position:absolute;
	top:4px;
	right:4px;
}
.activity ul .link {margin:0 0 0 45px;}
.event-picture {
	height:1%;
	overflow:hidden;
	padding: 10px 15px 0 0;
/*  padding:8px 10px 29px;*/
}
.event-picture h2 {margin-bottom:7px;}
.event-picture .img-box {
	width:460px;
	margin:0 auto;
	position:relative;
}
.event-picture.large .img-box {
  width: 480px;
  margin: 0;
  padding: 0 !important;
}
.event-picture .img-box img {display:block;}
.event-picture .rate,
.journal .rate {
	width:105px;
	position:absolute;
	top:9px;
	right:7px;
}
.rate-area {
	width:136px;
	height:56px;
	position:absolute;
	top:21px;
	left:-14px;
	display:none;
	z-index: 10;
}
.rate:hover .rate-area,
.rate.hover .rate-area {display:block;}
.rate-area .holder {
	width:119px;
	background:url(/images/bg-rate-area.png) no-repeat;
	height:35px;
	padding:21px 0 0 17px;
}
ul.stars-rate {
	width:107px;
	height:15px;
	padding:3px 0 3px 3px;
}
ul.stars-rate li {
	float:left;
	margin:0 2px 0 0;
	padding:0 !important;
	text-indent:-9999px;
}
ul.stars-rate li a {
	width:17px;
	display:block;
	height:15px;
	position:relative;
}
ul.stars-rate li a:hover,
ul.stars-rate li.active a {background-position:0 0;}

/* journal day page */

.journal {height:1%;}
.journal ul.row {vertical-align:top;}
.journal ul.row li {
	float:left;
	padding:0 10px 0 0;
}
.journal ul.head li {font:11px/28px Arial, Helvetica, sans-serif;}
.journal ul.row li.col01 {width:57px;}
.journal ul.row li.col02 {width:230px;}
.journal ul.row li.col03 {width:300px;}
.journal ul.row li.col03.user {width:400px !important;}
.journal ul.row li.col03.fp {width:315px !important;}
.journal ul.row li.col04 {
	width:108px;
	padding-right:0;
}
.journal ul.row .img-box {
	width:220px;
	padding:2px;
	background:url(/images/bg-frame01.gif) no-repeat;
}
.journal ul.row .img-box img {display:block;}
.journal ul.row .text {
	height:1%;
	overflow:hidden;
}
.journal h2 {
	font:16px/18px Arial, Helvetica, sans-serif;
	margin:3px 0 10px;
}
.journal p {
	font: 12px Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px;
	clear: both;
	padding-left: 10px;
}
.author {color:#f60;}
.journal .rate {
	position:relative;
	top:0;
	left:0;
}
.journal .rate-area {
	top:-56px;
	left:-16px;
	width:134px;
	height:56px;
}
.journal .rate-area .holder {
	width:119px;
	height:46px;
	padding:10px 0 0 15px;	
	background:url(/images/bg-rate-area02.png) no-repeat;
}
.journal .rate-area .weekly-holder {
	width:119px;
	height:46px;
	padding:10px 0 0 15px;	
	background:url(/images/bg-rate-area03.png) no-repeat;
}
ul.social-rate {
	width:100%;
	position:relative;
	margin:-2px 0 0;
}
ul.social-rate li {
	padding:0 !important;
	margin-right:7px;
}
.add-comment {
	width:344px;
	position:relative;
	margin:0 -100px 0 0;
	display:none;
}
.active-message div.text {display:none;}
.active-message .add-comment {display:block;}
ul.social {
	float:left;
	width:80px;
	padding:45px 0 0 10px;
}
ul.social li {
	height:1%;
	overflow:hidden;
	padding:0 !important;
	margin:0 0 5px;
}
ul.social img {display:block;}
.add-info {
	float:left;
	width:218px;
	height:80px;
	padding:2px 4px 0 11px;
	background:url(/images/bg-add-info.gif) no-repeat;
}
.add-info .row {
	width:191px;
	float:left;
	overflow:hidden;
	padding:19px 0 0;
}
.add-info .row input.text {
	width:179px;
	font:12px Arial, Helvetica, sans-serif;
	padding:1px 6px;
	border:1px solid #c2d6e2;
}
.add-info .row input.button {margin-top:8px;}

/* lightbox */

.lightbox {
	width:635px;
	padding:3px;
	background:#fff;
	position:absolute;
	display:none;
	top:150px;
	left:150px;
}
.lightbox .row {
	height:1%;
	overflow:hidden;
	padding:9px 27px 7px;
}
.lightbox .close {
	width:34px;
	height:34px;
	background:url(/images/btn-close02.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	cursor:pointer;
	top:-11px;
	right:-12px;
}
.lightbox img {display:block;}
.lightbox .prev-img,
.lightbox .next-img {
	width:36px;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:52%;
	cursor:pointer;
	background:url(/images/btn-previous02.png) no-repeat;
}
.lightbox .prev-img {left:-10px;}
.lightbox .next-img {
	background:url(/images/btn-next02.png) no-repeat;
	right:-10px;
}




.rate-area  .star-rating {
	list-style:none;
	margin:0px;
	padding:0px;
	width:105px;
	height:23px;
	position:relative;
	background:url(/images/ico-star-all.gif) repeat-x; 
}
.rate-area .star-rating li{
	/*\*/
	float:left;
	/* */
}
.rate-area .star-rating li a{
	display:block;
	width:21px;
	height:23px;
	text-decoration:none;
	text-indent:-9000px;
	z-index:2;
	position:absolute;
	padding:0px;
}

.rate-area .star-rating li a:hover,
.rate-area .star-rating li.active a{
	background:url(/images/ico-star-all.gif) 0 -23px; 
	z-index:1;
	left:0px;
}

.rate-area .star-rating a.one-star{left:0px;}
.rate-area .star-rating a.one-star:hover,
.rate-area .star-rating li.active a.one-star{width:21px;}
.rate-area .star-rating a.two-stars{left:21px;}
.rate-area .star-rating a.two-stars:hover,
.rate-area .star-rating li.active a.two-stars{width:42px;}
.rate-area .star-rating a.three-stars{left:42px;}
.rate-area .star-rating a.three-stars:hover,
.rate-area .star-rating li.active a.three-stars{width:63px;}
.rate-area .star-rating a.four-stars{left:63px;}
.rate-area .star-rating a.four-stars:hover,
.rate-area .star-rating li.active a.four-stars{width:84px;}
.rate-area .star-rating a.five-stars{left:84px;}
.rate-area .star-rating a.five-stars:hover,
.rate-area .star-rating li.active a.five-stars{width:105px;}

.rated-item {
  display: block;
  width: 110px;
  height: 21px;
  background: transparent;
/*  background: transparent url(/images/bg-stars-rate.png);*/
}

.rated-item ul { margin: 0; padding: 0;}

.rated-item ul li {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}

.rated-item ul li img {
  padding-left: 1px;
  padding-top: 3px;
}

.rated-item ul li.first {
  float: left;
}

.rated-item ul li.first img {
  padding-left: 1px;
}

.next_event.disabled { cursor: default ;}
.prev_event.disabled { cursor: default ;}

.hidden { display: none;}
.block { display: block;}

.rated-item ul {
  margin: 0;
  padding: 0;
}

.rated-item ul li {
  float: left;
  margin: 0;
  padding: 0;
}

.weekly-rating.weekly-holder {
	position: absolute;
	left: -85px;
}

.weekly-rating.holder {
	position: absolute;
	left: -35px;
}

.weekly-rating-box {
	position: absolute;
	top: 1px;
	right: 0;
	text-align: right;
	width: 24px;
	background: #fff;
	padding: 1px 1px 0 0;
}

/* Popup styles */
a.prev_event {
  display: block;
  margin: 0;
  padding: 0 4px 0 0;
  width: 100px;
  height: 28px;
  background: #ffffff url(/images/popup-previous.png) no-repeat 0 0;
  text-indent: -100000px;
  float: left;
}

a.next_event {
  display: block;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 28px;
  background: #ffffff url(/images/popup-next.png) no-repeat 0 0;
  text-indent: -100000px;
  float: left;
}

div.name-and-date {
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
}

div.name-and-date span {
  font-size: 14px;
}

div.name-and-date span strong {
  margin-right: 1em;
}

div.popup-navigation {
  margin: 0;
  padding: 0;
  width: 210px;
  margin-top: 14px;
}

div.popup-text {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}

span.time-and-date strong {
  margin: 0 0.5em 0 1em;
}

.nav_elements .item { margin-right: 10px; }

li.blocks > a {
	display: block;
	clear: both;
}

.upcase {
	text-transform: uppercase;
}

#calendar {
	display: block;
	clear: both;
	position: absolute;
	top: 36px;
	right: 20px;
	width: 255px;
	z-index: 9999999;
}

#calendar_top {
	height: 8px;
	background: url(/images/bg-datapicker.png) no-repeat;
}

#calendar_outer {
	background: #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 10px;
	border-radius: 5px;
}

#calendar_inner {
	background: -moz-linear-gradient(270deg, #ccc, #b4b4b4);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#b4b4b4));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#calendar th {
	background: #e9e9e9;
	padding: 3px 0;
	text-align: center;
	font-weight: normal;
}

#calendar td {

	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
	text-align: center;
	padding: 2px 0;
}

#calendar td.event {
	background: #ffc876;
}

#calendar td.current {
	background: #ccc;
}

#calendar h1 {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	height: 26px;
	padding-top: 20px;
}

#calendar h1 > span {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 20px;
}

#calendar table {
	margin: 0 auto;
	width: 235px;
}

#calendar_inner > #table {
	padding-bottom: 10px;
}

#calendar > .close {
	position: absolute;
	right: -18px;
	top: -6px;
}

#calendar .faded {
	color: #ccc;
}

#calendar .week_number {
	background: none;
	border: none;
	width: 0;
	padding-right: 6px;
}

p#goals { margin: 0 0 1em;}

.table-label {
  font-size: 90%;
  padding: 0 3px 1px 0;
  color: #333;
  text-transform: uppercase;
}

table.stats.first {
  margin: 1em 0 0;
}

table.stats td label {
  font-size: 80%;
  color: #333;
  text-transform: uppercase;
}

table.stats td {
  width: 70px;
  vertical-align: bottom;
}

table.stats td.headers {
  width: 60px;
}

table.stats.weekly td.headers.categories {
  font-weight: bold;
}

table.stats td.amount {
  width: 45px;
  color: #666;
  vertical-align: bottom;
  padding-bottom: 5px;
}

table.stats td.submit {
  width: 85px;
  padding-left: 1em;
}

.client .links {
  background: #ffffff;
  width: 205px;
  height: 15px;
  margin-left: -10px;
  padding: 10px;
  padding-right: 0;
}

a[rel="prettyPhoto[inline]"] img, a[rel="prettyphoto"] img {
	border: 1px solid #fff !important;
}

a[rel="prettyPhoto[inline]"] img:hover, a[rel="prettyphoto"] img:hover {
	border: 1px solid #FF6600 !important;
}

#exercise_kinds > li.active > img,
#exercise_kinds > li > img:hover {
	border: 3px solid #FF6600;
}

#exercise_kinds > li > img {
	border: 3px solid #fff;
	margin-right: 26px;
	cursor: pointer;
}

#exercise_kinds > li {
	margin-top: 10px;
	float: left;
}

#exercise_kinds {
	margin-left: 10px;
}

#exercise_kinds > li > span {
	display: block;
	padding-left: 5px;
}

#exercise_submit {
	clear: both;
}

.clear {
	clear: both;
}

.new_meal_button {
  background: url(/images/sidebar_add_meal.png) no-repeat;
  text-indent: -99999px;
}

.new_exercise_button {
  background: url(/images/sidebar_add_exercise.png) no-repeat;
  text-indent: -99999px;
}

a.reset_link {}
a:hover.reset_link {
  color: #fff;
}

.open_comment_popup {
	padding-top: 10px;
}

#mark_all_read {
	color: #fff;
	font-size: 14px;
	float: right;
}

#flash_notice, #flash_error {
  padding: 5px 8px !important;
  margin: 10px 0 !important;
  width: 95%;
}

#flash_notice {
  background-color: #CFC !important;
  border: solid 1px #6C6 !important;
}

#flash_error {
  background-color: #FCC !important;
  border: solid 1px #C66 !important;
}

.new-message-button, .new-article-button, .new-client-button, .quick-add-button {
  margin: 0.75em 1em;
  width: 126px;
  height: 24px;
  text-indent: -99999px;
}

.new-message-button {  display: block; background: transparent url(/images/new_message.png) no-repeat; float: right;  margin: 9px 15px 0}
.new-article-button { background: transparent url(/images/new_article.png) no-repeat; float: right;  margin: 9px 15px 0 }
.new-client-button { display: block; background: transparent url(/images/new_client.png) no-repeat; float: right;  margin: 9px 15px 0 }
.quick-add-button { display: block; background: transparent url(/images/quickadd.png) no-repeat; float: right;  margin: 9px 15px 0 }

.bold {
  font-weight: bold;
}

/*
a.bold span {
  color: #f60;
  font-size: 115%;
}
*/

#user_profile .detail-info {
	position: absolute;
	left: 46px;
	top: 56px;
}

#user_profile > .profile {
	position: relative;
}

#toggle_user_profile {
  position: relative;
}

#toggle_user_profile span.open {
  position: absolute;
  top: 5px;
  display: inline;
  margin-left: 0.75em;
  width: 20px !important;
  height: 5px;
  background: url(/images/arrows.png) no-repeat 0px -5px;
  text-indent: -99999px;
}

#toggle_user_profile span.close {
  width: 10px;
  height: 5px;
  background: url(/images/arrows.png) no-repeat 0px 0px;
  text-indent: -99999px;
}

.link.profile-box-header {
  background: url(/images/profile_box_header_w_caret.png) no-repeat 0 -5px;
  display: block;
  width: 190px;
  text-transform: uppercase;
  font-weight: bold;
}

#upload_headline h2 {
	padding: 12px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	font-family: "Lucida Grande", sans-serif;
	float: left;
}

#upload_form {
	padding: 18px 80px;
	background: #c9dde9;
}

#upload_form > div {
	background: #fff;
	padding: 10px;
	width: 380px;
	margin-bottom: 14px;
}

#uploadUploader {
	margin-bottom: 15px;
}

#upload_form #queue p {
	font-size: 11px;
	margin-bottom: 14px;
}

#upload_form #queue a {
	color: #FF6600;
}

#upload_form #queue a strong {
	color: #000;
}

#upload_form #progress {
	border: 1px solid #a6bcca;
	height: 17px;
}

#upload_form #progressBar {
	background: url(/images/progress.png) repeat-x;
	border: 2px solid #fff;
	height: 13px;
	width: 0%;
}

#upload_form #options {
	height: 39px;
	position: relative;
	padding: 0;
	width: 300px;
}

#upload_form #options input {
	float: left;
	margin: 6px 6px 0 20px;
}

#upload_form #options label {
	color: #3b5565;
	font-size: 11px;
	float: left;
	width: 240px;
	margin-top: 6px;
}

#upload_form #options a {
	position: absolute;
	right: -102px;
	top: -2px;
}

#images > div.image {
	float: left;
	padding: 10px;
	position: relative;
}

#images div.image .image_delete {
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}

div.message {
	margin: 20px 0 20px 85px;
	width: 450px;
}

div.message a {
	color: #FF6600;
}

#toggle_weekly_stats {
  position: relative;
  background: url(/images/profile_box_header_w_caret.png) no-repeat 0 -5px;
  display: block;
  width: 190px;
  text-transform: uppercase;
  font-weight: bold;
}

#toggle_goals_and_instructions {
  position: relative;
}

#toggle_goals_and_instructions span.open {
  position: absolute;
  top: 5px;
  display: inline;
  margin-left: 0.75em;
  width: 20px !important;
  height: 5px;
  background: url(/images/arrows.png) no-repeat 0px -5px;
  text-indent: -99999px;
}

#toggle_goals_and_instructions span.close {
  width: 10px;
  height: 5px;
  background: url(/images/arrows.png) no-repeat 0px 0px;
  text-indent: -99999px;
}

h1#sign-up {
  background: transparent url(/images/sign_up_header.png) no-repeat;
  width: 460px;
  height: 33px;
  text-indent: -9999px;
}

h1#required_info {
  background: transparent url(/images/required_information_header.png) no-repeat;
  width: 482px;
  height: 38px;
  text-indent: -9999px;
}

div#login_box {
  width: 298px;
  height: 45px;
  background: transparent url(/images/login_box_bg.png) no-repeat;
}

div#login_box label {
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
}

div#login_box .input_fields {
  width: 90px;
  border: 1px solid #ff7000;
}

div#login_box .login_button {
  margin-left: 10px;
  margin-top: 12px;
}

a#forgot_password_link {
  margin-left: 115px;
  color: #999;
  font-size: 11px;
  position: relative;
  top: 3px;
}

.sign_up p, .sign_up li, .req_info p, .welcome p {
  margin: 1em 0;
  font-size: 125%;
  color: #899db6;
}

.sign_up li {
  color: #000;
  margin-left: 2em;
  list-style: ;
}

h1#welcome_header {
  display: block;
  background: transparent url(/images/welcome_to_mealtracker.png) no-repeat top center;
  width: 478px;
  height: 103px;
  text-indent: -9999px;
}

.welcome p {
  font-size: 125%;
}

div.feed h2 { margin: 1.25em 1.25em 0;}

div.feed_item {
  margin: 0.5em 1.25em 2em;
}

div.clear.last {
  margin-bottom: 2em;
}

div.feed_item h5 {
  clear: both;
  text-transform: uppercase;
  color: #7c7c7c;
  font-weight: normal;
  font-size: 95%;
}

div.feed_image {
  float: left;
  width: 90px;
}

div.feed_data {
  float: left;
  margin: 0 1em;
  width: 300px;
  position: relative;
}

div.feed_data h3 {
  color: #424343;
  font-weight: normal;
  font-size: 110%;
}

div.feed_data span {
  margin-top: 1em;
  text-transform: uppercase;
  color: #ff7b00;
}

div.feed_data p {
  color: #6c6c6c;
  font-style: italic;
  font-size: 95%;
}

div.news h2, div.feed h2 {
  text-transform: uppercase;
  font-weight: normal;
  color: #ff8f00;
}

div.news_item {
  margin: 1em 0 1.5em;
}

div.news_item h5 {
  margin: 0.25em 0;
  font-size: 95%;
  font-weight: normal;
  color: #7c7c7c;
}

div.news_item h3 { margin: 0 0 0.5em; font-size: 135%; font-weight: normal; color: #000; }
div.news_item p { color: #6c6c6c; }
div.news_item a { font-weight: bold; color: #000; }
div.news_item a span { color: #ff7b00; }

.req_info h4 {
  font-weight: bold;
  color: #000;
  font-size: 115%;
}

.req_info label {
  text-transform: uppercase;
  color: #3b5565;
  font-size: 11px;
}

.tos_link {
  position: relative;
  left: 22px;
  font-size: 75%;
  font-weight: bold
}

.flags {
  position: relative;
  top: 30px;
}

#toggle_user_profile {
  position: relative;
}

#toggle_user_profile span.open {
  position: absolute;
  top: 5px;
  display: inline;
  margin-left: 0.75em;
  width: 20px !important;
  height: 5px;
  background: url(/images/arrows.png) no-repeat 0px -5px;
  text-indent: -99999px;
}

#toggle_user_profile span.close {
  width: 10px;
  height: 5px;
  background: url(/images/arrows.png) no-repeat 0px 0px;
  text-indent: -99999px;
}

#footer_2 .logo {
	background:url(/images/new_mealtracker_logo.png) no-repeat;
	width: 148px;
	height: 35px;
	float:none;
	display:block;
}

.text-link {
	text-decoration: underline;
}

.help-page {
	font-size:14px;
}

a#try_product_link {
  display: block;
  width: 212px;
  height: 125px;
  text-indent: -9999px;
  background: url(/images/try_the_product.png) no-repeat 0px -250px;
}

a#try_product_link:hover {
  background: url(/images/try_the_product.png) no-repeat 0px -375px;
}

a#try_product_link_ml {
  display: block;
  width: 212px;
  height: 140px;
  text-indent: -9999px;
  background: url(/images/try_the_product_ml.png) no-repeat 0px -250px;
  background: url(/images/ml_sign_up_et_pro.png) no-repeat 0px 0px; }
/*
a#try_product_link_ml:hover {
  background: url(/images/try_the_product_ml.png) no-repeat 0px -375px;
}
*/


a#professional_link {
  display: block;
  width: 200px;
  height: 68px;
  text-indent: -9999px;
  background: url(/images/pro_click_here.png) no-repeat 0px -136px;
}

a#professional_link_ml {
  display: block;
  width: 212px;
  height: 70px;
  text-indent: -9999px;
  background: url(/images/ml_sign_up_et_pro.png) no-repeat 0px -150px;
}

a#professional_link:hover {
  background: url(/images/pro_click_here.png) no-repeat 0px -204px;
}