/*---------------------------------------------------------- CSS voor SHOW NOTES en EDIT NOTES en NEW NOTES-------*/	
table.add_note_header {
	position: relative;
	float: left;
	width: 806px;
	text-align: center;
	font: bold 1.5em/2.5em Verdana;
	color : #d5b663;
	top: 10px;
	
	}

/* ----------------------- NOTEKOP ------------------- */	
td.show_notekop {
	font: 0.8125em/1.6em Verdana;
	background:#FFF url(../images/bgnote1.jpg);
	border-bottom: 1px solid #bdac91;
	padding: 3px;
	margin: 3px;
	text-align:left;
	width: 160px;
	}
td.show_notekop img {
	margin: 3px;
	vertical-align: middle;
	}	
td.show_notekop_rechts {
	font: 0.8125em Verdana;
	height: 10px;
	background:#FFF url(../images/bgnote1.jpg);
	border-bottom: 1px solid #bdac91;
	padding: 3px;
	text-align:right;
	}
td.show_notekop_rechts_java {
	font: 0.8125em Verdana;
	height: 10px;
	background:#FFF url(../images/bgnote1.jpg);
	border-bottom: 1px solid #bdac91;
	padding: 3px;
	text-align: center;
	}	
/* ----------------------- NOTE_USER ------------------- */
td.show_note_user {
	background-color: #fcfcfa;
	}
table.show_note_user {
	font: 1.0em Verdana;
	text-align: center;
	vertical-align:top;
	width: 120px;
	}		
td.show_note_user_name {
	font: 0.87125em Verdana;
	text-align: center;
	vertical-align:top;
	padding-top: 10px;
	padding-bottom: 10px;
	}
td.show_note_user_avatar img {
	border: 1px solid #bdac91;
	text-align: center;
	vertical-align:top;
	padding: 1px;
	width: 70px;
	}
td.show_note_user_specs  {
	font: 0.8725em Verdana;
	color:#000;
	vertical-align:top;
	text-align: left;
	padding-left: 24px;
	padding-top: 5px;
	padding-bottom: 15px;
	}
/* ----------------------- NOTE_BODY ------------------- */	

table.show_note_body {
	font: 1.0em Verdana;
	text-align: left;
	vertical-align:top;
	width: 540px;
	}	
td.show_note_body_score {
	font: 0.8em Verdana;
	color:#CCC;
	padding: 5px 10px 8px 0px;
	text-align:right;
	height: 10px;
	}
td.show_note_body_txt {
	font: 0.9em/1.9em Verdana;
	color: #000000;
	background-color:#FFFFFF;
	padding: 10px 10px 18px 10px;
	text-align:left;
	vertical-align:top;
	height: 100px;
	}	
td.show_note_body_motto {
	font: 0.87125em/1.9em Verdana;
	color:#CCC;
	padding: 5px 10px 5px 0px;
	border-top: 1px dotted #bdac91;
	text-align:left;
	height: 20px;
	}
td.show_note_body_txt_title_small {
	font: bold 0.87125em/1.9em Verdana;
	padding-left: 10px;
	text-align: left;
	width: 53px;
	vertical-align:top;
	}
td.show_note_body_txt_title_long {
	font: bold 0.87125em/1.9em Verdana;
	padding-left: 10px;
	text-align: left;
	width: 83px;
	vertical-align:top;
	}	
td.show_note_body_colorblok {
   	width: 50px;
   	border: 1px solid #bdac91;
   	display: block;
	font: 0.67125em/1.0em Verdana;
   }	
td.show_note_body_txt_small {
	font: 0.87125em/1.9em Verdana;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 8px;
	text-align: left;
	width: 440px;
	vertical-align:top;
	}	
td.show_note_body_txt_small_bank {
	font: 0.87125em/1.9em Verdana;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 8px;
	text-align: left;
	width: 390px;
	vertical-align:top;
	}
td.show_note_body_txt_small_bank_small {
	padding-left: 10px;
	font: 0.8em/1.5em Verdana;
	text-align:left;
	color: #666666;
	padding-left: 100px;
	padding-bottom: 10px;
	}
#shwbanknoteprice {
	font: bold 1.1em Verdana;
	width: 150px;
	padding: 5px 15px 5px 15px;
	text-align:center;
	background-color: #FFF;
	border: 1px solid #bdac91;
	margin: 5px 15px 0px 15px;
	}
td.show_note_body_sendbutton {
	text-align:right;
	padding: 15px 15px 15px 0px;
	}	
/*--------------------------ADD  BANK NOTES -- INPUTS FORM----*/	
input.price {
   width: 45px;
   padding-left: 3px;
   }
input.price2 {
   width: 20px;
   padding-left: 3px;
   } 
