html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html, body {
	background: #fff;
	/*text-align: center;*/
}
body {
	line-height: 1;
}
h2, h3, h4, h5, h6, p, ul, ol, dl, table, address {
	margin-top: 1em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: normal;
}
ul {
	list-style: none;
}
address {
	font-style: normal;
	line-height: normal;
}
blockquote, q {
	quotes: none;
}

label,
input,
button,
select,
textarea {
	vertical-align: middle;
}
button,
label[for],
input[type=reset],
input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox] {
	cursor: pointer;
}

.boldlink {
  font-weight: bold;
  color: #950057;
}

/* =classes
-------------------------------------------------- */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.middle { vertical-align: middle; }

.nowrap { white-space: nowrap; }
.hidden { display: none; visibility: hidden; }

.w1p { width: 1% !important; }
.w10p { width: 10% !important; }
.w20p { width: 20% !important; }
.w30p { width: 30% !important; }
.w40p { width: 40% !important; }
.w50p { width: 50% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w80p { width: 80% !important; }
.w90p { width: 90% !important; }
.w100p { width: 100% !important; }

/* =clear
-------------------------------------------------- */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clear {
	display: inline-block;
}
html[xmlns] .clear {
	display: block;
}
* html .clear {
	height: 1px;
}
.container {
  display: inline-block;
}
.piece {
  float: left;
}

BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	font: 11px Tahoma, Arial, Verdana, sans;
	line-height: 18px;
	color: #666;
}

input[type=text], input[type=button], input[type=file], input[type=submit], textarea {
  font-size: 11px;
  border: 1px solid #B6B6B6;
  line-height: 13px;
  background-color: #fcf8fb;
  color: #763058;
  font-weight: bold;
}




input[type=radio] { border: 0px white; background: ;}
input[type=checkbox] { border: 0px white; background: ;}

H1, H2, H3, H4, H5, H6 {
	color: #E777A3;
	line-height: normal;
	font-family: Tahoma, Arial, Verdana, sans;
}
H1 {
	margin: 0;
	padding-bottom: .5em;
	font-size: 16px;
	font-weight: bold;
}
H2 {
	margin: 1em 0 0 0;
	font-size: 11px;
	font-weight: bold;
}
#content H2 {
	margin: 1.5em 0 0 0;
	color: #666;
}
H3, H4 {
	font-size: 11px;
	font-weight: bold;
}
H5, H6 {
	font-size: 11px;
	font-weight: normal;
}
A {
	color: #222;
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}
UL {
	margin: 1em 0 0 0;
}
OL {
	margin: 1em 0 0 18px;
}
LI {
	margin: 2px 0 2px 10px;
}

.padd20, .padd20h { padding: 20px; }
.padd15, .padd15h { padding: 15px; }
.padd10, .padd10h { padding: 10px; }
.padd5,  .padd5h  { padding: 5px; }
.padd20h, .padd15h, .padd10h, .padd5h { padding-left: 0px; padding-right: 0px; }

.c { clear: both; }

/* Layout */

#wrap {
	width: 961px;
	margin: 0 auto 20px auto;
	text-align: left;
}

P.sep {
  float: left;
  margin: 11px 20px 0 20px;
  border: 0px solid black;
}

#user_inputs {
  float:right;
}

/*topbar*/
#headbar {
	font: 11px Arial, Tahoma, Verdana, sans;
	height: 99px;
	text-align: left;
	padding-left: 1px;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family:inherit;
	background: #FFFFFF url() repeat-x bottom left;
}

#headbar P#logo {
  float: left;
  margin: 14px 0px 0 0px;
}

#headbar UL#languages 
{
  float: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  font-size: 10px;
}

#headbar UL#languages li 
{
  margin: 0 0px 5px 0;
  padding: 0 0 0 0;
}

.head_block {
  float: left;
  display: inline-block;
  margin: 17px 0 0 0;
}

.head_form, .head_form DIV {
  text-align: right;
  border: 0px solid black;
  font-weight: bold;
  font-size: 11px;
  color: #4d4d51;
}

.head_box {
  font-weight: bold;
  border: 0px;
	width: 94px;
	height: 21px;
	padding: 0px 5px 0px 5px;
	text-align: right;
}

.submit_link {
  font-size: 14px;
  font-weight: 600;
}

.fs_hidden_submit {
  position: absolute;
  left: -1000px;
  top: -1000px;
  border: 0px solid white;
  border: none;
  height: 0px;
  width: 0px;
  padding: 0px;
  margin: 0px;
  background: transparent;
  /*display: none;*/
  /*visibility: hidden;*/
}

#login A {
  color: #7B8E4A;
}

