/*
* Cache van bc.style.css
* Created: 2011-12-06 16:33:37
*/

*{
	margin: 0;
	padding: 0;
}
.clear {clear: both; line-height: 0px;}

img{ border: 0px; }

body{
	font-family: "Arial";
	font-size: 12px;
}

.error{
	color: #ff0000;
}

ul.error,
ul.success,
ul.warning,
ul.info
{
    margin: 10px 0;
    padding: 10px;
}
ul.error
{
    background: #FCC;
    border: #C33 1px solid;
}
ul.error li{
	background-image: url( /images/interface/exclamation.png );
	background-repeat: no-repeat;
	list-style: none;
	padding: 2px 25px;
	height: 13px;
}
ul.success{
	background: #CFC;
    border: #3C3 1px solid;
}
ul.success li{
	background-image: url( /images/interface/accept.png );
	background-repeat: no-repeat;
	list-style: none;
	padding: 2px 25px;
	height: 15px;
}
ul.warning{
	border: 1px solid #fa0;
    background: #ffd;
}
ul.warning li{
	background-image: url( /images/interface/bullet_error.png );
	background-repeat: no-repeat;
	list-style: none;
	padding: 0px 25px;
}
ul.info{
	border: 1px solid #aaa;
    background: #fff;
}
ul.info li{
	background-image: url( /images/interface/information.png );
	background-repeat: no-repeat;
	list-style: none;
	padding: 0px 25px;
}

p.marginbottom{
	margin-bottom: 10px;
}

a{
	color: #000000;
	text-decoration: none;
}

.toggle-icon{
	background-image: url( /images/interface/arrow_toggle.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	cursor: pointer;
	float: right;
	height: 20px;
	width: 20px;
 }

.toggle-down{
	background-position: 0px -22px;
 }


a.button,
button {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background:transparent none repeat scroll 0 0;
	border: none;
	cursor:pointer;
	display:inline-block;
	font-family:Arial;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
}

button{
	width:auto;
	overflow: visible;
}

a.button{
	height: 23px;
	padding: 1px 0px;
}

a.button span, button span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-image: url( /images/interface/bg_form_button.png );
	color: #ffffff;
	display:inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: 23px;
	padding: 0px 10px;
}

 div.buttons{
	 margin-bottom: 15px;
}

 h1{
	 color: #801539;
	 font-size: 16px;
	 font-weight: bold;
}

div.floatleft{
	float: left;
	padding-right: 10px;
}

div.floatright{
	float: right;
}

 
/**
 * HEADER CSS
 */

 /**
  * H4 is reserver for rightcolumn headers
  */
h4{
	color: #801539;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	padding: 10px 5px;
}

/**
 * LAYOUT CSS
 */
div#wrapper{
	margin: 0px auto;
	position: relative;
	width: 950px;
}

div#header{
	background-image: url(/images/interface/logo_bc.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	height: 80px;
	width: 950px;
}

div#innerWrapper{
	padding: 0px 0px 0px 40px;
}

div#rightcolumn{
	border-top: 1px solid #c08a9c;
	float: right;
	margin-left: 10px;
	padding-bottom: 20px;
	width: 210px;
}

div#rightcolumn div.error{
	padding: 5px 10px;
}

div#content{
	border-top: 1px solid #c08a9c;
	margin-right: 220px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 675px;
}

img#login_header_image{
	margin-left: -10px;
	width: 685px;
}

div#footer{
	border-top: 1px solid #c08a9c;
	clear: both;
}

div.clear{
	display: none;
}

ul#breadcrumb{
	padding: 10px 0px;
	height: 15px;
}

ul#breadcrumb li{
	float: left;
	list-style: none;
	padding: 0px 2px;
}

ul#breadcrumb li a{
	color: #c08a9c;
	text-decoration: none;
	text-transform:lowercase
}

ul#breadcrumb li a:hover{
	text-decoration: underline;
}

ul#breadcrumb li.last a{
	color: #801539;
}

/**
 * GENERAL TABLE CSS
 */
 table{
	width: 100%;
	margin: 10px 0px;
 }

 table thead{
	 background-color: #f0e4e8;
	 font-weight: bold;
 }

 table th{
	padding: 10px;
	text-align: left;
 }

 table tbody td,
 table tfoot td{
	border-bottom: 1px solid #f1e4e8;
	font-family: "Arial";
	font-size: 12px;
	height: 30px;
	padding: 0px 10px;
}

table td.toggle1_l{
	 background-color: #f0e4e8;
	 text-align: right;
	 vertical-align: middle;
	 width: 100px;
}

