html, body {width: 100%; height:100%}
body {background:url("../images/body.bg.png") repeat-x scroll 0 0 ; background-color: #019390; color: #424242; font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin: 0;}

td {font:inherit;}

.red-color { color: #DD7777 !important; }

.bg-green { background: #99DD99 !important; }
.bg-yellow { background: #DDDD99 !important; }
.bg-red { background: #DD9999 !important; }
.bg-gray { background: #AAAAAA !important; }

#page {background: url("../images/page.bg.png") repeat-y scroll 0 0 transparent; padding-left:18px; padding-right:19px;text-align:left; width: 1007px;  margin: 0 auto -106px auto; min-height:100%}
#page.main {margin: 0 auto -136px auto;}
.page-bottom {display: block; background: url("../images/page.bottom.bg.png") no-repeat 0 0 #019390; min-height: 21px;  margin: 0 auto; width: 1007px;padding-left:18px; padding-right:19px;}
.page-bottom>p{padding-top: 4px;font-family: Georgia, "Times New Roman", Times, serif; color:#333333; font-size:11px;text-align: center;}

#header  { background:url("../images/header.bg.png") repeat-x scroll left bottom #fff; height:91px; position: relative;}

#logo {	float:left; padding-left:56px; padding-top: 15px; vertical-align: top;}
div.share_icons {position: absolute; width:128px; height:28px; top:56px;left:258px}
div.share_icons a {padding: 0 2px; float:left; cursor: pointer; width:28px;height:28px; text-decoration: none;}
div.share_icons a span { background: url("../icons/shared_resourses.png") no-repeat scroll 0 0 transparent; line-height: 28px;width:28px;height:28px;display: block; overflow: hidden;}
div.share_icons a.share_icon_vk span { background-position: 0 0 !important;}
div.share_icons a.share_icon_odnoklassniki span { background-position: 0 -28px !important;}
div.share_icons a.share_icon_facebook span { background-position: 0 -56px !important;}
div.share_icons a.share_icon_twitter span { background-position: 0 -84px !important;}
div.share_icons a:HOVER {filter: alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .80; -khtml-opacity: 0.8; opacity: 0.8;}

#person {float:right;padding-right:30px; padding-top: 20px; position: relative;}
#person table {table-layout:fixed;border-collapse: separate; border-spacing: 0;}
#person table td {padding-left: 15px; vertical-align: top;}
#person a {font-size:12px;  font-family: Georgia, "Times New Roman", Times, serif; display:block;}
#person a.loginza {position: absolute; right:126px; top: 28px; width: 88px; text-decoration: none; height: 19px}

#person .shop {min-height:41px; height:41px; width:87px; background:url(../images/shop.btn.bg.png) no-repeat 0 0;
			   cursor: pointer; padding-left: 42px; font-size:14px; vertical-align: middle; line-height: 32px; font-weight: bold; }

			   
#person .home { min-height:28px; height:28px; line-height: 28px; background:url(../images/home.ico.png) no-repeat 0 7px;
			   cursor: pointer; padding-left: 22px; font-size: 12px; vertical-align: middle; font-weight: bold; }

			   
#person .message {min-height:16px; height:16px; line-height: 16px; background:url(../images/message.ico.png) no-repeat 0 0;
				  cursor: pointer; padding-left: 19px;}
#person .message span {text-decoration: none; font-weight: 600;}


#person .registration {min-height:28px; height:28px; line-height: 28px; background:url(../images/feedback.ico.png) no-repeat 0 7px;
				   cursor: pointer; padding-left: 20px; font-size: 12px; vertical-align: middle; font-weight: bold; }

#person .feedback {min-height: 16px; height: 16px; line-height: 16px; background:url(../images/feedback.ico.png) no-repeat 0 0;
				   cursor: pointer; padding-left: 19px; }

#person .logout {min-height:28px; height:28px; background:url(../images/logout.btn.bg.png) no-repeat 0 0;
				 cursor: pointer; padding-left: 30px; font-size:12px; vertical-align: middle; line-height: 28px; font-weight: bold; }

#menu {  border:none; background:url("../images/menu.bg.png") repeat-x scroll 0 0 ; padding: 0; float: left; width:100%; height: 34px; }
#menu ul {padding: 2px 0 0 0;  margin: 0; list-style: none;float: left; padding-left: 68px}
#menu li { float: left; margin:0; padding: 6px 0 0 0; height: 25px;}
#menu li.separator {background: #cdced0; display: block; height: 16px; margin: 7px 0 0 0; width: 2px; line-height: 16px; padding: 0}
#menu li.active { height: 24px; background: #FFFFFF; border-left: 2px solid #e3e5e4; border-right: 2px solid #e3e5e4; border-top: 2px solid #e3e5e4;border-radius: 5px 5px 0px 0px;}
#menu li.first { border-left-width: 0px; }
#menu a, #menu a:focus, #menu a:hover, #menu a:active, #menu a:visited  {font-size:14px;text-decoration:none; padding: 0px 18px; font-weight: normal;display:block;}
#menu li.active a {}
#menu li a.new_content:after { color: #D14836; content: "*"; font-size: 11px; margin-left: 2px; padding-bottom: 8px; }

#content { margin: 40px 50px 0px 45px; position: relative; border-top: 1px solid #e8e8e6; padding:60px 8px;}
#content h1 {position: absolute; top:-16px; left: 0; margin: 0; padding: 0 14px 0 9px; font-size: 24px; background: #FFF; color: #009390}
#content h1 a {color:#009390; text-decoration: none;}

div.home {border-top-width: 0 !important; margin-top: 72px !important;}
div.home>h1{color: #424242 !important; top:-34px  !important;}
#status{position: absolute; top:0px; left: 0; margin: 0; padding: 0 0px 0 9px; font-size: 14px; background: #FFF;}
#status a {color: #D82525}

#push {height:166px}
#footer>div {font-family: Georgia, "Times New Roman", Times, serif; color:#333333; font-size:11px; clear:both; padding: 0 51px 0 51px; text-align: center; display: block;
		 height: 75px;
}

#footer>div>div {border-top: 1px solid #e8e8e6;height:19px;width:100%}
#footer	{background: transparent; padding-left:18px; padding-right:19px;text-align:left; width: 1007px;  margin: 0 auto; min-height:105px}
#footer.main {min-height:135px}
#footer p {padding: 0; margin: 0;}
#footer table tr td {vertical-align: top;}




#loading {height: 100%; width: 100%; position: fixed; z-index: 300; filter: alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); 
			 -moz-opacity: .30; -khtml-opacity: 0.3; opacity: 0.3; background-color:#000000; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center;
			 vertical-align:middle; zoom: 1;}

/*--- tags ------------------------------------------------------------------------ */
form, fieldset, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, li, dd {margin: 0;padding: 0;}
 

h1 { font-size: 200%; font-weight: normal }  /* 24px */
h2 { font-size: 150%; font-weight: normal }     /* 18px */
h3 { font-size: 130%; font-weight: normal; color: #009390; font-weight: bold;}     /* 18px */
/*h5 { font-size: 100%; font-weight: normal; color: #009390; font-weight: bold; line-height: 18px;}*/
h6 { font-size: 100%; font-weight: normal; color: #009390; font-weight: bold; line-height: 18px;}
/* ex: stat.htm */
.subheader { text-align: right; font-weight: bold; padding: 4px 8px 4px 0px; }

a { color: #00529B; background:transparent; }
a:visited  { color:#00529B;}
a img {border:0}

img {border: none;}
.clr { clear:both; height:0; min-height: 0; border:none}
hr { color: #e8e8e6; margin-top: 18px; }
.layout {padding: 0  14px; min-height: 200px;}

table td {padding: 0; margin: 0; border-collapse: collapse;}

wbr{display:inline-block;}

.small {font-size: 10px;}

/* --- content ------------------------------------------------------------------------- */


* html .ie7hide {display: none; visibility: hidden; } /* for IE6 */
*+html .ie7hide {display: none; visibility: hidden;} /* for IE7 */
.ie7hide {display: none\0/; visibility: hidden\0/;} /* for IE8, going last */

/* Profile */
.photo {position:relative; margin: 0 14px 0 0; width:182px; height:228px; border: 2px solid #BFC4C9; line-height: 228px;}
.photo > img {vertical-align: top;}
.vip_member { background:url("../icons/vip.png") no-repeat 0 0 transparent;
	position:absolute; line-height:32px; width: 32px; height:32px; top:196px;left:150px; text-align: center; font-size: 16px; font-weight:bold; color: #f49500;}
.vip_member_forum {background: url("../icons/vip.png") no-repeat 0 0 transparent; position: absolute; line-height: 32px; width: 32px; height: 32px; bottom: 0; right: 0; text-align: center; font-size: 16px; font-weight: bold; color: #f49500;}

#points {width: 76px; margin: 0; padding: 0; position: absolute; top:230px; right: -2px; line-height: 15px; text-align: center;}
#points a {text-decoration:none;}
#points>a div {font-size: 35px; font-weight: normal; color: #000; line-height: 46px;
			   background-color: #FFF; border-left: 1px solid #e6e6e6; border-right: 1px solid #f6f6f6; border-bottom: 1px solid #e6e6e6;
			   border-radius: 0 0 5px 5px;
			   -moz-border-radius: 0 0 5px 5px;
			   text-decoration:none;
}
#points a h2 {height: 23px; border: none; text-align: center; color: #FFF; font-weight: normal; font-size: 15px; line-height: 20px;
			  background:url("../images/public/points.hd.bg.png") repeat-x scroll 0 0 ; margin: 0;text-decoration:none;}
/*
#points tr.header td {background:url("../images/public/points.hd.bg.png") repeat-x scroll 0 0 ;}
*/

#profile_menu {list-style: none; margin: 4px 0 0 -20px; padding: 0; font-size: 13px; width: 128px;}
#profile_menu li { margin: 0 0 4px 0px; padding: 0; line-height: 16px; background-repeat: no-repeat; background-position: 0px 0px; padding-left: 20px; min-height: 16px; /*width: 122px*/}
#profile_menu li.settings {/*background-image: url(../images/public/settings.ico.png);*/}
#profile_menu li.selfview {background-image: url(../images/public/selfview.ico.png);}
#profile_menu li.subscribe {background-image:url(../images/public/subscribe.ico.png);}
#profile_menu li.order_history {background-image:url(../images/public/order-history.ico.png);}
#profile_menu li.calc {background-image:url(../images/public/calc.ico.png);}
#profile_menu li.poll {background:url(../images/public/poll.ico.png) 0px 6px no-repeat; font-size: 16pt; padding: 4px 0px 0px 20px;}

table.fastview {padding: 0; border-collapse: collapse; border-spacing: 0;}
table.fastview td {padding-right: 20px}
div.fastviewpanel {width: 215px; height:302px; min-height:302px;}
div.fastviewpanel h2{background:url(../images/public/fastview.panel.hd.png) no-repeat 0 0;
					 font-size:22px;  font-family: Georgia, "Times New Roman", Times, serif; line-height: 40px; padding-left: 15px; color: #FFF; margin: 0;
					 border: none; height: 40px; width: 200px;}
div.fastviewpanel h2 > a {color: #FFF}
div.fastviewpanel h2.long {color:#FFF;text-decoration: underline;width:435px; background:url(../images/public/fastview.panel.lhd.png) no-repeat 0 0;}

div.fastviewpanel > div {border: 1px solid #E8E8E8; border-top-width: 0px; height: 261px;width: 212px; margin: 0 auto;
						 border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
div.fastviewpanel > div.long {width: 446px; margin: 0 auto; height: auto;}						 
div.fastviewpanel > div > div {padding: 4px;}
div.fastviewpanel p {margin: 0 0 5px 0;  font-size: 13px; font-weight: bold;}

#tutorials {font-size: 11px;}
#tutorials span.prev {border:1px solid #B2B2B2; width: 63px; height: 51px; overflow: hidden; float: left; margin-right: 10px;}
#tutorials span.play-video {background:url(../images/public/video.fg.png) no-repeat 50% 50%; width: 63px; height: 51px; float: left; margin-left: -73px; z-index: 5; cursor: pointer;}
#tutorials .title {font-weight: bold; color: #3B3B3B}
#tutorials span.play-audio {margin-top: 6px;float: right; height:24px; width: 180px;}
a.geo_position {min-height:24px; height:24px; line-height:24px; width:24px; background:url(../images/geo/earth.png) no-repeat 50% 50%; cursor: pointer; margin: 0 0; float: right; }

/* Site stat block*/
#site-stat {width: auto; position: absolute; right: 12px; top: -60px; font-family: arial; color: #009390; background:url(../images/public/sitestat.bg.png) repeat-x 0 0;
	height: 77px; display:inline-block; }
#site-stat .wrap {padding:0 12px; position: relative;height: 77px;}
#site-stat span.left {background:url(../images/public/sitestat.lbg.png) no-repeat;height: 77px;width:12px;position: absolute;left:0;top:0;}
#site-stat span.right {background:url(../images/public/sitestat.rbg.png) no-repeat;height: 77px;width:12px;position: absolute;right:0;top:0}
#site-stat h2 {margin: 0px;color: #02615F;font-size: 16px;padding: 0 8px;display:inline-block; line-height: 32px;}
#site-stat table {padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 14px;background-color: transparent;
				  /*-moz-border-radius-bottomleft: 10px;
				  -moz-border-radius-bottomright: 10px;*/
				  table-layout: auto;
}
#site-stat table td.space {background:url(../images/public/sitestat.cell.border.png) no-repeat;width:2px;height:44px}
#site-stat table td.value {padding-top: 0px;}
#site-stat .weight {min-width: 130px; padding: 0 10px;}
#site-stat .steps {min-width: 140px; padding: 0 10px}
#site-stat .water {min-width: 150px; padding-left: 10px}
#site-stat .value {font-weight: bold; font-size: 16px;}
#site-stat .value>div {position:relative;height: 13px;width:20px;overflow:hidden;display:inline-block; zoom:1; *display: inline;  vertical-align: baseline;}
#site-stat .value>div>em {width:9px; line-height:14px; font-style:normal; position:absolute;top:2px;left:0px;}
#site-stat .value>span {font-weight: normal; font-style: italic; font-size: 12px; padding-left: 3px; line-height: 14px; vertical-align: baseline; height: 14px;
}

#site-stat .lesson_access h2, #site-stat .lesson_progress h2 {padding: 0;}
#site-stat .lesson_access {min-width: 200px; padding: 0 8px 0 20px;}
#lesson-access{height:44px}
#site-stat .lesson_progress {min-width: 150px; padding: 0 8px}

#site-stat .ri {
    color: #000;
    padding: 6px 0 0 9px;
    font-size: 12px;
}
/* BMI Calc */
.page-calc {}
.imt-list .item {border-bottom:1px solid #e8e8e6;padding:0 0 9px 0;margin:0 0 9px 0}
.imt-list .item .choices {text-align:right}
.imt-list h2 {margin-top: 0}

.imt-calc {margin:18px 0 0 0}
.imt-calc p {padding:0 0 9px 0}

.imt-calc label {color:#ca006c; font-weight:bolder;}
.imt-calc input {width:50px;text-align:center;margin:0 9px 0 0}

.imt-calc {margin:18px 0 0 0;width:300px;height:387px;position:relative;background:url(../images/bmi/calc.bg.jpg) no-repeat 0 0;overflow:hidden;margin:6px auto 0 auto}
.imt-calc #imt-calc-result {}
.imt-calc .text {position:absolute;width:60px;height:35px;border:none;background:none;color:#fff;font-size:24px;text-align:center;}
.imt-calc #imt-calc-height {top:150px;left:180px;}
.imt-calc #imt-calc-weight {top:210px;left:180px;}
.imt-calc #imt-calc-button {position:absolute;top:270px;left:40px;height:60px;width:220px;cursor:pointer;outline:none;background:none;border:none;}
.imt-calc #imt-calc-result {position:absolute;left:40px;display:block;top:50px;width:220px;height:60px;text-align:center;line-height:60px;font-size:24px;color:#fff;}
.imt-calc .progress {background:url(../images/bmi/ajax-loader.gif) no-repeat 50% 50%}


/* Component Calendar */
#calendar { text-align: center;  width: 198px; min-height:46px; }
#calendar>div.date { background:url(../images/public/calendar.panel.png) no-repeat 50% 50%; width: 198px; height:46px; background-position:0px -138px; }

#calendar a {text-decoration: none;}
#calendar.readonly>div.date {background-position:0px 0px;}
#calendar.before>div.date {background-position:0px -92px;}
#calendar.after>div.date {background-position:0px -46px;}
#calendar .button_before, #calendar .button_after, #calendar .value { background-color: transparent; }
#calendar .button_before, #calendar .button_after { min-height:46px; height:46px; width:32px; margin: 0;cursor: pointer; }
#calendar .button_before { float: left; }
#calendar .button_after { float: right; }
#calendar.readonly .button_after, #calendar.readonly .button_before, #calendar.before .button_after, #calendar.after .button_before { cursor: default; }

#calendar .value {float: left; min-height:46px; height:46px; width:134px; }
#calendar .value {}
#calendar .value .week_day {font-size: 18px; font-weight: normal;  line-height: 20px; padding: 4px 0 2px 0;}
#calendar .value .date {font-size: 12px; line-height: 12px}
#calendar .button_popup { min-height:24px; height:24px; padding-left: 24px; line-height:24px; background:url(../images/public/calendar.ico.png) no-repeat 0 50%; font-size: 12px;
	cursor: pointer; margin: 0 0; vertical-align:baseline; text-decoration: underline; text-underline-style: dotted; font-family: "Times New Roman",Times,FreeSerif,serif; }

.calendarContainer {position:absolute;visibility:hidden;background:#fff;border:1px solid #009390;padding:5px;}
.calendarContainer select {font-size:11px;}
.cpYear {text-align:right}
.cpNavigation {width:176px;}
.cpNavigation td {font-size:12px;text-align:center;}
.cpNavigation .pseudoLink {font-size:14px;line-height:19px;cursor:pointer;}
.cpNavigation .pseudoLinkHover {background:#009390;color:#FFF;}
.cpMonthNav {width:70px;}
.calendarContainer table {border:0;border-collapse:collapse}
.cpDays td {border:1px solid #009390;padding:5px;text-align:center;cursor:pointer;font-size:12px;}
.cpHover {background:#eee}
.cpCurrentMonth {}
.cpCurrentDate {background:#009390 !important;color:#FFF;}
.cpDays .cpOtherMonth {color:#999;background:#FFF;}
.cpToday {display:block;text-align:center;font-size:12px;background:#eee;margin:2px 0 0 0;padding:2px;text-decoration:none}
.cpToday:hover {background:#009390}
.cpDayHeader acronym {background:#fff;text-align:center;font-family:'Trebuchet MS';font-weight:bold;display:block;border:0;cursor:help}
.cpDayDisabled {text-decoration:line-through}



/* Component Spin */
.spinContainer {float: left; width: 64px;}
.spinInput, .spinContainer { background-color: #FFFFFF; }
.spinContainer { position: relative; font-size: 0px; height: 20px;}
.spinInput { position: absolute; top: 1px; left: 19px; height: 13px; border: 1px inset #b5b5b5; width: 26px; text-align: center; font-size: 12px; color: #494949; display: block;}
* html .spinInput {width: 24px;} /* for IE6 */
*+html .spinInput {width: 24px;} /* for IE7 */
.spinInput{width: 24px\0/;} /* for IE8, going last */

.spinUBtn, .spinDBtn {
	position: absolute; width: 19px; height: 20px; background-image: url(../images/public/spin.png);
	background-repeat: no-repeat; background-color: #FFF; cursor: pointer;}
.spinUBtn {top: 0; right: 0;}
.spinDBtn{top: 0; left:0;}
.spinUBtn { background-position:-19px 0px; }
.spinDBtn { background-position:0px 0px; }


/* Component Check */
.checkContainer {width: 16px; height:16px; position: relative; display:inline-block; margin: 0; padding: 0; zoom:1; *display: inline; _height: 16px;}
.checkConteiner {display:inline;}
.checkContainer > span { width: 16px; height: 16px; position: absolute; background-image: url(../images/public/check.png); background-repeat: no-repeat; 
	background-color: #FFF; cursor: pointer; cursor: pointer; line-height: 16px; float:left;   }

.checkContainer > span.checkUp {background-position:0px -16px;}

/* Buttons */
a.add_button, a.edit_button, a.delete_button { min-height:24px; height:24px; padding-left: 24px; line-height:24px; background:url(../images/public/add.ico.png) no-repeat 0 0;
	cursor: pointer; margin: 0 0; vertical-align:baseline; text-decoration: underline; text-underline-style: dotted; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;
	display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
a.edit_button {background:url(../images/public/edit.ico.png) no-repeat 0 0;}
a.delete_button {background:url(../images/public/delete.ico.png) no-repeat 0 0;}


a.add_button2, a.delete_button3, a.next_button, a.button {min-height:32px; height:32px; background:url(../images/public/add.btn.rbg.png) no-repeat top right; padding-right: 11px;
	cursor: pointer; margin: 0 0; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-bottom: 2px; text-decoration: none; }

a.add_button2>span, a.delete_button3>span, a.next_button>span, a.button>span { background:url(../images/public/add.btn.bg.png) no-repeat top left;
	text-decoration: underline; text-underline-style: dotted; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; color: #FFF; vertical-align: baseline;
	padding-left: 35px; line-height:24px; display: block; min-height:32px; height:32px; }

a.button>span { background:url(../images/public/btn.bg.png) no-repeat top left; padding-left: 11px; }

a.delete_button3>span { background:url(../images/public/del.btn.bg.png) no-repeat top left; }
a.next_button>span { background:url(../images/public/next.btn.bg.png) no-repeat top left; }

a.delete_button2 { min-height:16px; height:16px; width: 16px; padding-left: 16px; line-height:16px; background:url(../images/public/delete2.ico.png) no-repeat 50% 50%;
	cursor: pointer; margin: 0 0; vertical-align:baseline; }

/* Dairy */
#track {padding: 0; border-collapse: collapse; border-spacing: 0;}
#track td {height: 24px; padding:0; margin:0; font-size: 12px;vertical-align:middle; text-align: left;}
#track td.hd {min-height:24px; height:24px;padding-left: 28px; line-height:24px;}
#track td.water {background: url(../images/public/water.ico.png) no-repeat 0 0;}
#track td.walk {background: url(../images/public/walk.ico.png) no-repeat 0 0;}
#track td.step {background: url(../images/public/step.ico.png) no-repeat 0 0;}
#track td.oil {background: url(../images/public/oil.ico.png) no-repeat 0 0; }
#track td.vitamins {background: url(../images/public/vitamins.ico.png) no-repeat 0 0; }
#track td.weight {background: url(../images/public/weight.ico.png) no-repeat 0 0; }
#track td span.measure {font-style: italic;font-family: "Times New Roman",Times,FreeSerif,serif; padding-left: 8px;}
#weightinput {height: 16px; border: 1px solid #b5b5b5; width: 46px; text-align: center; font-size: 12px; color: #494949;}

#stepspin .spinContainer{width: 80px;}
#stepspin  .spinInput {width: 42px;}
* html #stepspin .spinInput {width: 40px;} /* for IE6 */
*+html #stepspin .spinInput {width: 40px;} /* for IE7 */
#stepspin .spinInput{width: 40px\0/;} /* for IE8, going last */

#stat-button {min-height: 48px; background: url(../images/public/stat.ico.png) no-repeat 0 50%; padding-left: 48px !important; padding-right: 4px !important;}
#stat-button a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}

#gi-button {min-height: 48px; background: url(../images/public/gi.png) no-repeat 0 50%; padding-left: 48px !important;}
#gi-button a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}

div.total_top {color:#414141;font-size:12px;font-weight:bold;height:64px;border:1px solid #e9e9e9;border-radius:7px 7px 7px 7px;-moz-border-radius:7px 7px 7px 7px;float:left;width:697px;}

/*div.total_top table {border-collapse:collapse;table-layout:fixed;border-spacing: 0;}*/
div.total_top>div>span {height: 32px; padding: 0 8px; vertical-align: baseline; border-color: #FFF; float:left; line-height: 32px}
*+html div.total_top>div>span {vertical-align: middle; padding-top: 8px; height: 24px;}
div.total_top div:FIRST-CHILD span:FIRST-CHILD {border-radius:7px 0 0 0;-moz-border-radius:7px 0 0 0;border-width:1px 0 0 0;}
div.total_top div:FIRST-CHILD span:LAST-CHILD {border-radius:0 7px 0 0;-moz-border-radius:0 7px 0 0;border-width:0 1px 0 0;}
div.total_top div:LAST-CHILD span:FIRST-CHILD {border-radius:0 0 0 7px;-moz-border-radius:0 0 0 7px;border-width:0 0 0 1px;}
div.total_top div:LAST-CHILD span:LAST-CHILD {border-radius:0 0 7px 0;-moz-border-radius:0 0 7px 0;border-width:0 0 1px 0;}


div.total_top>div>span.hd {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #009390; font-weight: normal; background-color: #edf7f7; width: 100px; }
div.total_top>div>span>em{color:#006666;font-style: normal;}
div.total_top>div>span{white-space: nowrap; overflow: hidden;}
div.total_top>div>span.hd_calories {background-color: #FFF; width: 150px;}
div.total_top>div>span.hd_proteins {background-color: #E2F7FB; width: 109px;}
div.total_top>div>span.hd_fats {background-color: #F2F8E9; width: 118px;}
div.total_top>div>span.hd_carbs {background-color: #C4EECE; width: 140px;}

table.recipe, table.recipe tr.total td, table.recipe tr.total2 td{border-bottom: 0 none;}
table.recipe tr.total {border-top: 2px solid #ABABAB}
table.recipe tr.total td {border-top: 2px solid #ABABAB}

table.recipe  span.sum { float: right;min-height:24px; height:24px; padding-left: 30px; line-height:24px; background:url(../images/public/sum.ico.png) no-repeat 0 0;
	margin: 0 0; vertical-align:baseline; font-size: 16px; color: #181818; }

/* Meals diary Table*/
#meals table.meal, #summarize {border-bottom: 0 none;}
#meals table.meal tr.header {border: 0 none;}
#meals table.meal tr.header td {border: 0 none;  text-align: left; font-weight: normal; font-size: 15px; line-height: 15px; padding-left: 0; }

#meals table.meal tr.header .name { float:left; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px;display: inline; line-height: 24px;
	color:#009390;
}

#meals a.edit_button {height: auto;}

#meals .clock, #meals .clock_readonly {float:left;min-height:24px; height:24px; background:url(../images/public/clock.ico.png) no-repeat 0 50%;
									   padding:1px 0 0 26px; text-align:left;vertical-align:middle;line-height: 20px; font-size:90%; display: inline; margin: 0 0 0 25px;}
#meals .clock_readonly {line-height: 24px; font-size:100%;}

#meals .spinContainer, #meal_time .spinContainer {float: left; border: 1px solid #A5ACB2; width: 40px;}
#meals  .spinInput, #meals .spinContainer, #meal_time  .spinInput, #meal_time .spinContainer { background-color: #FFFFFF; }
#meals .spinHEdge, #meals .spinVEdge, #meal_time .spinHEdge, #meal_time .spinVEdge { position: absolute; overflow: hidden; background-color: #A5ACB2;}
#meals .spinContainer, #meal_time .spinContainer { position: relative; font-size: 0px; height: 20px;}
#meals .spinHEdge, #meal_time .spinHEdge { height: 20px; width: 1px; }
#meals .spinVEdge, #meal_time .spinVEdge { height: 1px; left: 1px;}
#meals .spinInput, #meal_time .spinInput{ position: absolute; top: 1px; left: 2px; height: 16px; border: 0px; width: 28px; color: #000; text-align: left;}
#meals .noteInput {  padding-right: 0}

#meals .noteInput textarea { border: 1px solid #A5ACB2; margin: 0px; resize: none; height: 38px; padding: 0px; }
#meals .noteInput div { padding-right: 2px; border: 1px solid #FFFFFF; /* overflow: hidden; */ height: 40px; }
#meals .noteInput div.transition, 
#meals .noteInput div.transition textarea { transition-property: border-color; transition-duration: 1s; transition-delay: 0.1s; transition-timing-function: linear; }
#meals .noteInput div.saved, 
#meals .noteInput div.saved textarea { border: 1px solid #009390; }

#meals .noteInput span.eating_disorder { font-weight: bold; font-size: 0.8em; color: #770000; }

#meals .spinUBtn, #meal_time .spinUBtn,
#meals .spinUBtnHover, #meal_time .spinUBtnHover,
#meals .spinUBtnPress, #meal_time .spinUBtnPress,
#meals .spinDBtn, #meal_time .spinDBtn,
#meals .spinDBtnHover, #meal_time .spinDBtn,
#meals .spinDBtnPress, #meal_time .spinDBtnPress {
	position: absolute; width: 15px; height: 8px; right: 2px; left: auto; background-image: url(../images/public/spin2.png);
	background-repeat: no-repeat; background-color: #000000; }
#meals .spinUBtn, #meals .spinUBtnHover, #meals .spinUBtnPress,
#meal_time .spinUBtn, #meal_time .spinUBtnHover, #meal_time .spinUBtnPress {top: 2px;}
#meals .spinDBtn, #meals .spinDBtnHover, #meals .spinDBtnPress,
#meal_time .spinDBtn, #meal_time .spinDBtnHover, #meal_time .spinDBtnPress {top: 10px;}
#meals .spinUBtn, #meal_time .spinUBtn{ background-position:0px 0px; }
#meals .spinUBtnHover, #meal_time .spinUBtnHover{ background-position:0px -16px; }
#meals .spinUBtnPress, #meal_time .spinUBtnPress { background-position:0px -32px; }
#meals .spinDBtn, #meal_time .spinDBtn { background-position:0px -8px; }
#meals .spinDBtnHover, #meal_time .spinDBtnHover { background-position:0px -24px; }
#meals .spinDBtnPress, #meal_time .spinDBtnPress { background-position:0px -40px; }

#meals table.meal tr.add_new_row td {background-color: #eef5f9; border: 0 none;}
#meals a.add_button, #meals a.edit_button {padding-left: 30px}
#meals a.edit_button {color: #197e7b; text-decoration: none}

#meals table.meal td.name {width: auto; text-align: left;}
#meals table.meal td.nutrient {width: 76px;}
#meals table.meal td.weight {width: 50px;}
#meals table.meal td.density {width: 50px;}
#meals table.meal td.hd_density span{cursor: help; border-bottom: 1px dashed #000}
#meals table.meal td.calories {width: 110px; background-color: transparent; }
#meals table.meal td.stimulus {width: 30px;}
#meals table.meal td.remove {width: 30px;}


#meals table.meal tr.total {border-top: 2px solid #ABABAB; border-bottom: none;}
#meals table.meal tr.total td {border-top: 2px solid #ABABAB; border-bottom: none;}

#meals .sum {float: right;min-height:24px; height:24px;
			 padding-left: 30px; line-height:24px; background:url(../images/public/sum.ico.png) no-repeat 0 0;
			 margin: 0 0;
			 vertical-align:baseline; font-size: 16px; color: #181818;
}

#meals table.meal tr.total td>input {height: 16px; border: 1px solid #b5b5b5; width: 52px; text-align: center; font-size: 12px; color: #424242;}
#meals table.meal tr.total a.edit_button {padding-left: 24px}

#summarize tr td { padding: 24px 8px;}
#summarize tr td {background: url(../images/public/total.top.border.png) repeat-x 0 0; background-color: #F0F9F8; border: 0 none;}
#summarize {font-size: 12px; font-weight: bold; color: #009390;}
#summarize .name { padding-left: 30px; text-align: left; font-size: 23px; color: #009390; font-family: Georgia, "Times New Roman", Times, serif;
				   font-weight: normal;}
#summarize td.name {width: auto; text-align: left;}
#summarize td.nutrient {width: 76px;}
#summarize td.calories {width: 110px; background-color: transparent;}
#summarize td.sum_density {width: 76px;  background-color: transparent;}
#summarize td.proteins {background-color: #AEE5E9;}
#summarize td.fats {background-color: #F3F8A5;}
#summarize td.carbs {background-color: #95D4A4;}
#summarize td.remove {width: 76px;}


#volume-form {min-width:360px;}
#volume-form-body {padding: 8px 16px 16px 16px;}
#volume-form-body .field {width:100%;}
#volume-form-body .title {text-align:left;}
#volume-form-body .input {text-align:right;padding:4px 0px 4px 0px;font-style:italic;width:102px;}
#volume-form-body .input input {max-width:64px;width:64px;margin:0px 6px 0px 0px;border:1px solid #009390;padding:2px 2px 2px 2px;font-style:normal;color:#555555;font-size:12px;text-align:center;}
#volume-field {width:46px;height:20px;border:1px solid #B5B5B5;color:#494949;font-size:12px;text-align:center;line-height:20px;padding:0px 4px 4px 4px;background:#FFFFFF;cursor:pointer;}


/* Form */
.AWL_filter { width: auto;  height: 24px; padding:0; vertical-align: middle; position: relative;
			  padding-right: 123px;
}
.AWL_filter input.text{width:80px; border:1px solid #CCC; color:#000; font-weight:bold;
					   font-size:0.9em; padding:0.3em 0.4em; vertical-align:middle; }
/*
.AWL_filter input.button {background:url("../images/button.bg.gif") no-repeat scroll 100% 0 transparent !important;
	border:0 none; color:#FFFFFF; cursor:pointer; font-size:11px; line-height:1.5em; padding:0 13px 0 4px;
	vertical-align:middle; *line-height:15px; *height: 15px;}
*/
form#Filter {margin-bottom: 10px;}
.AWL_filter .suggest {position:relative; display:inline-block; *zoom:1; *display:inline;}
.AWL_filter table td {padding:0 6px 0 0;}
.AWL_filter table {table-layout: auto; width: auto}

input.search_button {min-height:32px; height:32px !important; width:120px !important; border: 0 none; background:url(../images/public/search.btn.bg.png) no-repeat 0 0;text-align: center;
	cursor: pointer; text-decoration: underline; text-underline-style: dotted; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px  !important; color: #FFF  !important;
	vertical-align:baseline; padding-left: 35px; line-height:24px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding-bottom: 10px; text-align: left;
	position: absolute; top: -4px; right: 0;
}

form.full_width table {width: 100%}

form table, table.form-table {border-collapse:collapse;table-layout:fixed;border-spacing: 0; font-size: 100%; width: 896px}
form table table, .popup form table, .popup table.form-table {width: auto}
.popup form table td, .popup table.form-table td {vertical-align:middle}
form table td.form_desc, table.form-table td.form_desc {width:250px;}
form table td.form_desc_req {width:250px;}
form table td.form_desc_req:AFTER {
	content: "*";
	font-size: 11pt;
	margin-left: 0px;
	color: #D14836;
}
form table td, table.form-table td {padding:5px 2px; vertical-align:top; /*overflow: hidden;*/}
form table td table td{border:0px;}
form table tr.ValidationErrorTitle p {padding:2px 5px;background-color:#80081e;color:#fff;font-weight:bold; margin:0}
form table tr.ValidationErrorTitle a {color:#fff;}

td.form_control img {vertical-align: middle;}
td.AWL_formActions input.cancel {float: left}
form .AWL_checkList {border: none;}
form table td.form_title, table.form-table td.form_title {font-size: 150%;line-height:1em; font-weight:normal;  margin: 0 0 0.3em 1px;padding: 16px 0px 5px 0;}


input.button {background: url("../images/login/btn.bg.png") no-repeat scroll 50% 50% transparent;
			  width: 101px; height: 29px; border: 0 none;
			  font-family: Georgia, "Times New Roman", Times, serif;
			  font-size: 17px; text-align: center;
			  vertical-align:baseline; color: #FFF;
			  line-height: 25px;
			  padding-bottom: 4px;
}

p input[type=checkbox], p input[type=radio] {  vertical-align: middle; position: relative; bottom: 1px; }
p input[type=radio] { bottom: 2px;}

input.text,textarea.text,select.text, input.file, input.search {border:1px solid #B3B4B9; font-size:90%; padding:2px; vertical-align:middle; width:350px;
																border-radius: 3px;
																-moz-border-radius: 3px;
}
input.text.readonly,textarea.text.readonly{border:0px!important;}
input.deselected,textarea.deselected,select.deselected {background-color:#EFC9C9}
input.date {width: auto;}
select.text {width: auto;}

input.submit { background:url("../icons/public/submit.png") no-repeat scroll 0 0 transparent;  border:0 none;  color:#00529B;  cursor:pointer;
			   font-size:16px;  line-height:24px;  margin:0;  padding:0;  padding-left: 26px;  vertical-align:baseline;
			   height: 24px;  min-height: 24px;  text-decoration:underline; text-align: left;  width: auto;
			   font-family: Georgia,"Times New Roman",Times,serif;
}

input.cancel { background:url("../icons/public/cancel.png") no-repeat scroll 0 0 transparent; border:0 none; color:#00529B; cursor:pointer;
			   font-size:16px; line-height:24px; margin:0; padding:0; padding-left: 26px; vertical-align:baseline;
			   height: 24px; min-height: 24px;text-decoration:underline;  text-align: left; width: auto;
			   font-family: Georgia,"Times New Roman",Times,serif;
}

input.disabled {color:#adadad; cursor:default;}

button#watch-like { border-radius: 3px 0 0 3px; border: 1px solid #abaaa9; color: #181818; cursor: pointer; height: 24px; overflow: visible; padding: 0 6px; vertical-align: middle; white-space: nowrap; background-color: #F4F4F4; font-size: 16px; }
button#watch-like.span {background:url("../icons/public/folder.png") no-repeat scroll 0 0 transparent}
button#watch-unlike { border-radius: 0 3px 3px 0; border: 1px solid #abaaa9; color: #181818; cursor: pointer; height: 24px; overflow: visible; padding: 0 6px; vertical-align: middle; white-space: nowrap; background-color: #F4F4F4; font-size: 16px; }

.complete {background-color: #d9e4cd;}
.incomplete {background-color: #f5c9d3;}

p.check { display: block;  padding-left: 15px;  text-indent: -15px;  margin-left: 7px; }
input.check {width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; }

.tabbed-form {margin: 0.5em 0;width: 100%; padding-bottom: 24px; background: url(../images/public/arrow_down_2.png) transparent no-repeat 10px 2.2em;}
.tabbed-form>ul.tabber {border-bottom: 1px solid #009390; font-size: 18px;font-weight: normal; margin: 0; padding: 3px 0;}
.tabbed-form>ul.tabber li {display: inline;list-style: none outside none; margin: 0; line-height: 1.2em;}
.tabbed-form>ul.tabber li a { background: #FFF; margin-left: 0px; padding: 3px 8px; text-decoration: none; color:#424242; }
.tabbed-form>ul.tabber li a:link { color: #424242; }
.tabbed-form>ul.tabber li a:hover { color: #00529B; }
.tabbed-form>ul.tabber li.active a { background: #009390; color: #FFF; }
.tabbed-form>ul.tabber li.active a:hover { background: #009390; color: #FFF; }



ul.auth_providers{list-style: none; margin-bottom: 6px;}
ul.auth_providers li {white-space:nowrap; overflow: hidden; width:150px; padding-left: 4px}
ul.auth_providers li img {margin-right: 3px}
ul.auth_providers li a {float: right;}

/* SuggestControl */
.hover {background:#eee;position:relative;}
.suggest {position:relative; display:block;}
.suggest input {overflow:hidden;}
.SuggestBox {border:1px solid #999;position:absolute;background:#fff;z-index:10; width: 354px; top:20px; left:0px;}
.SuggestBox div {padding:3px 5px;font:11px Tahoma;cursor:pointer;height:auto;white-space:nowrap;border-bottom:1px solid #ccc;overflow: hidden;}
.SuggestBox span {}
.suggestCol0 {display:none;}
.suggestCol1 {text-align:right;color:#060;padding-right:5px;}
.SuggestBox span.bold {font-weight: bold;}

.suggest .selected {background-color:#E9F9DD}
.suggest .notselected {background-color:#EFC9C9}

.SearchSuggest {display:inline;position:relative;text-align:left;}
.SearchSuggest input {width: 150px}
.SearchSuggest .selected {background-color:#E9F9DD}
.SearchSuggest .deselected {background-color:#EFC9C9}

div.SearchSuggest .SuggestBox {padding-top: 3px; border:none}
div.SearchSuggest .SuggestBox table {table-layout:auto;}
div.SearchSuggest .SuggestBox td {width:146px !important; padding:3px 5px;font-size:11px;border:1px solid #999;white-space:nowrap;text-align:left;background-color: #fff !important;cursor:pointer;}
div.SearchSuggest .SuggestBox tr.hover td {background:#eee !important;}

/*END*/

/* Filte Form*/
.filter {float: right; font-weight: normal; font-size: 14px; color: #514F4F; vertical-align: middle;}
.filter input, .filter select {font-size: 14px; color: #514F4F}
.filter label {padding: 2px; vertical-align: baseline; }

.filter form:after {
    clear: both;
    content:'';
    display:block;
}

.filter form img {
    vertical-align: middle;
}
/* End */

/* Table */

.AWL_table {table-layout:auto;border-collapse: collapse; text-align: center; width: 100%; margin-bottom: 5px; border-bottom: 2px solid #ABABAB; }
.AWL_table.fixed {table-layout:fixed;}
.AWL_table td {text-align:center;vertical-align:middle;}
.AWL_table tr td { padding: 10px 8px;}
.AWL_table tr td {border-bottom: 1px solid #E2E2E2; color: #2d2d2d}
.AWL_table tr.th td {background-color: #eef5f9; border: 0 none; color:#414141}

.AWL_table tr.onRowOdd {}
.AWL_table tr.onRowEven  {}
.AWL_table tr:hover, .AWL_table tr.onRowOdd:hover, .AWL_table tr.onRowEven:hover {}

.AWL_table tr.th td.control {width:70px;}
.AWL_table tr.th td a {text-decoration:none; }
.AWL_table tr.th td a:focus,
.AWL_table tr.th td a:hover,
.AWL_table tr.th td a:active { text-decoration: none; font-weight: normal; }

.AWL_table tr td.control { text-align: center; vertical-align: middle; }
.AWL_table tr td.control a { padding: 0px; }
.AWL_table tr td.control img { height: 16px; width: 16px; }
.AWL_table tr td a.folder { background: url("../icons/folder.png") no-repeat scroll 0 0 transparent !important; padding:1px 4px 4px 20px; white-space:nowrap; }
.AWL_table tr.checked td, .AWL_table tr.checked:hover td { background-color: #666666; color: #FFFFFF; }
.AWL_table tr.lightgray { background-color: #EEEEEE; }
.AWL_table tr.lightpink { background-color: #EECDCD; }



.AWL_table tr td.hd_calories { color: #414141; }
.AWL_table tr td.hd_proteins { background-color: #DCF3F9 !important; color: #414141 !important; }
.AWL_table tr td.hd_fats { background-color: #EDF5E6 !important; color: #414141 !important; }
.AWL_table tr td.hd_carbs { background-color: #D4EEE4 !important; color: #414141 !important; }

.AWL_table td.proteins { background-color: #D3FBFF !important; }
.AWL_table td.fats { background-color: #FCFFD1 !important; }
.AWL_table td.carbs { background-color: #C0EDCB !important; }


/* Item table icon */
.members { min-height: 20px; height: 20px; line-height: 20px; background: url(../icons/members.bg.png) no-repeat 0 0; padding: 2px 0 2px 18px;}
.cards { min-height: 20px; height: 20px; line-height: 20px; background: url(../icons/cards.bg.png) no-repeat 0 0; padding: 2px 0 2px 18px;}


/* Tooltip */
#tooltip { background:#FFFFFF; border:1px solid #CCC; padding:10px 5px; color:#505050; font:menu; position:absolute; visibility:hidden;min-width: 400px; }

.construction {min-height: 50px; height: 50px; background: url(../icons/public/construction.png) no-repeat 50% 50%; font-style: italic; font-weight: lighter; text-align: justify; text-decoration:none;}

/* Diary */

.float_right{float: right !important}

span.food_title{float: left; display: block; font-size: 150%; font-weight: normal; }
span .food_title{float: left; display: block; font-size: 150%; font-weight: normal; }


/* Msg*/
div.popup{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #009390; border-radius: 3px 3px 3px 3px; left: 50%; position: fixed; top: 50%; position: absolute; 
	visibility: hidden; top: -999px; left:-999px; z-index:100 }

div.modal { border: 3px solid #FAFAFA; }

div.popup iframe {border:0 none; overflow:hidden;}
div.popup {min-width:460px; width:460px;}
div.popup h2 {
	margin: 0 0 5px 0; background: url(../images/public/popup.hd.bg.png) repeat-x 0 0;
	color:#FFF; cursor: default; line-height: 31px;
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 22px; padding-left: 8px;
	height:31px; min-height: 31px;
	vertical-align:baseline;
	position: relative;
	cursor: move;
}
div.popup span.close {background-color: #FFF;border: 1px solid #EEE;float: right;font-weight: bolder;margin-right: 0;text-align: center;
					  vertical-align: baseline; color: #009390;line-height: 0.9em;padding: 0px 4px;
					  font-family: Tahoma,Geneva,'Trebuchet MS',Arial,Helvetica,sans-serif;
					  font-size: 18px;
					  border-radius: 3px 3px 3px 3px;
					  border: 1px solid #009390;
					  top: 7px;
					  right: 6px;
					  position: absolute;
					  cursor: pointer;
}

div.popup div.text {  margin: 0; padding: 1em 1.75em;}
div.popup input.text {margin: 0.5em 0;}
div.popup .ctrl {margin: 0; padding: 0.5em 1.75em; text-align: center;}
div.popup .ctrl input {margin: 0 0.5em;}

div.popup  .emsg{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#FF0000; }
div.popup  .msg{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#00FF00;}
div.popup  p {margin: 2px 0;}

#AuthPopup {width:auto}

#alert-popup {width: 400px; }
#alert-popup div.text {padding: 0;}
#alert-popup div.text>div {text-align: right;  padding: 1em 1.75em; border-top: 1px solid #009390;}
#alert-popup div.text>div:FIRST-CHILD {border-top: 0 none;}
#alert-popup div.text>div input {margin-top: 8px;}
#alert-popup div.text>div>div {min-height: 48px; text-align: left;}
#alert-popup div.text>div.info>div {background: url(../icons/alert.ico.png) no-repeat 0 50%; padding-left: 60px;}

/* Add food form*/
#add-food-form  {width:576px; height: 360px}
#add-food-form  input {margin: 0;}
#add-food-form .ctrl {margin: 0 1.75em;clear:both;padding: 0;}
#add-food-form .ctrl input.submit {margin: 0; float:left;}
#add-food-form .ctrl input.cancel {margin: 0; float:right;}

#add-food-form .tab { margin: 0 8px; display: none; height:auto; }
#add-food-form .tab h3 {margin: 5px 0;}
#add-food-form table.data {margin: 8px 10px;  padding: 0;}
#add-food-form table.data td {vertical-align: top; text-align: left; padding: 0 8px 0 0;}
#add-food-form table.data h4 {font-size: 12px; font-weight:bold; color : #222222; margin: 0; }
#add-food-form table.data p {margin: 0; padding: 4px 0;}
#add-food-form .weight input {width: 100px;}
#add-food-form .meal select {width: 180px;}
#add-food-form .category select {width: 300px;font-size:14px; vertical-align:baseline;}

div.popup .suggest {position: relative;}
div.popup .suggest {display:inline-block; *zoom:1; *display:inline;}
div.popup .suggest input {overflow:hidden; z-index:-1; }
div.popup .suggest input, div.popup .SuggestBox {width: 300px;}
div.popup .suggest input.button {width: 101px;}
div.popup .suggest input {font-size:14px; vertical-align:baseline;}
div.popup .suggest .SuggestBox {left: 0; top: 26px}
div.popup .search-list {margin: 5px 0; padding: 2px 0; border: 1px solid #009390; overflow-x:hidden; overflow-y:scroll;}


div.ex_suggest {position:relative;white-space:nowrap; }
div.ex_suggest div.input_text {height: 29px;text-align: left;width: 300px; border-radius: 3px 0px 0px 3px;
							   border: 1px solid #009390; /*border-right: 0;*/ float:left;}
div.ex_suggest input.value {width: 288px;border:0 none;height: 29px; padding:0 6px;
							font-size: 14px; font-weight: bold;
							color: #009390;
}
div.ex_suggest div.select_mode { background: url(../images/public/suggest_select.png) no-repeat 105px 50% #009390;
								 color: white; cursor: pointer; font-size: 12px; font-weight: bold; height: 25px;
								 padding: 6px 0 0 7px; position: relative; width: 110px; float:left;
}
div.ex_suggest div.select_mode ul { display: none; margin-top: 0; position: absolute; right: 0; top: 31px; border: 1px solid #009390; }
div.ex_suggest div.select_mode ul>li {
	background-color: #FFF;
	color: #424242;
    display: block;
    height: 27px;
    list-style: none outside none;
    padding: 6px 0 0 7px;
    width: 108px;
}
div.ex_suggest div.select_mode ul>li:hover {
	background-color: #CCE9E9;
	color: #000;
}
div.ex_suggest div.select_mode span {}
div.ex_suggest input.button {min-height:31px; padding: 0;
							 height:31px;
							 width:40px;
							 border: 0 none;
							 background:url(../images/public/suggest.btn.bg.png) no-repeat 100% 50%;text-align: center;
							 cursor: pointer;
}
div.ex_suggest .SuggestBox {left: 0; top: 31px; width:300px; border: 1px solid #009390;}
div.ex_suggest .SuggestBox div.hover {background-color: #CCE9E9; color: #000;}

table.SearchTable, .popup table.SearchTable {width:100%; table-layout:fixed;border-collapse: separate; text-align: left;}
table.SearchTable tr.header td {background-color: #009390;padding: 2px 5px; color: #FFF; font-weight:bold; text-align: center;}
table.SearchTable tr {border: 0 none; /*border-bottom: 1px solid #FFFFFF*/}
table.SearchTable td {background-color: #fcfcfc; text-align: center;}
table.SearchTable td.check {width: 20px;}
table.SearchTable tr:hover td, table.SearchTable tr.focus td {background: #ccc;}
table.SearchTable tr.checked td, table.SearchTable tr.checked:hover td {background-color: #666666; color:#FFF;}
table.SearchTable td.name {width:200px;text-align: left;}
table.SearchTable td.description {text-align: left;}
table.SearchTable td.edit {width:90px;}

table.SearchTable td.amount input {width: 35px;text-align:center;}

#add-favorite-form {width:450px;}

/* Stat */
#interval-label {font-size: 16px; color:#414141;}
#stat-table tr td.name {padding-left: 36px; text-align: left; width: 209px; color: #197e7b; font-size: 14px;}
#stat-table tr td.hd_calories {background-color: #eeede7;}
#stat-table tr td.calories {background-color: #FFEBD3;}


.stat_info div.block {margin: 0 0 0 5px; padding: 10px; font-size: 12px; min-height: 160px; border: 1px solid #E8E8E6; margin-top: 8px;}
.stat_info div.auto_height {min-height: inherit;}
.stat_info h3 {margin: 8px 0 8px 8px; font-size: 16px; color:#414141; font-weight: normal;}
.stat_info h3>span {font-size: 18px;}
.stat_info div.block p {margin: 8px 0 8px 8px; font-size: 12px}
.stat_info div.block p.sub {font-size: 75%}

.stat_info div.red { background-color: #EDC0C0 !important; color: #000000; }
.stat_info div.green { background-color: #D0F2D8; }
.stat_info div.yellow { background-color: #F2E8D0; }

.stat_info div.pie{background-color: #F6F6F6; }
.stat_info div.pie>div {padding: 8px;}

.stat_info div.weight{background-color: #FFFFFF; }

img.stat_graph {margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px; }
/*img.stat_wait_image {z-index: 0; position: relative; display: block; margin: 0 auto 0 auto;}*/


div#add-meal-form table tr td:first-child { min-width: 150px; }
div#add-meal-form table tr td:last-child { }
div#add-meal-form table tr td:last-child input { max-width: 240px; }
input#meal-name { max-width: 240px; }

/* Overlay */
#overlaybox {height: 100%; width: 100%; position: fixed; z-index: 500; filter: alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
			 -moz-opacity: .80; -khtml-opacity: 0.8; opacity: 0.8; background-color:#000000; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center;
			 vertical-align:middle; zoom: 1;}
#overlaybox.img {
    background-image: url(../images/wait.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

#show-attach { border: 3px #FAFAFA solid; background: #FFFFFF; position: fixed; top: 50%; left:50%;border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px; padding:10px}
#show-attach img { max-width: 800px; max-height: 600px; }
#show-attach .crossing a {cursor: pointer;}
#show-attach .crossing {text-align: center}
#show-attach .crossing a.center {float: none; display:inline-block; display: -moz-inline-stack; zoom: 1; *display: inline;}

/* File uploader*/
.file_controls a {float:left; width: 19px; height: 19px; margin: 2px 3px 2px 0;}
.edit_file {background: url(../icons/public/edit.png) no-repeat 50% 50%;}
.delete_file {background: url(../icons/public/delete.png) no-repeat 50% 50%;}

#FilePopup div {padding: 5px 12px; clear: both;}
#FilePopup div div {padding: 5px 0; clear: both;}
#FilePopup input.text, #FilePopup input.file  {width: 220px; margin: 0;}
#FilePopup div span {width: 65px; float: left;}

/* Messages */
#messages ul {padding: 0;  color:#009390; margin: 2px 0; list-style: none; background: #009390;}
#messages li { float: left; margin: 0; padding: 2px 6px; -moz-border-radius: 5px 5px 5px 5px; background: #FFFFFF; border: 2px solid #009390; -webkit-border-radius: 5px 5px 5px 5px;}
#messages li a {display:block; width: 32px; height: 32px; text-decoration: none;}
#create_new_link {background: url(../icons/public/mail.png) no-repeat 50% 50%;}
#inbox_link {background: url(../icons/public/inbox.png) no-repeat 50% 50%;}
#outbox_link {background: url(../icons/public/outbox.png) no-repeat 50% 50%;}
#trash_link {background: url(../icons/public/trash.png) no-repeat 50% 50%;}
#messages li.separator { background: none repeat scroll 0 0 #FFFFFF; border:none; display: block; height: 32px; margin: 0; padding:0; width: 3px; }
#messages li.active {background-color: #009390;}

#mail-box table {table-layout:fixed;border-collapse: separate; text-align: center; width: 100%;}
#msg-form {width: 520px; }
#msg-form form {padding: 6px 21px 6px 21px; }
#msg-form form>table{width: 100%;}
#msg-form form>table .header {padding: 12px 0px 8px 0px; font-weight: bold;}
#msg-form form>table tr td {padding: 2px 0; vertical-align: middle;}
#msg-form form>table tr td.control div p { padding: 4px 0px 4px 0px;}
#msg-form form>table input {width: auto;}
#msg-form form>table input.button {width: 101px;}
#msg-form form>table .suggest {width: 100%}
#msg-form form>table input{width: 350px}
#msg-form form>table textarea{width: 470px}
#msg-form form>table .suggest input, .myfoodform form>table .SuggestBox { width: 350px; }
#msg-form form>table td.label {width: 120px}
#msg-form div.answer {border-bottom:1px dotted #AAAAAA; position:relative; height: 1em; margin-bottom: 0.5em}
#msg-form div.answer>span { background:white none repeat scroll 0 0; padding: 0.2em; position: absolute; left: 1em; bottom: -0.8em; color: #009390; cursor: pointer; }

#mail-box .open_message {width:24px; height:24px;background: url(../icons/public/mail_open.png) no-repeat 50% 50%; display:block}
#mail-box .delete_message {width:24px; height:24px;background: url(../icons/public/mail_delete.png) no-repeat 50% 50%; display:block}


/* Lib */
#lib-table {table-layout: auto;}
#lib-table .note {border-top: 1px solid #b4b4b4; background-color: #ededed; border-bottom: 20px solid #FFF}
#lib-table .issue {padding: 10px; border-bottom: 1px dotted #b4b4b4;}
#lib-table .issue img {border: 1px solid #009390; border-radius: 3px 0px 3px 3px;}
#lib-table .issue .prev { float: left; width: 136px; margin:0;}
#lib-table .issue h2 {margin:0; font-size: 18px;background-color: #009390; height: 27px;vertical-align: middle; padding: 0 10px 0 11px;
					  color: #FFF;text-decoration: none; margin-left: -1px
}
#lib-table .issue .center h2 {display: inline-block; min-width: 180px;  max-width: 695px; white-space:nowrap; overflow: hidden;}
#lib-table .issue .with_author h2 {max-width: 400px;}
#lib-table .issue h2 a {color: #FFF;text-decoration: none; }
#lib-table .issue p {margin: 0;}
#lib-table .issue .full img {/*width:256px;height:256px;*/display:block;margin:2px;}
#lib-table .issue .link { text-align: left; padding-top: 10px; font-size: 16px; color: #00529b}
#lib-table .issue .link a.audio{ background: url(../icons/music.png) no-repeat 0 50%; padding-left: 30px}
#lib-table .issue .link a.video{ background: url(../icons/video.png) no-repeat 6px 50%; padding-left: 30px}
#lib-table .issue .center {margin-left: 136px; }
#lib-table .issue div.description {min-height: 58px;}
#lib-table .issue div.title {padding: 6px 10px 0 10px; font-size: 18px;}
#lib-table .issue div.info {font-size: 11px; padding: 6px 10px 0 10px;}
#lib-table .issue div.description {padding: 6px 10px 0 10px;font-size:12px; text-align: left;}
#lib-table .issue .with_author {margin-right: 295px;}

#lib-table .issue .author {border-left: 1px dotted #8ec9c7; float:right; width: 295px}
#lib-table .issue .author img {border: 1px solid #009390; border-radius: 3px 3px 3px 3px;}
#lib-table .issue .author .prev { float: left; width: 84px; height: 102px; padding: 10px}
#lib-table .issue .author .description {padding: 16px 10px 0 10px}

#lib-table div.lesson {font-family: 'Trebuchet MS', sans-serif;}
#lib-table div.lesson h2 {color: #006ead; font-style: italic; font-size: 16px;}
#lib-table div.lesson .description {background: url(../icons/lesson.desc.bg.png) no-repeat 0 0; padding-left: 20px; font-size: 13px; color: #535353; font-style: italic;}

#lib-article {}
#lib-article h2 { font-size: 24px; color: #00529b; text-decoration: underline; margin-bottom: 6px; }
#lib-article > div {}
#lib-article .author { font-size: 13px; padding-top: 10px; font-weight: bold; }
#lib-article .description, #lib-article .data { padding-top: 6px; text-align: justify; font-size: 13px; color: #444444; }

#lib-article .data { font-size: 14px; padding-bottom: 16px; }
#lib-article .data p { padding-bottom: 6px; }
#lib-article .data ul, #lib-article .data ol { margin-left: 18px; }
#lib-article .data li { padding-bottom: 6px; }
#lib-article .data table { border-collapse: collapse; }
#lib-article .data table tr td { padding: 5px; border: 1px solid #AAAAAA; }
#lib-article .info { font-size: 13px; }
#lib-article img { margin: 8px 8px 8px 8px; }

#lib-article .parts { margin: 6px 0 20px 30px; }
#lib-article table.parts td { padding-right: 6px; }
#lib-article ul.parts li { line-height:12px; margin: 7px 0; }
#lib-article .parts a { font-size: 12px; }
#lib-article .parts a:VISITED { color: #535353; }


a.closed {color: #9b1600}

#attachments {padding: 36px 0 16px 0px; text-align: center;}
#attachments .image, #attachments .sound, #attachments .video {margin: 0 auto; width:700px;}
#attachments>div{font-size: 13px}
#attachments .link {display: block; text-align: right}
#attachments div.pdf {margin: 0 auto; width: 640px; cursor: pointer; text-decoration: underline; color: #009390;}
.attache_title {float: left; line-height: 35px; vertical-align: baseline;height:35px}

div.lessons_info p {margin:0 0 8px 0;}
div.lessons_info h3 {margin: 0 0 8px 0; color: #424242; font-size: 130%; font-weight: normal;}
#authors {width: 100%; font-size: 11px;}
#authors td {width: 20%; padding: 0 6px 0 6px; vertical-align: top; border-left: 1px dotted #8EC9C7;}
#authors img {border: 1px solid #009390; border-radius: 3px 3px 3px 3px;margin-right: 6px; margin-left: -7px}


/* Users list*/
#user-table {table-layout: auto;}
#user-table .user {border-top: 1px solid #b4b4b4; background-color: #ededed; }
#user-table .user>div {padding: 10px; border-bottom: 1px dotted #b4b4b4;}
#user-table .user>div img {border: 1px solid #009390; border-radius: 3px 0px 3px 3px;}
#user-table .user>div .prev { float: left; width: 84px; margin:0;}
#user-table .user>div h2 {margin:0; background-color: #009390; height: 27px;vertical-align: middle; padding: 0 10px 0 11px;
						  margin-left: -1px; display: inline-block; min-width: 180px;  max-width: 695px;  overflow: hidden;}
#user-table .user>div h2 a {color: #FFF;text-decoration: none; font-size: 18px;white-space:nowrap;}
#user-table .user>div p {margin: 0;}
/*
#lib-table .issue .link { text-align: left; padding-top: 10px; font-size: 16px; color: #00529b}
*/
#user-table .user>div .center {margin-left: 84px; }
#user-table .user>div div.description {min-height: 58px;}
#user-table .user>div div.description {padding: 6px 10px 0 10px;font-size:12px; text-align: left;}


/* Slideshow */
.slide-show { }


/*
.controls { height: 24px; min-height: 24px; width: 100%; position: absolute; display: inline-block; padding: 0px;  }
*/
.slide-show .controls { height: 32px; min-height: 32px; width: 128px; position: absolute; display: inline-block; padding: 0px; right: 10px; background: #777777; opacity: 0.5; 
	border-radius: 0px 0px 0px 4px ; }

.slide-show .buttons  { height: 32px; min-height: 32px; width: 128px; line-height: 32px; position: absolute; display: inline-block; padding: 4px 4px 4px 4px; 
	right: 10px; vertical-align: middle; }

.slide-show .buttons a { float: right; height: 24px; line-height: 24px; padding: 0 0 0 26px; min-height: 24px; cursor: pointer; opacity: 0.4; 
	transition-property: opacity; transition-duration: 0.1s; transition-delay: 0s; transition-timing-function: linear; }
.slide-show .buttons a:hover { opacity: 1; }


.slide-show .buttons a.play {background: url("../icons/play.png") no-repeat scroll 0 50% transparent; }
.slide-show .buttons a.pause {background: url("../icons/pause.png") no-repeat scroll 0 50% transparent; }
.slide-show .buttons a.back {background: url("../icons/back.png") no-repeat scroll 0 50% transparent; }
.slide-show .buttons a.foward {background: url("../icons/foward.png") no-repeat scroll 0 50% transparent; }
.slide-show .buttons a.close {background: url("../icons/close.png") no-repeat scroll 0 50% transparent; margin-left: 8px; }

/*
.controls a { color: #009390; font-size: 11px; padding: 1px 4px 4px 13px; white-space: nowrap; text-decoration: none; text-transform: uppercase; 
	height: 24px; line-height: 24px; padding: 0 0 0 26px; min-height: 24px; vertical-align: baseline; float: left; }

.controls a.play {background: url("../icons/play.png") no-repeat scroll 0 50% transparent; margin: 0px 16px 0px 0px; }
.controls a.pause {background: url("../icons/pause.png") no-repeat scroll 0 50% transparent; margin: 0px 16px 0px 0px; }
.controls a.back {background: url("../icons/back.png") no-repeat scroll 0 50% transparent; margin: 0px 16px 0px 0px; }
.controls a.foward {background: url("../icons/foward.png") no-repeat scroll 0 50% transparent; float: right; margin: 0px 16px 0px 0px; }
.controls a.close {background: url("../icons/close.png") no-repeat scroll 0 50% transparent; float: right; margin: 0px 16px 0px 0px; }
*/


/* Forum */
.crossing { height: 24px; min-height: 24px; display: block;}
.crossing a { color: #009390; font-size: 11px; padding: 1px 4px 4px 13px; white-space: nowrap; text-decoration: none; text-transform: uppercase; 
	height: 24px; line-height: 24px; padding: 0 0 0 26px; min-height: 24px; vertical-align: baseline; float: left; }

.crossing a.play {background:url("../icons/play.png") no-repeat scroll 0 50% transparent; margin: 0px 16px 0px 0px; }
.crossing a.pause {background:url("../icons/pause.png") no-repeat scroll 0 50% transparent; margin: 0px 16px 0px 0px; }
.crossing a.back {background:url("../icons/back.png") no-repeat scroll 0 50% transparent; margin: 0px 16px 0px 0px; }
.crossing a.foward {background:url("../icons/foward.png") no-repeat scroll 0 50% transparent;float: right; margin: 0px 16px 0px 0px; }
.crossing a.close {background:url("../icons/close.png") no-repeat scroll 0 50% transparent;float: right; margin: 0px 16px 0px 0px; }


.crossing a.add{background:url('../icons/public/add_new.png') no-repeat scroll 0 0 transparent;float: right;}
a.print_button {background:url('../icons/print.png') no-repeat scroll 0 50% transparent; color: #009390;font-size: 10px;padding:1px 4px 4px 13px;white-space:nowrap;text-decoration: none;text-transform: uppercase;height: 16px;line-height: 16px;padding: 0 0 0 18px;min-height:16px;vertical-align:baseline;}

.forum_table {border-collapse:collapse;width:100%;max-width:100%;}
.forum_table td{border:1px #ccc solid;}
.forum_table .author{width:144px;padding:8px;text-align:center;vertical-align:top;}
.forum_table .body{vertical-align:top;padding:8px}
.forum_table .header a{margin-right:8px;display:block;float:right;cursor:pointer}
.forum_table .header span{font-size:0.9em;color:#555;font-weight:bold;}
.forum_table .header{border-bottom:1px #999 solid;margin-bottom:8px;padding-bottom:4px;}
.forum_table .even_row{background-color:#f5faf5}
.forum_table .odd_row{}
.forum_table .th {background-color:#009390;color:#ffffff;font-size:1.1em;font-weight:bolder;text-align:left;}
.forum_table .th td {padding-left:8px;}
.forum_table .th .author_header{width:144px;}
.forum_table .username{margin-bottom:4px;font-weight:bold;font-size:0.9em}
.forum_table li {margin:0px 0px 0px 24px;}
.forum_table .signature {margin:auto auto 0px auto;overflow:hidden;}
.forum_table .content {min-height:100px;max-width:717px;overflow:hidden;}
.forum_table img {max-height:480px;max-width:640px;}
.forum_table  p {min-height:14px;}/* по просьбе Алексея =\ */

.forum_categories .subdir {font-size:11px;}
.forum_categories .subdir td {padding:2px 8px 2px 16px;background-color:#FAFAFA;}
.forum_categories .tdir {background-color:#eef5f9;border: 0 none;color:#414141;}
.forum_categories .tdir td {border-bottom:3px solid #E2E2E2;border-top:3px solid #E2E2E2;}

.reply {width: 96%; background-color: #EEEEEE; border: 1px dotted #DDDDDD; margin: 2px 8px; padding: 2px }
.reply_topic {width:96%; background-color:#DDDDDD; border:1px dotted #CCCCCC; margin: 2px 8px; padding: 2px;overflow:hidden; }
blockquote {width: 96%; background-color: #EEEEEE; border: 1px dotted #DDDDDD; margin: 2px 8px 12px 8px; padding: 2px; border: 0px 0px 0px 0px; }

.AWL_table tr td.status_new {background:url("../icons/topic_new.png") no-repeat scroll 50% 50% transparent;}

#forum_rte_div form {width: 100%}
#forum_rte_div h4 {font-size:14px; font-weight:bold; font-family: Georgia,"Times New Roman",Times,serif;margin: 8px 0; }
#forum_rte_div h4>a {text-decoration: underline; cursor: pointer; font-size:11px; font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
					 float:right;
}

#forum_rte_div form {clear: both;}
.message_listing_links {font-size:11px;font-weight:bold;  font-family: Georgia,"Times New Roman",Times,serif; margin: 8px 0px 8px 0px;}
.message_listing_links em {padding:0 3px; color:#660000}


/* Shop */
.article { margin-bottom:15px;background:url(../images/article.bg.gif) no-repeat;width:450px;height:150px;overflow:hidden;margin: 0 8px 10px 8px;}
.article div.photo { background-color: #FFFFFF;background-repeat: no-repeat;background-position: center center;border:1px solid #999999;height:145px;overflow:hidden;text-align:center;width:180px;}
.article h2 {color:#FFFFFF !important;margin-bottom:5px !important;margin-top:15px !important;font-size:14px;font-weight: bold;}

.article .description { color:#666666; font-style:italic; text-align:justify; height: 58px; overflow: hidden;}
.article .description p {margin : 2px 0; padding: 0;}
.article .cost { color:#333333; font-size:14px; }

.Total_table {table-layout:fixed;border-collapse: separate; text-align: right;font-size:100%;}
.Total_table tr {border: 1px solid #009390}
.Total_table td.th {background-color:#009390; color:#FFFFFF;  border: 1px solid #009390 padding:0.5em 0.4em; text-align: left; font-size:95%;font-weight: bold;}
.Total_table td { padding:0.5em 0.4em; border: 1px solid #009390}

#order {border-spacing:20px; width: 100%;}
#order td table {border-collapse: collapse; background-color: #FFFFCC}
#order table td {padding: 5px;}
#order .cost { color:#FF0000; font-size:16px; }

ul.payment, ul.coupon {list-style: none outside none; padding: 8px 0 0 0; margin:0}
ul.payment {padding-top: 17px}
ul.payment li img, ul.coupon li img{margin: 0 15px 0 5px; cursor:pointer;}
ul.payment li, ul.coupon li {text-align: left;  float:left; line-height: 32px;}
ul.payment li input {vertical-align: middle; position: relative; top: -14px;}

#payment {}
#payment table {border-collapse: separate; table-layout:fixed; text-align:left; width:100%}

/* Payment form*/
#PayForm>table td.form_desc {width:200px;}



/* My foods */
#myfood-form, #myrecipe-form, #mymeal-form {width: 650px;}
#myfood-form td.form_desc_req, #myfood-form td.form_desc,
#myrecipe-form td.form_desc_req, #myrecipe-form td.form_desc,
#mymeal-form td.form_desc_req, #mymeal-form td.form_desc {width:160px;}
/*
.myfoodform form {padding: 6px 21px 6px 21px; }
.myfoodform form>table{width: 100%; table-layout: auto;}
.myfoodform form>table .header {padding: 12px 0px 8px 0px; font-weight: bold;}
.myfoodform form>table tr td {padding: 2px 0; vertical-align: middle;}
.myfoodform form>table input, .myfoodform form>table select {width: 290px;}
.myfoodform form>table input.button {width: 101px;}
.myfoodform form>table .suggest {width: 100%}
.myfoodform form>table .suggest input {width: 290px}
.myfoodform form>table .SuggestBox {width: 294px;}
.myfoodform form>table td.label {width: 180px}
*/
/* Recepies*/

table.rating-table {table-layout:fixed;border-collapse: separate; text-align: center; font-size:100%;}
table.rating-table td {vertical-align: top}
table.rating-table td.name {font-size: 14px;}

form.comment {width: 100%;}
form.comment>table {width: 100%;}
form.comment td.form_desc {width: 143px; font-size: 14px; vertical-align: top;}
form.comment textarea {width: 98%; height: 8em;}

/* Forum */
div.attach-file {font-size:0.9em;font-weight:bold;background-color:#EEEEEE;color:#777777;padding:4px 4px 4px 4px;margin:12px 4px 8px 4px;border-top:1px solid #CCCCCC;}
div.attach-container {width:100%;border-bottom:1px solid #CCCCCC;display:inline-block}
img.attach-file {border:4px solid #CCCCCC;float:left;margin:0px 0px 8px 16px;padding:4px 4px 4px 4px;position:relative;cursor:pointer;border-radius:4px;}

div.banned {width:420px;height:120px;display:block;position:relative;margin:auto;}
div.banned div {width:420px;height:120px;display:table-cell;border:solid 2px #995555;background-color:#BB9999;color:#FFFFFF;font-size:12px;text-align:center;vertical-align:middle;text-align:center;position:relative;margin:auto;}

div.banned-ro {width:520px;height:80px;display:block;position:relative;margin:24px auto 0px auto;}
div.banned-ro div {width:520px;height:80px;display:table-cell;border:solid 2px #997777;background-color:#BBAAAA;color:#FFFFFF;font-size:12px;text-align:center;vertical-align:middle;text-align:center;position:relative;margin:auto;}

/* Links */
ul#links {width:100%;display:block;height:28px;background:#009390;vertical-align:middle;border:1px solid #CCCCCC;}
ul#links li {display:block;float:left;height:24px;color:#EEEEEE;padding:2px 4px 2px 4px;}
ul#links li a {color:#EEEEEE;padding:3px 4px 3px 4px;display:block;position:relative;text-decoration:none;font-size:14px;}
ul#links li:hover {background-color:#0AA0AA;}

/* Spliter */
.SLplitter {position:relative;height:38px;padding:0 208px;margin:5px 0 0 0;z-index:0}
.SLplitter .links {overflow:hidden;position:relative;height:24px;}


.SLplitter .pages {position:absolute;white-space:nowrap;top:0;left:0;min-width:100%;text-align:center;font-size: 11px; font-family: Arial, Helvetica,sans-serif;color:#848687;}
.SLplitter .pages a.a {zoom:1;width:24px;height:24px;overflow:hidden;line-height: 24px; padding: 6px 12px 7px 12px;text-decoration: none;color:#848687;}
.SLplitter .pages strong {background:url(../icons/current.png) no-repeat 50% 3px;width:24px;height:24px;zoom:1;line-height: 24px; padding: 6px 12px 7px 12px; color: #FFF; font-weight: normal}


.SLplitter a.a:hover {color:#e46406}
.SLplitter .slider {height:0px;font-size:0;border-top:3px solid #E2E2E2;margin:6px 0 0 0;position:relative;}
.SLplitter .pointer {height:9px;font-size:0;cursor:pointer;width:18px;position:absolute;top:-6px;left:0;background:#00529b;z-index:2;}
.SLplitter .curPos {position:absolute;top:-3px;left:0;height:3px;width:5px;font-size:0;background:#2D2D2D;z-index:1;}

.SLplitter div.side_ {width:24px;position:absolute;top:0;}
.SLplitter div.side_ a {font-size:11px;display:block;text-decoration:underline;}
.SLplitter div.side_ span {font-size:11px;display:block;color:#999}
.SLplitter div.side_ a.top {font-size:16px;margin:0 0 5px 0;}
.SLplitter div.side_ span.top {font-size:16px;margin:0 0 5px 0}

.SLplitter div.prev {left:180px;text-align:right;}
.SLplitter span.prev {background:url(../icons/back_.png) no-repeat 50% 50%; width:24px; height:24px }
.SLplitter a.prev {background:url(../icons/back.png) no-repeat 50% 50%; width:24px; height:24px }

.SLplitter div.next {right:180px;text-align:left;}
.SLplitter span.next {background:url(../icons/foward_.png) no-repeat 50% 50%; width:24px; height:24px }
.SLplitter a.next {background:url(../icons/foward.png) no-repeat 50% 50%; width:24px; height:24px }

.print {display: none;}

/* ad */
a.ad {
	font-size: 12px;
	border: 1px solid; border-radius: 5px; border-color: #a41313 #a41313 hsl(0, 79%, 32%);
	background-color: hsl(0, 79%, 36%); background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e52323", endColorstr="#a41313");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e52323), to(#a41313));
	background-image: -moz-linear-gradient(top, #e52323, #a41313);
	background-image: -ms-linear-gradient(top, #e52323, #a41313);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e52323), color-stop(100%, #a41313));
	background-image: -webkit-linear-gradient(top, #e52323, #a41313);
	background-image: -o-linear-gradient(top, #e52323, #a41313);
	background-image: linear-gradient(#e52323, #a41313);
	color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
	-webkit-font-smoothing: antialiased;
	padding: 2px 10px; margin: 2px 5px;
	width: auto !important;
}




/* PREATTY 3D - BUTTON */

.volume-button {
	padding: 6px 12px 6px 12px !important; 
	text-align: center; 
	border-radius: 4px; 
	cursor: pointer; 
	font-weight: bold; 
	color: #EEEEEE !important; /* inherit a styles */
	text-decoration: none;
	box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.3);
	background: #5CAFAC;
	display: inline-block;
	background-image: linear-gradient(#C2E1DF, #008A87);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#C2E1DF), to(#008A87));
	background-image: -moz-linear-gradient(top, #C2E1DF, #008A87);
	background-image: -ms-linear-gradient(top, #C2E1DF, #008A87);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2E1DF), color-stop(100%, #008A87));
	background-image: -webkit-linear-gradient(top, #C2E1DF, #008A87);
	background-image: -o-linear-gradient(top, #C2E1DF, #008A87);
	/* background-image: url(../images/public/fastview.panel.74.png); */
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 9px 11px rgba(0, 0, 0, 0.1);
	border: 0px;
}

.volume-button.bigger { font-size: 14pt; padding: 8px 18px 8px 18px; font-weight: normal; }

.volume-button:hover {
	box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.3);
	background: #6CBFBC;
	background-image: linear-gradient(#008A87, #B2D1CF);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#008A87), to(#B2D1CF));
	background-image: -moz-linear-gradient(top, #008A87, #B2D1CF);
	background-image: -ms-linear-gradient(top, #008A87, #B2D1CF);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008A87), color-stop(100%, #B2D1CF));
	background-image: -webkit-linear-gradient(top, #008A87, #B2D1CF);
	background-image: -o-linear-gradient(top, #008A87, #B2D1CF);
	/* background-image: url(../images/public/fastview.panel.74.png); */
	text-shadow: 0px -2px 2px rgba(0,0,0,0.4), -1px -3px 6px rgba(0,0,0,0.1), -2px -5px 11px rgba(0,0,0,0.1);
} 

.volume-button.grayscale {
	background: #B4B4B4;
	background-image: linear-gradient(#E0E0E0, #898989);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#E0E0E0), to(#898989));
	background-image: -moz-linear-gradient(top, #E0E0E0, #898989);
	background-image: -ms-linear-gradient(top, #E0E0E0, #898989);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E0E0E0), color-stop(100%, #898989));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #898989);
	background-image: -o-linear-gradient(top, #E0E0E0, #898989);
}
.volume-button.grayscale:hover {
	background: #B4B4B4;
	background-image: linear-gradient(#898989, #E0E0E0);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#898989), to(#E0E0E0));
	background-image: -moz-linear-gradient(top, #898989, #E0E0E0);
	background-image: -ms-linear-gradient(top, #898989, #E0E0E0);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #898989), color-stop(100%, #E0E0E0));
	background-image: -webkit-linear-gradient(top, #898989, #E0E0E0);
	background-image: -o-linear-gradient(top, #898989, #E0E0E0);
}

.volume-button.disabled:hover,
.volume-button.disabled {
	cursor: default;
	background: #B4B4B4;
	background-image: linear-gradient(#E0E0E0, #898989);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#E0E0E0), to(#898989));
	background-image: -moz-linear-gradient(top, #E0E0E0, #898989);
	background-image: -ms-linear-gradient(top, #E0E0E0, #898989);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E0E0E0), color-stop(100%, #898989));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #898989);
	background-image: -o-linear-gradient(top, #E0E0E0, #898989);
	text-shadow: none;
}

.volume-button a {
	text-decoration: none;
	color: #FFFFFF;
}

/* !!! */

ul.row { /*float: left;*/ list-style: none outside none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.row li { float: left; }

/* QUIZ */

/* header */
#quiz-header { position: absolute; top: -16px; left: 0px; margin: 0px; padding: 0px 14px 0px 9px; font-size: 24px; background: #FFFFFF; color: #009390; }

/* results */

#quiz-result { font-size: 30px; text-align: center; padding: 16px 0px 16px 0px; font-weight: bold; }
#quiz-result.wrong { color: #AA0000; }
#quiz-result.right { color: #00AA00; }
#quiz-result.neitral { color: #999999; }
/* variants */
#quiz-variants { margin: 64px 0px 0px 0px; }
#quiz-variants span { margin: 0px 0px 0px auto; display: table; }
#quiz-variants span.next { margin: 0px 0px 0px 64px; display: table; }
ul.quiz { display: table; margin: 0px auto 0px auto; }
ul.quiz li { margin: 0px 32px 0px 32px; }
/* body */
#quiz-body { font-size: 14px; }
#quiz-body img { margin: 8px 16px 8px 16px; }
#quiz-body table { width: 100%; }
#quiz-body table td { text-align: center; }
/* footer */
#quiz-footer { vertical-align: middle; font-size: 12px; font-weight: bold; margin: 50px 0px 0px 0px; float: right; }
#quiz-footer table { vertical-align: middle; margin: 0px 0px 0px auto; }

/* reminder */

#reminder { list-style: none outside none; }
#reminder li.page { padding: 0px 0px 0px 0px; text-decoration: none; }

#reminder .controls { text-align: right; padding: 32px 0px 0px 0px; }
#reminder div.container { padding: 16px 8px 0px 8px; }

#reminder input[type=text] { width: 240px; padding: 8px 12px 8px 12px; border: 1px solid #CCCCCC; border-radius: 10px; font-weight: bold; color: #555555; margin: 16px 0px 32px 0px; }

#reminder select { width: 240px; padding: 8px 12px 8px 12px; border: 1px solid #CCCCCC; border-radius: 10px; font-weight: bold; color: #555555;  }
#reminder option { margin: 4px 8px 4px 8px; }


#thread { border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; }
#thread span { padding: 0px 0px 0px 0px; color: #999999; }

#thread span.link { cursor: pointer; color: #00529B; border-bottom: 1px solid #00529B; }
#thread span.active { font-weight: bold; color: #000000; border-bottom: none; }

#thread span:after,
#thread span.link:after { content: "»"; color: #660000; font-weight: bold; font-size: 11px; font-style: italic; 
	padding: 0px 4px 0px 4px; text-decoration: none !important;	border-bottom: 1px solid #FFFFFF; }
#thread span:last-child:after { content: ""; }



.you_time { font-size: 20px; line-height: 28px; }
.you_time div { float: left; }

.you_time .control { width: 56px; }
.you_time .numeric { background: #EFE7D0; padding: 4px 8px 4px 8px; border-radius: 4px; }
.you_time .delimeter { padding: 2px 16px 0px 16px;  }

.you_time .more-time,
.you_time .less-time { height: 16px; width: 16px; margin: 1px 0px 1px 2px; cursor: pointer; }

.you_time .more-time { background: url(../icons/inc.png) no-repeat 1px 2px; }
.you_time .less-time { background: url(../icons/dec.png) no-repeat 0px 2px; }

/*	tableEditor	*/

table.reminder-mealtime { border-bottom: 1px dotted #AAAAAA; padding: 0px 0px 4px 0px; border-collapse: collapse; }

table.reminder-mealtime>thead>tr>td { padding: 4px; }
table.reminder-mealtime>thead { min-height: 31px; height: 31px;  }
table.reminder-mealtime>thead>tr { background-color: #FFFFFF; font-weight: bold; text-decoration: none; }
table.reminder-mealtime>thead>tr>td td { padding: 4px 0px 0px 4px; font-weight: bold; }

table.reminder-mealtime>thead>tr>td td img:hover, 
table.reminder-mealtime>thead>tr>td td div:hover { background-color: #FAFAFA; cursor: pointer; }

table.reminder-mealtime>tbody {
	font-size: 1.2em;
	border-top: 1px solid #444444; 
	background: #D7D7D7;
	background-image: -moz-linear-gradient(top, #DDDDDD, #EEEEEE);
	background-image: linear-gradient(#DDDDDD, #EEEEEE);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#DDDDDD), to(#EEEEEE));	
	/*background-image: -ms-linear-gradient(top, #DDDDDD, #EEEEEE);*/
	background-image: -ms-linear-gradient(top, #D7D7D7, #D7D7D7);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DDDDDD), color-stop(100%, #EEEEEE));
	background-image: -webkit-linear-gradient(top, #DDDDDD, #EEEEEE);
	background-image: -o-linear-gradient(top, #DDDDDD, #EEEEEE);
	box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.7);
}
table.reminder-mealtime>tbody>tr>td { padding: 32px 0px 32px 8px; vertical-align: middle ;}

table.reminder-mealtime>tbody>tr>td>div,
table.reminder-mealtime>tbody>tr>td>textarea,
table.reminder-mealtime>tbody>tr>td>input { margin: 12px 16px 12px 64px; }

table.reminder-mealtime>tbody>tr { /* background-color: #EEEEEE; */ }

table.reminder-mealtime { margin: 16px 0px 16px 0px; }
table.reminder-mealtime>tbody tr:last-child td { padding: 0px 0px 16px 0px; }

table.reminder-mealtime>tbody>tr>td>textarea,
table.reminder-mealtime>tbody>tr>td .text,
table.reminder-mealtime>tbody>tr>td div.readonly,
table.reminder-mealtime>tbody>tr>td>input,
table.reminder-mealtime>tbody>tr>td>div input,
table.reminder-mealtime>tbody>tr>td>input[type=text] {
	width: 85% !important;
	font-size: 12px !important;
	font-family: Tahoma,Geneva,'Trebuchet MS',Arial,Helvetica,sans-serif !important;
	color: #424242 !important;
	padding: 2px 2px 2px 2px;
	border: 1px solid #999999 !important;
	border-radius: 4px 4px 4px 4px !important;
	margin: 0px 0px 0px 0px !important;
}

table.reminder-mealtime>tbody>tr>td.label { font-weight: bold; text-align: center; font-size: 11px !important; color: #999999; }

table.reminder-mealtime .time { margin: auto 0px auto 0px;}
table.reminder-mealtime .time .numeric { background: #FFFFFF; border: 1px solid #999999; padding: 3px 7px 3px 7px; }

table.reminder-mealtime.readonly>thead>tr { background: #FFFFFF; color: #000000; }
table.reminder-mealtime.readonly>thead>tr>td td img:hover,
table.reminder-mealtime.readonly>thead>tr>td td div:hover {background-color: #FFFFFF; cursor: default;}
table.reminder-mealtime.readonly>thead>tr { text-decoration: none; background: #FFFFFF; }
table.reminder-mealtime.readonly>tbody>tr { background-color: #F0F0F0; }

table.reminder-mealtime.readonly>tbody textarea { font-size: 10.8px; resize: none; }

table.reminder-mealtime.readonly>tbody>tr>td>input[type=text] { 
	border: 0px !important;
	background: inherit !important;
	padding: 0px 0px 0px 0px;
}

table.reminder-mealtime .time { font-size: 20px; line-height: 28px; }
table.reminder-mealtime .time div { float: left; }
table.reminder-mealtime .time .control { width: 58px; }
table.reminder-mealtime .time .numeric { background: #EFE7D0; padding: 4px 8px 4px 8px; border-radius: 4px; }
table.reminder-mealtime .time .delimeter { padding: 2px 16px 0px 16px;  }

table.reminder-mealtime.readonly .time { margin: auto 0px auto 0px; font: inherit; }
/*
table.reminder-mealtime.readonly .time .control { width: auto; }
*/
table.reminder-mealtime.readonly .time .delimeter { padding: 0px 0px 0px 0px; }
table.reminder-mealtime.readonly .time .numeric { background: inherit; border: 0; padding: 0px 0px 0px 0px; }
table.reminder-mealtime.readonly .time .more-time,
table.reminder-mealtime.readonly .time .less-time { background: inherit; cursor: default; width: 0px; height: 0px; display: none; }


table.reminder-mealtime .time .more-time,
table.reminder-mealtime .time .less-time
{ height: 16px; width: 16px; margin: 1px 0px 1px 2px; cursor: pointer; }

table.reminder-mealtime .time .more-time
 { background: url(../icons/inc.png) no-repeat 1px 2px; }
table.reminder-mealtime .time .less-time
{ background: url(../icons/dec.png) no-repeat 0px 2px; }


table.reminder-mealtime.readonly>thead table>tr>td :before { content: '- 	'; }
table.reminder-mealtime.readonly>tbody>tr>td { padding: 0px 0px 0px 0px; vertical-align: middle ;}
table.reminder-mealtime.readonly>tbody { display: none; }
table.reminder-mealtime.readonly { border: 0; margin: 0px 0px 0px 0px; }

form.big-form {}

form.big-form td.form_desc_req { font-weight: bold; padding-left: 10px; }
form.big-form td { padding: 20px 0px 10px 0px; vertical-align: middle; }
form.big-form td.form_control input[type=text] { border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; color: #555555; font-weight: bold; padding: 8px 12px; width: 240px; }


.practice-progress { width: 100%; position: relative; height: 80px; }
.practice-progress .practice-row { display: inline-block; width: 30px; position: absolute; bottom: 0px; text-decoration: none; cursor: pointer; }

.practice-progress .practice-row .hint { display: none; }
.practice-progress .practice-row:hover { z-index: 1000; }
.practice-progress .practice-row:hover .hint { display: block; width: 320px; background: #FFFFFF; border: 2px solid #CCCCCC; border-radius: 4px; padding: 4px 4px 4px 4px; margin-top: 4px;  }

.practice-progress .practice-row.bg-green:hover { background: #AAEEAA !important; }
.practice-progress .practice-row.bg-yellow:hover { background: #EEEEAA !important; }
.practice-progress .practice-row.bg-red:hover { background: #EEAAAA !important; }

/*
.bg-green { background: #99DD99 !important; }
.bg-yellow { background: #DDDD99 !important; }
.bg-red { background: #DD9999 !important; }
*/

table.kd_description {
    border-collapse: collapse;
}

table.kd_description td {
    border: 1px solid #a5acb2;
    padding: 3px;
}

table.kd_description .header {
    font-weight: bold;
    vertical-align: top;
}

table.kd_description .category {
    text-align: center;
}

#footer .postnote {
    padding:0 0 8px 0;border:0;height: auto;
}