input.banknote {
   width: 380px;
   padding-left: 5px; 
   }
input.banknotetown {
   width: 196px;
   padding-left: 5px; 
   } 
input.banknotecountry {
   width: 150px;
   padding-left: 3px; 
   }
  
/* ----------------------------- SHOW ANALYSE NOTES ------ */
td.show_analyse_graph {
	vertical-align:top;
	}
table.show_analyse_graph {
	width: 540px;
	}
td.show_analyse_item_title {
	font: bold 0.8em/1.3em Verdana;
	text-align:right;
	padding-right: 4px;
	padding-bottom: 2px;
	width: 90px;
	}
td.show_analyse_item_bar {	
	font: 0.8em/1.3em Verdana;
	text-align:left;
	padding-left: 1px;
	width: 440px;
	border-left: 1px solid #bdac91;
	}
td.show_analyse_item_bar_under {	
	text-align:left;
	padding-left: -1px;
	width: 440px;
	vertical-align:top;
	font: 0.7em/1.2em Verdana;
	}
    			
/*--------------------------ADD  ANALYSE NOTES ----*/
table.note_header_toelichting {
	position:relative;
	float: left;
	width: 800px;
	left: 8px;
	top: 5px;
	margin-bottom: 20px;
	font: 0.87125em/1.3em Verdana;
	}
td.note_header_toelichting {
	text-align: left;
	padding-bottom: 1px;
	}
td.note_header_toelichting img {
	padding-left: 60px;
	}	
table.add_analysenote {
	position:relative;
	float: left;
	width: 650px;
	left: 65px;
	top: 15px;
	margin-bottom: 20px;
	background-color: #eee;
	font: 0.9em Verdana;
	border: 1px solid #bdac91;
	z-index: 0;
	}
td.note_category {
	text-align: center;
	padding-top: 10px;

	}
#note_category {
	text-align: left;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 500px;
	font: bold 1.0em Verdana;
	border: 1px solid #bdac91;
	background-color: #dce2e8;
	margin-left: auto;
    margin-right: auto;
	}	
td.note_item {
	text-align: left;
	padding-left: 120px;
	width: 200px;
	font: 0.9em Verdana;
	}
	
td.slider {
	padding: 3px;
	width: 210px;
	}
td.note_txtarea {
	padding-top: 10px;
	padding-left: 64px;
	width: 400px;
	}
textarea.styled {
	padding: 5px;
	} 	
.analyseinput {
	font: 0.9em Verdana;
	text-align: center;
	border: 1px solid #bdac91;
	background-color: #eee;
	padding-top: 2px;
	padding-bottom: 2px;
	}
td.questionmark {
	text-align: left;
	padding-left: 10px;
	width: 200px;
	}
/*--------------------------ADD  ANALYSE NOTES -- HELPFILES ----*/
table.helpfiles {
	background: #FFF;
	width: 100%;
	font: 0.9em Verdana;
	}
td.helpfiles_header {
	font: bold 1.1em Verdana;
	color: #FFF;
	background: #d5b663;
	width: 100%;
	padding-left: 20px;
	}	
td.helpfiles_header_right {
    width: 30px;
	background: #d5b663;
	}
td.helpfiles_img {
	text-align: center;
	width: 100%;
	left: 10px;
	padding: 20px;
	}
td.helpfiles_img img {
	border: 1px solid #bdac91;
	padding: 1px;
	width:100px;
	}	
td.helpfiles_txt {
	font: 0.9em/1.6em Verdana;
	padding: 6px;
	padding-bottom: 30px;
	}
#helpcookedmash, #helpcookedveg, #helpmaltextract, #helphusky, #helpyeasty {
	position: absolute;
	width: 520px;
	border: 10px solid #d5b663;
	top: 540px;
  	left: 20%;
	z-index: 99;
	}
	
#helpcitric, #helpfreshfruit, #helpcookedfruit, #helpdriedfruit, #helpsolvent {
	position: absolute;
	width: 520px;
	border: 10px solid #d5b663;
	top: 690px;
  	left: 20%;
	z-index: 99;
	}	
#helpfragrant, #helpgreenhouse, #helpleafy, #helphaylike  {
	position: absolute;
	width: 520px;
	border: 10px solid #d5b663;
	top: 840px;
  	left: 20%;
	z-index: 99;
	}
#helpmedicinal, #helpsmokey, #helpkippery, #helpmossy {
	position: absolute;
	width: 520px;
	border: 10px solid #d5b663;
	top: 970px;
  	left: 20%;
	z-index: 99;
	}	
#helpplastic, #helpsweaty, #helptobacco, #helpleathery, #helphoney {
	position: absolute;
	width: 520px;
	border: 10px solid #d5b663;
	top: 1100px;
  	left: 20%;
	z-index: 99;
	}