table td.toggle2_l{
	 background-color: #f9f3f5;
	 text-align: right;
	 vertical-align: middle;
	 width: 100px;
}

table td.toggle1_r{
	 background-color: #f7f1f3;
	 vertical-align: middle;
}

table td.toggle2_r{
	 background-color: #fcf9fa;
	 vertical-align: middle;
}

table td.topper {
	vertical-align: top;
	padding-top: 12px !important;
}
table td.bold{
	font-weight: bold;
}


/**
 * FORM CSS
 */

 form fieldset{
	 border: none;
 }

 form input{
	border: 1px solid #801539;
	color: #801539;
	font-family: "Arial";
	font-size: 12px;
}

form input[type="radio"]{
	border: 0px;
}

form#login{
	background-color: #c08a9c;
}

form#login fieldset legend{
	 padding: 8px 0px 0px;
 }

form#login fieldset{
	 padding: 5px 10px;
 }

 form#login label{
	 font-size: 12px;
	 display: block;
	 padding: 7px 0px;
 }

 form#login label.checkbox{
	 display: inline;
	 padding: 0px;
	 position: relative;
	 top: -2px;
	 vertical-align: middle;
 }

 form#login input{
	 font-family: "Arial";
	 font-size: 12px;
	 color: #1a171b;
 }

 form#login input.text{
	 background-image: url(/images/interface/bg_loginform_textinput.png);
	 border: 0px;
	 height: 14px;
	 margin-bottom: 5px;
	 padding: 6px 6px 5px 6px;
	 width: 169px;
 }

 form#login input.checkbox{
	 border: 0px;
	 margin: 5px 0px;
 }

 form#login input.submit{
	 background-image: url(/images/interface/bg_form_button.png);
	 border: 1px solid #ffffff;
	 color: #ffffff;
	 height: 25px;
	 margin: 5px 5px 5px 0px;
	 width: 65px;
}

form#login a{
	font-size: 11px;
}

form#login a:hover{
	text-decoration: underline;
}


form#passreset fieldset{
	padding: 5px 0px;
}


/**
 * MENU CSS
 */
 ul#mainmenu{
	border-top: 1px solid #c08a9c;
	border-bottom: 1px solid #c08a9c;
	margin: 0;
	padding: 0;
	list-style: none;
 }

 ul#mainmenu li a{
	 background-image: url(/images/interface/bc_bg_mainmenu.png);
	 background-repeat: no-repeat;
	 border-top: 1px solid #ffffff;
	 height: 13px;
	 padding: 7px 10px;
	 width: 212px;
	 color: #000000;
	 text-decoration: none;
	 display: block;
 }

 ul#mainmenu li.first a{
	border-top: 0px;
 }

 ul#mainmenu li a{
	 color: #000000;
	 text-decoration: none;
 }
 
 ul#mainmenu li.current a,
 ul#mainmenu li a:hover{
	 color: #801539;
 }

 ul#headermenu{
	 margin-right: -10px;
	 padding: 10px 0px;
	 text-align: right;
 }

ul#footermenu{
	padding: 10px 0px;
	text-align: right;
}

 ul#headermenu li,
 ul#footermenu li{
	 border-left: 1px solid #000000;
	 display: inline;
	 list-style: none;	 
	 padding: 0px 10px;
 }

 ul#headermenu li.first,
 ul#footermenu li.first{
	 border-left: 0px;
 }

 ul#headermenu li a,
 ul#footermenu li a{
	 color: #000000;
	 font-size: 11px;
	 text-decoration: none;
 }

 ul.controls{
	float: right;
}
ul.controls li{
	float: left;
	list-style: none;
	margin-left: 10px;
}

ul.controls li a{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #801539;
	line-height: 16px;
	padding-left: 20px;
	display: inline-block;
}

ul.controls li a:hover{
	text-decoration: underline;
}


ul.controls li.show-profile a{
	background-image: url(/images/interface/user-arrow.png);
}

ul.controls li.edit-profile a{
	background-image: url(/images/interface/user-pencil.png);
}

ul.controls li.new-treatment a{
	background-image: url(/images/interface/tick-circle.png);
}

ul.controls li.stop-treatment a{
	background-image: url(/images/interface/cross-circle.png);
}