#login_boxes INPUT {
  color: #7B8E4A;
  background: #E4EECB url(gfx/input_green.jpg) repeat-x bottom left;
  border: 0px;
}

#maillist_box {
  color: #950057;
  background: url(gfx/input_pink.jpg) repeat-x bottom left;
  border: 0px;
}

#maillist A {
  color: #950057;
}

#maillist_note {
  color: #950057; 
  font-weight: bold; 
  margin-top: 5px; 
  margin-bottom: 5px;
}

#search_box {
  background: url(gfx/input_gray.jpg) repeat-x bottom left;
  border: 0px;
}

#search_box, #maillist_box, #login_boxes INPUT {
  line-height: 20px;
  
}

.horisontal_sep {
  text-align:center;
  margin: 10px 0 10px 0;
}

#main {
  margin: 10px 0px 10px 0px;
  border: 0px solid black;
}

#menubar {
  float: left;
  width: 176px;
  margin-right: 20px;
}

#menusep {
  width: 1px;
  background: url(gfx/vertical.gif) repeat-y bottom left;
  height: 100%;
}

#menulist {
  text-align: left;
  font-size: 12px;
  margin-left: 8px;
}

#menulist li {
  margin: 10px 0 0 0;
  font-weight: bold;
}

#submenu {
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 8px 0px;
  font-size: 11px;
}

#submenu li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
}

#menulist A:hover, #submenu A:hover {
  color: #E777A3;
}

#menulist .active, #submenu .active {
  color: #950057;
  font-weight: bold;
}

#left_banners {
  text-align: right;
  margin-top: 20px;
}

#content_wrap {
  float: left;
  height: 100%;
  padding: 0px 20px 0px 22px;
  border-left: 1px solid #F6DBE6;
}

#content {
  float: left;
  width: 552px;
  font-size: 12px;
  border: 0px solid black;
}

#content_height {
  float: left;
  width: 1px;
  height: 300px;
}

#content textarea, .wf_string {
  width: 266px;
}



#right_banners {
  float: right;
  width: 160px;
}

#header { 
  padding: 15px 0 15px 0;
}
#heading {
  padding: 20px 0 0 20px;
  /*
  vertical-align: bottom;
  height: 50px;
  border: 1px solid black;
  */
}
#bottom {
  text-align: center;
}

#news {
  margin-top: 30px;
  width: 355px;
  border: 0px solid black;
  float: left;
}
#news_header {
  float: left;
}
#news_archive {
  float: left;
  margin-top: 20px;
}
#news_header, #news_archive, #news_archive A {
  font-size: 16px;
  font-weight: bold;
  color: #B6B6B6;
}
.news_item {
  margin-top: 10px;
}
.news_picture {
  float: left;
  width: 66px;
}
.news_texts {
  float: left;
  width: 255px;
}
.news_title {
  color: #E777A3;
  font-weight: bold;
}

#shortcuts { float: right; margin-top: 50px; width: 183px; }

.wf_label_check_error {
	font-weight: bold;
	color: red;
}
.wf_label_check {
	font-weight: bold;
}

#loggedin {
  font-size: 12px;
  font-weight: bold;
  color: #afc290;
}

#loggedin span, #loggedin A, #loggedin a:visited {
  color: #4f6234; 
  font-size: 13px;
}

.wf_label {
  text-align: right;
  width: 130px;
  white-space: normal;
}
.wa_form_label {
  text-align: right;
}

span.sbox_l  {
       background: url('gfx/srch_l.gif') no-repeat top left;
       float: left;
       width: 19px; height: 19px;
}

span.sbox_r  {
       background: url('gfx/srch_r.gif') no-repeat top left;
       float: left;
       width: 19px; height: 19px;
}

span.sbox input {
       background: url('gfx/srch_bg.gif')  repeat-x top left;
       float: left;
       border: 0px;
       height: 19px; width: 142px;
       padding: 3px;
       font: 11px arial;
       color: #aaaaaa;
}

.big_content {
  font-size: 16px;
  font-weight: bold;
  color: #950057;

}

#content img { margin-right: 5px; }
#shop_categories {
  font-size: 13px;
  font-weight: bold;
}

#shop_categories A, .a_button {
  
  display: inline-block;
  text-align: center;
  width: 100px;
  background: #FCEBF3;
  padding: 5px;
  border: 1px solid #F4BBD7;
  margin: 5px 5px;
  color: #950057;
}

#shop_categories_title { display: none; }

#recipe .wf_text { height: 300px; }
#recipe .wf_text, #recipe .wf_string, #recipe .wf_string_check, #recipe .wf_select_check { width: 300px; }

