/*General*/
* {padding:0px; margin:0px;}
ul {list-style-type:none;}
body {margin:0px; padding:0px; font:14px Arial,Sans-Serif,Verdana; color:#3F3F3F; text-align:center;}
p {margin:10px 0px 10px 0px; line-height:1.6;}
html {min-height:100%; margin:1px;}
table {font:14px Arial,sans-serif,Verdana;}
acronym {cursor:help;}
br.clear { clear: both; }

/*Links*/
a {color:#0063DC;}
a:link {color:#0063DC;}
a:visited {color:#0063DC;}
a:hover {color:#DA1800;}
a img {border:none;}

/*Content*/
.content {margin:0px; clear:both;}
#container {width:970px; margin:auto; clear:left; text-align:left;}
h1 {font-size:18px; padding:5px 8px 5px 8px; background:#63A8E9; color:#FFFFFF;}
h1 a {color:#FFFFFF;}
h1 a:link {color:#FFFFFF;}
h1 a:visited {color:#FFFFFF;}
h1 a:hover {color:#FFFFFF;}

/* header */
#header {padding-left:10px; height:52px; background:#267FD9;}
#header_banner {width:970px; margin-left:auto; margin-right:auto; padding-top:25px;}

/*Header menu*/
#header_menu_bar {margin-top:-34px; height:35px;}
#header_menu {height:33px; overflow:hidden; width:970px; margin-left:auto; margin-right:auto; background-color:#539DE6; border-top:1px solid #65A8EE; border-left:1px solid #65A8EE; border-right:1px solid #65A8EE;}
#header_menu ul {list-style-type:none;}
#header_menu ul li {height:33px; margin-top:0px; margin-bottom:0px; text-align:center; display:block; float:left;}
#header_menu ul li a {height:33px; display:block; width:120px; padding-top:8px; background-color:#539DE6; color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none;}
#header_menu ul li a:hover {background-color:#FFFFFF; color:#003366;}
#header_menu #date_selector {width:150px; margin:0px 15px 0px 0px; float:right;}
#header_menu #date_selector a {text-decoration:underline; display:block; float:left; width:110px; font-size:12px;}
#header_menu #date_selector a.sign {width:15px; font-size:14px;}
#header_menu #logout {height:33px; float:right;}
#header_menu #logout a {height:33px; width:50px; padding:0px 0px 0px 0px; display:block;}
#header_menu #logout a:hover {background:#DE3B27;}

/*Header tabs*/
#ioverzicht #overzicht a,
#iadmin #admin a,
#iinvoicing #invoicing a,
#iorders #orders a,
#istats #stats a,
#iprofile #profile a,
#ivalues #values a,
#icalories #calories a,
#iforum #forum a {background-color:#FFFFFF; color:#003366;}

/*Food and exercise suggest results*/
#suggest_result {position:absolute; width:360px; text-align:left; margin-top:-9px; z-index:10;}
.suggest_link {display:block; width:360px; margin-top:-1px; background-color:#F5F5F5; padding:3px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.suggest_link_over {display:block; width:360px; margin-top:-1px; background-color:#D7EAFC; padding:3px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; cursor:pointer;}
input#txtFoodName {margin:5px 0px 10px 0px; width:360px; font:14px Verdana,Times,Helvetica; color:#555; padding:3px; border:1px solid #BCD7F1;}

/*More pages*/
.more_pages {margin-top:10px; text-align:center;}
.more_pages p {font-weight:bold;}
.more_pages a {border:1px solid #E8E8E8; margin:2px; padding:5px;}

/*Calories*/
div#grafiek {width:370px; height:260px; background:url('../image/graphLoad.png') no-repeat 50% 50%;}
form textarea {width:95%; height:150px; border:1px solid #559CBC; font:14px Verdana,Times,Helvetica;}
span#totalFood {color:#0D8A0D; font-weight:bold;}
span#totalExercise {color:#DB230D; font-weight:bold;}
#activityinfo {color:#0D8A0D; font-weight:bold;}

/*Layout blocks*/
div.block_info { background:#FFF9B5; padding:8px 8px 8px 8px; margin:8px 0px 5px 0px; border:2px solid #FAE500;}
div.block_info p {padding:0px; margin:0px; line-height:1.2;}
div.block_info_alert {background:#F5C0B9; padding:8px 8px 8px 8px; margin:8px 0px 5px 0px; border:2px solid #DE3B27;}
div.block_info_alert p {height:32px; padding:0px; margin:0px; line-height:1.2;}
div.block_info_alert input[type="submit"],
div.block_info_alert input[type="button"] {margin-top:4px; width:120px; border:1px solid #6B6B6B; float:left; padding:2px;}
div.block_info_alert label {padding-left:10px; font-weight:bold; float:left; width:155px;}
div.block_left {width:370px; float:left; margin:10px 10px 10px 0px;}
div.block_right {width:580px; float:right; margin:10px 0px 10px 10px;}

/* Food and exercise table */
table.table_basic {width:100%; 	font:12px Arial,sans-serif,Verdana;}
table.table_basic tr td {border-bottom:1px dotted #BCD7F1; padding:5px;}
table.table_basic tr td p {margin:0px 0px 0px 5px;}
table.table_basic tr.disabled td {background:#F7EDBF;}
table.table_basic tr td a.hidden_select {background:url('../image/symbol_down.gif') no-repeat 100% 50%; padding-right:15px;}
table.table_basic td.change_count {width:35px;}
table.table_basic td.name {width:115px; cursor:help; padding: 0px; }
table.table_basic td.count {width:100px;}
table.table_basic td.part_day {width:112px; cursor:pointer; padding: 0px; }
table.table_basic td.mass {width:60px; text-align:right; cursor:pointer; padding: 0px; }
table.table_basic td.mass input {width:50px; font-size:10px; text-align:right; display:none; }
table.table_basic td.kcal {width:80px; text-align:right;}
table.table_basic { margin-bottom:20px;}
table.table_basic td.name a,
table.table_basic td.part_day a,
table.table_basic td.mass a {color: #666666; text-decoration: none;}
table.table_basic td.name a:hover,
table.table_basic td.part_day a:hover,
table.table_basic td.mass a:hover {color: #242424;}

/*Progress*/
div.progress_green,
div.progress_red {font:12px Arial,sans-serif,Verdana; font-weight:bold; border-bottom:1px dotted #BCD7F1; padding:3px;}
div.progress_green {color:#0D8A0D;}
div.progress_red {color:#DB230D;}
div.progress_red p,
div.progress_green p {color:#3F3F3F; font-weight:normal; margin:2px 0px 2px 15px;}

/*Profile*/
input.upload {margin-left:10px; font-size:10px;}
.profileImage {float:left; margin:10px 12px 5px 8px; border:4px solid #3F3F3F; cursor:pointer;}

/*Calender*/
table#calender {position:absolute; background:#FFFFFF; border:2px solid #267FD9; display:none; width:250px; z-index: 99;}
table#calender th {font-weight:normal;}
table#calender th#mns {font:bold 12px Arial; background:#267FD9; border:2px solid #FFFFFF; color:#FFFFFF; padding:1px;}
table#calender th#mns a {color:#FFFFFF; text-decoration:none;}
table#calender td.lbl_day {background:#FFFFFF; font:bold 12px Arial; text-align:center; width:40px; padding:0px; color:#6D6D6D;}
table#calender td.day_none {background:#FFFFFF;}
table#calender td.day_normal,
table#calender td.day_hot {background:#FFFFFF; 	font:12px Arial; color:#565F69; text-align:center; text-decoration:none; border:none; cursor:pointer; padding:3px 3px 3px 3px; border:1px solid #DEDEDE;}
table#calender td.day_hot {color:#207DD6; text-decoration:underline;}
table#calender td.day_hover {background:#FFF9B5; border:1px solid #FAE500;}

/*Forms*/
form.frmUpload {display:none; margin-right:25px;}
form.frmUpload label {display:block; float:left; width:110px;}
form.frmUpload input[type="submit"] {font-size:10px; margin-left:10px;}
form.frmUpload input[type="text"],
form.frmUpload select,
form.frmProfile input[type="text"],
form.frmProfile select,
form.frmCredits input[type="text"],
form.frmCredits select,
form.frmCoach input[type="text"],
form.frmCoach select,
form.frmValues input[type="text"],
form.frmValues select {padding:2px; border:1px solid #BCD7F1;}
form.frmForum label,
form.frmProfile label {padding-left:10px; font-weight:bold; float:left; width:155px;}
form.frmValues label {padding-left:0px; font-weight:bold; float:left; width:130px;}
form.frmValues em {font-size:11px;}
form.frmValues input.date,
form.frmProfile input.date {width:40px;}
form.frmForum input[type="submit"],
form.frmProfile input[type="submit"] {border:1px solid gray; padding:2px;}
form.frmCoach input[type="submit"] {border:1px solid gray; padding:2px;}
form.frmForum textarea {width:792px; border:1px solid #BCD7F1; padding:4px;}
form.frmForum input[type="text"] {padding:2px; border:1px solid #BCD7F1; width:796px;}
form.frmCalories textarea {width:570px; border:1px solid #BCD7F1; padding:4px;}
form.frmLogin {width:565px; text-align:center; padding:10px 0px 0px 0px; margin:30px auto 0px auto; background:#E8E8E8; border:2px solid #A4A4A4;}
form.frmLogin img {margin:15px 0px 15px 0px;}
form.frmLogin div {margin:10px; background:#FFFFFF; border:1px solid #D3D3D3; text-align:left;}
form.frmLogin div div {margin:0px; border: none;}
form.frmLogin div select {width: 175px;}
form.frmLogin p.error {color:#DB230D; font-weight:bold;}
form.frmLogin label {width:130px; display:block; float:left; margin:0px 0px 0px 20px; font-weight: bold;}
form.frmLogin input[type="text"] {padding:4px; 	font-size:14px; width:320px; border:1px solid #D3D3D3;}
form.frmLogin input[type="password"] {padding:4px; 	font-size:14px; width:140px; border:1px solid #D3D3D3;}
form.frmLogin input[type="submit"],
form.frmLogin input[type="button"] {border:1px solid gray; 	padding:2px;}
form.frmLogin div.footer {border:none; font-size:10px; text-align:center;}
form.frmLogin p.footer_gray {font-size:10px; text-align:center; color:gray;}

/*Rest*/
div.admin_food {border:2px solid #ACD1F4; background:#DAEBFA; text-align:left; margin-top:20px; margin-bottom: 20px; padding:0px 10px 0px 10px;}
p.right {text-align:right; 	margin-right:25px;}
textarea.mousehover,
input[type="text"].mousehover,
input[type="password"].mousehover{background:#ECF5FE; border:1px solid #4395DF;}
input[type="text"],
input[type="password"],
select {background:#FFFFFF; border:1px solid #BCD7F1;}
a.coach_admin {color:#DB230D;}

#hoverInput { display: none; position: absolute; font-size: 12px; line-height: 20px; }
#hoverInput .top { border: 1px solid #cccccc; border-bottom: 1px solid #FFFFFF; margin: 0px 10px 0px 10px; height: 20px; position: absolute; width: 100px; }
#hoverInput .content { background: url('../image/hoverInput_side.png') no-repeat 100% 0% #FFFFFF; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 5px; }
#hoverInput .content input[type="text"] { width: 50px; }
#hoverInput .bottom { background: url('../image/hoverInput_bottom.png') no-repeat 0% 0%; height: 4px; }