ul.controls li.edit-treatment a{
	background-image: url(/images/interface/edit_wand.png);
}



 /**
  * FILE DOWNLOADS CSS
  */
  ul.folderlevel{
	  list-style: none;
  }

  ul.folderlevel a{
	  text-decoration: none;
  }

  ul.folderlevel a:hover{
	  text-decoration: underline;
  }

  ul.folderlevel li{
	  background-color: #ffffff;
	  background-image: url(/images/interface/default.png);
	  background-position: 10px 10px;
	  background-repeat: no-repeat;
	  font-weight: normal;
	  padding: 10px 10px 10px 30px;
  }

  ul.folderlevel li.folder{
	   background-image: url(/images/interface/folder.png);
	   border-bottom: 1px solid #f1e4e8;
	   font-weight: bold;
  }

  ul.folderlevel li.ai{
	  background-image: url(/images/interface/ai.png);
  }

  ul.folderlevel li.doc{
	  background-image: url(/images/interface/doc.png);
  }

  ul.folderlevel li.eps{
	  background-image: url(/images/interface/eps.png);
  }

  ul.folderlevel li.gif{
	  background-image: url(/images/interface/gif.png);
  }

  ul.folderlevel li.jpg{
	  background-image: url(/images/interface/jpg.png);
  }

  ul.folderlevel li.pdf{
	  background-image: url(/images/interface/pdf.png);
  }

  ul.folderlevel li.png{
	  background-image: url(/images/interface/png.png);
  }

  ul.folderlevel li.ppt{
	  background-image: url(/images/interface/ppt.png);
  }

  ul.folderlevel li.psd{
	  background-image: url(/images/interface/psd.png);
  }

  ul.folderlevel li.rar{
	  background-image: url(/images/interface/rar.png);
  }

  ul.folderlevel li.swf{
	  background-image: url(/images/interface/swf.png);
  }

  ul.folderlevel li.wmv{
	  background-image: url(/images/interface/wmv.png);
  }

  ul.folderlevel li.xls{
	  background-image: url(/images/interface/xls.png);
  }

  ul.folderlevel li.zip{
	  background-image: url(/images/interface/zip.png);
  }

  ul.folderlevel li.nofiles{
	  background-image: none;
  }

  ul.folderlevel li.root{
	  background-image: none;
	  margin-bottom: 1px;
	  padding: 0px;
 }

 ul.folderlevel li.root h2 a{
	 background-color: #f0e4e8;
	 cursor: pointer;
	 display: block;
	 font-size: 12px;
	 font-weight: normal;
	 padding: 10px;
	 text-decoration: none;
 }
  
 /**
  * MYINFO CSS
  */

 table#myinfo td{
	 border: 0px;
	 padding: 0px 8px;
 }

table#myinfo tbody td.toggle1_l,
table#myinfo tbody td.toggle2_l{
	width: 150px;
}

table#myinfo fieldset.buttons{
	display: inline;
	margin-left: 10px;
}

/**
 * PRODUCT LIST CSS
 */

 ul#product-categories {
	list-style: none;
	margin-bottom: 1px;
 }

 ul#product-categories h2 a{
	 background-color: #f0e4e8;
	 font-size: 12px;
	 font-weight: normal;
	 padding: 10px 10px;
	 margin-bottom: 1px;
	 display: block;
	 cursor: pointer;
 }

 ul#product-categories li ul{
	 position: relative;
	 top: -1px;
}

 ul#product-categories li ul li{
	border-bottom: 1px solid #f1e4e8;
	list-style: none;
	overflow: hidden;
 }

 table.product-data{
	 background-color: #f9F3F5;
	 height: 125px;
	 padding: 5px 10px;
	 margin: 1px 0px;
	 margin-bottom: 1px;
	 width: 170px;
}

table.product-data td{
	border-bottom: 0px;
	color: #801539;
	padding: 0;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
}

table.product-data td.l{
	padding-right: 10px;
	text-align: right;
	width: 70px;
}

table.product-data td.r{
	padding-left: 10px;
}

table.product-data input{
	height: 14px;
	padding: 3px 8px;
	width: 34px;
}

div.product-desc{
	padding: 5px 10px;
}

div.product-desc h3{
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}

div.product-desc p{
	font-size: 11px;
	line-height: 13px;
}

div.product-desc img{
	float: left;
	border: 1px solid #f2e6e9;
	margin-right: 10px;
}

div.product-desc img.moreinfo{
	float: right;
	border: 0px;
}


/**
 * SHOPPING CART & ORDER CSS
 */
table.orderview tbody tr:hover,
table#order-history tbody tr:hover{
	background-color: #f9f3f5;
}

table.orderview .amount{
	text-align: center;
}

table.orderview td.amount{
	color: #801539;
	padding: 3px 0px;
	font-weight: bold;
	width: 80px;
}

table.orderview td.amount span{
	color: #fa0;
	font-size: 9px;
	font-weight: normal;
}