.bor { border: 1px solid #E777A3; }
.td_head { font-size: 14px; font-weight: bold; color: #E777A3; }

/* new online */

#online_content { float: left; width: 750px; }
#online_right_content { float: right; width: 200px; text-align: right; }

/* diary */

#diary_activity ul { display: table; }
#diary_activity ul li { display: table-row;  border: }
#diary_activity ul li div { display: table-cell; }

#diary_activity ul li { width: 700px; }
/* #diary_activity ul li div { float: left; }
#diary_activity_add ul li div { display: inline } */
#diary_activity_preset { display: none; }
.dal_1 { width: 350px; }
.dal_2 { width: 60px; text-align: right; }
.dal_3 { width: 60px; }
.dal_4 { width: 60px; }

div.dal_1, .dal_2, .dal_3, .dal_4 { padding: 3px; }

.jquf-diary-weight, .jquf-diary-belt, .jquf-diary-hip { width: 100%; height: 34px; border: 1px solid gray; text-align: center; margin-top: 10px; line-height: 34px; font-size: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
input.jquf-diary-weight, input.jquf-diary-belt, input.jquf-diary-hip { font-size: 20px; line-height: 34px;}

#diary_food { clear: left; padding-top: 10px; }
#diary_food ul { margin: 0px; padding: 0px; }
#diary_food ul li { width: 550px; border: 1px solid gray; margin: 5px 0px; border-radius: 6px; box-shadow: 1px 1px 3px #ccc; }
#diary_food ul li b { color: #950057; font-size: 16px; text-shadow: 1px 1px 3px #bbb; }
#diary_food ul li small { font-size: 9px; text-transform: lowercase; }

.jquf-diary_food-amount, .jquf-diary_activity-time {
font-size: 14px; border: 1px solid gray; border-radius: 6px; height: 20px; line-height: 20px; width: 50px; text-align: center;
}
input.jquf-diary_food-amount, input.jquf-diary_activity-time { font-size: 14px; line-height: 20px; }

.foodSearchItem { cursor: pointer; }
.foodSearchItem:hover { color: #950057; }


/* helpmate */

#helpmate_select {
  
}

.helpmate_selectbox {
  float: left;
  display: block;
  border: 1px solid gray;
  width: 180px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 300px;
  overflow: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 3px #ccc;
}

.helpmate_selectbox_title {
  float: left;
  display: block;
  border: 1px solid #950057;
  border-bottom: 0px;
  width: 180px;
  margin-right: 5px;
  margin-top: 5px;
  height: 30px;
  box-shadow: 1px 1px 3px #ccc;
  border-top-left-radius: 12px 8px;
  border-top-right-radius: 12px 8px;
  /* box-shadow:inset -5px 5px 20px #eee; */
  color: white;
  background: #950057;
}

.helpmate_selectbox_title span {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  padding-left: 6px;
}

.helpmate_selectbox_title a {
  float: right;
  margin-right: 7px;
  margin-top: 7px;
  color: Red;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  display: none;
}

.helpmate_selectbox ul {
  margin: 0px;
  padding: 0px;
 
}

.helpmate_selectbox ul li {
  margin: 0px;
  padding: 3px 7px;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
  box-shadow:inset -5px 5px 20px #eee;
}

.no-results { text-align: center; border: 0px; height: 293px; color: #abcdef; vertical-align: middle; line-height: 293px; }

.helpmate_selectbox ul li:hover { background: #eeeeee; }

#helpmate_selected_items { clear: left; padding-top: 10px; }
#helpmate_selected_items ul { margin: 0px; padding: 0px; }
#helpmate_selected_items ul li { width: 741px; border: 1px solid gray; margin: 3px 0px; border-radius: 6px; box-shadow: 1px 1px 3px #ccc; }
#helpmate_selected_items ul li b { color: #950057; font-size: 16px; text-shadow: 1px 1px 3px #bbb; }
#helpmate_selected_items ul li small { font-size: 9px; text-transform: lowercase; }
.units, #units_total, .activity_units, .food_units, #activity_units_total, #food_units_total { font-size: 20px; color: #950057; }

.jquf-helpmate_food-amount {
font-size: 20px; border: 1px solid gray; border-radius: 6px; height: 30px; line-height: 30px; width: 60px; text-align: center;
}
input.jquf-helpmate_food-amount { font-size: 20px; line-height: 30px; }

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
 display:none;
 background:transparent url('/figuurisobrad/gfx/tooltip/black_arrow.png');
 font-size:12px;
 height:70px;
 width:160px;
 padding:25px;
 color:#fff; 
}

/* style the trigger elements */
#demo img {
 border:0;
 cursor:pointer;
 margin:0 8px;
}