table#order-history .description,
table.orderview .description {
	width: 350px;
}

table#order-history td.price,
table.orderview td.price{
	color: #801539;
}

table.orderview .controls{
	text-align: right;
	width: 80px;
}

table.orderview .amount input{
	height: 14px;
	padding: 3px 5px;
	text-align: center;
	width: 40px;
}

table.orderview .amount input.no-stock{
	border-color: #fa0;
	color: #fa0;
}

table.orderview tfoot td.text{
	text-align: right;
}

table.orderview tfoot td.total-price-text{
	background-color: #f1e4e8;
	border: 0px;
	border-right: 1px solid #ffffff;
	font-weight: bold;
	text-align: right;
}

table.orderview tfoot td.total-price{
	background-color: #f7f1f3;
	border: 0px;
	font-weight: bold;
}
table#order-history th.state {
	width: 180px;
}

/**
 * CLIENTS CSS
 */
 table#client-profile {
	 margin-top: 0px;
 }
 
 table#client-profile td{
	 border: 0px;
	 padding: 0px 8px;
}
 table#client-profile td.toggle1_l,
 table#client-profile td.toggle2_l{
	width: 150px;
 }

 table#client-profile td.image{
	 padding: 0px;
	 text-align: center;
	 width: 80px;
}

 form#newclient input.text{
	font-weight: normal;
	padding: 2px 5px;
	width: 250px;
 }

 form#newclient label.radio{
	 padding: 5px;
	 position: relative;
	 top: -2px;
}

table#clients tbody tr:hover{
	background-color: #f9f3f5;
}



/**
 * TREATMENT & MEASUREMENT CSS
 */
 table.measurement td{
	 border: 0px;
	 padding: 3px 8px;
	 vertical-align: middle;
 }

 table.measurement td.toggle1_l,
 table.measurement td.toggle2_l{
	width: 100px;
 }


 form.measurement input.text{
	font-weight: normal;
	padding: 2px 5px;
	width: 40px;
 }

 form.measurement input.date{
	font-weight: normal;
	padding: 2px 5px;
	width: 75px;
 }

 div#treatment-images{
	height: 145px;
	margin-bottom: 15px;
	width: 345px;
 }

 div#treatment-images ul li{
	 float: left;
	 font-size: 10px;
	 font-style: italic;
	 list-style: none;
	 margin-right: 5px;
	 text-align: center;
 }

 table#current-treatment,
 table#treatment-history{
	margin-top: 2px;
 }

 table#current-treatment{
	 width: 342px;
 }

 table#current-treatment td{
	 border: 0px;
	 padding: 3px 8px;
	 vertical-align: middle;
 }
 
 table#current-treatment td.toggle1_l,
 table#current-treatment td.toggle2_l{
	width: 150px;
 }

 table#treatment-history td.controls{
	 text-align: right;
	 width: 95px;
}

table#treatment-history td.measurement-amount{
	 width: 150px;
}

table#treatment-history a{
	background-image: url( /images/interface/chart.png );
	background-repeat: no-repeat;
	padding: 1px 0px 2px 0px;
	color: #801539;
	display: block;
}

img#targetWeightLastMeasurementsGraph{
	float: right;
	margin-top: 3px;
}

ul.measurements{
	margin: 0px 0px;
	list-style: none;
}
ul.measurements li{
	padding: 0px 0px 5px;
}

ul.measurements li a.toggler{
	color: #801539;
	cursor: pointer;
	display: block;
	border-bottom: 1px dotted #c0c0c0;
	margin: 5px 0px;
	padding: 5px 0px;
}

ul.measurements li a.toggler:hover{
	text-decoration: none;
}

table.measurement{
	margin: 0px;
	width: 460px;
}

table.measurement td{
	border: none;
}
table.measurement td.toggle1_l,
table.measurement td.toggle2_l{
	padding-top: 7px;
	vertical-align: top;
}


td.fatmass{
	background-image: url(/images/interface/legend-fatmass.png);
	background-repeat: no-repeat;
	background-position: 300px 5px;
}

td.fatfreemass{
	background-image: url(/images/interface/legend-fatfreemass.png);
	background-repeat: no-repeat;
	background-position: 300px 5px;
}

td.moisture{
	background-image: url(/images/interface/legend-moisture.png);
	background-repeat: no-repeat;
	background-position: 300px 5px;
}

img.measurement-image{
	float: right;
}

div.graphs-overview{
	padding-bottom: 10px;
}

div.graphs-overview div{
	color: #801539;
	font-size: 10px;
	text-align: center;
}

div.graphs-overview div h3{
	text-align: left;
}

div.graphs-overview div.zoom-icon{
	position: relative;
}

div.graphs-overview img.magnify-icon{
	cursor: pointer;
	left: 295px;
	position: absolute;
	top: 20px;

}

/* File browser */
ul.filebrowser {
	margin: 0px 15px;
	padding: 0px;
}
ul.filebrowser li {
	list-style: none;
	margin: 2px;
	cursor: move;
	width: 100px;
	float: left;
	border: 1px solid #c08a9c;
	text-align: center;
	overflow: hidden;
	position: relative;
}
ul.filebrowser li.clearer {
	margin: 0;
	width: auto;
	float: none;
	border: none;
	clear: both;
	cursor: auto;
	height: 1px;
}
ul.filebrowser li a {
	text-decoration: none;
}
ul.filebrowser li a:hover {
	color: #C70540;
}
ul.filebrowser li a.noselect {
	cursor: default;
}
ul.filebrowser li a:hover img {
	opacity: 0.5;
}
ul.filebrowser li a.delete:hover img {
	opacity: 1;
}
ul.filebrowser img.issecure, ul.filebrowser a.delete img {
	position: absolute;
	width: 12px;
	height: 12px;
	z-index: 2;
	top: 2px;
	right: 1px;
}
ul.filebrowser img.issecure {
	left: 1px;
}
ul.fileselector {
	margin: 0px;
	padding: 0px;
	position: relative;
}
ul.fileselector li {
	list-style: none;
	margin: 5px 0px;
	width: 450px;
}
ul.fileselector li img {
	cursor: move;
}
ul.fileselector a.detachfile {
	margin-left: 10px;
}
div.fileselector {
	border: 2px solid #c08a9c;
  background-color: #ffffff;
  width: 800px;
  position: absolute;
  left: 170px;
  height: 470px;
}
div.fileselector a.close {
	background-color: #c08a9c;
	padding: 3px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
div#filebrowser_container {
	height: 275px;
	overflow: auto;
	overflow-y: auto;
  overflow-x: hidden;
	position: relative;
}
form.uploadmedia {
	clear: both;
	display: none;
}
form.uploadmedia table {
	margin: 30px 5px 5px 5px;
}
form.uploadmedia td {
	border: 0;
	height: auto;
	padding: 5px 0;
}
iframe#uploadiframe {
	display: none;
}

form#searchmedia {
	position: absolute;
	top: 5px;
	right: 34px;
}
form#searchmedia input.text {
	width: 160px;
	background-image: none;
}
/* File browser */

/* Mediamanager */
.mediamanager {
	list-style: none;
	margin: 0 0 0 -10px;
}
.mediamanager li {
	float: left;
	width: 100px;
	height: 120px;
	margin-left: 10px;
	overflow: hidden;
	position: relative;
}
.mediamanager a.delete {
	position: absolute;
	top: 0;
	left: 0;
}
.mediamanager span {
	font-size: 10px;
}

div#bodywaitdiv
{
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  background-color: #ffffff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
div#bodywaitdiv img
{
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: none;
}

div.calendar td {height: auto;}


/* Imagezoom */
div#bodyoverlay {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #000000;
	z-index: 10;
}
div#zoomdiv {
	background-color: #f2e4e8;
	display: none;
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	z-index: 11;
}
div#zoomdiv a {
  background-repeat: no-repeat;
	text-decoration: none;
	color: #801539;
}
div#zoomdiv a.close {
	position: absolute;
	top: 5px;
	right: 10px;
	text-transform: lowercase;
	height: 18px;
	line-height: 18px;
	/*background-image: url(/images/navigation/close.png);*/
	padding-right: 22px;
	background-position: right center;
}
div#zoomdiv a.previous, div#zoomdiv a.next {
	position: absolute;
	bottom: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
div#zoomdiv a.previous {
	left: 10px;
	padding-left: 13px;
	/*background-image: url(/images/navigation/back.png);*/
	background-position: left center;
}
div#zoomdiv a.previous:hover {
}
div#zoomdiv a.next {
	right: 10px;
	padding-right: 13px;
	/*background-image: url(/images/navigation/next.png);*/
	background-position: right center;
}
div#zoomdiv a.next:hover {
}
div#zoomdiv_img {
	position: relative;
	top: 15px;
}
div#zoomdiv_img img {
	position: absolute;
}
div#zoomdiv span.info {
	display: none;
}
/* Imagezoom */

/* WYMeditor */
/* Tekst uitvullen */
p.alignjustify /* p */ {
  /* text-align: justify; */
	text-align: justify;
}
/* /WYMeditor */