/* http://c82.net/samples/checklist-samples.html */
/* Undo some styles from the master stylesheet */
.checklist li { background: none; padding-left: 0; margin: 10px;}
.checklist ul { display: block; margin: auto; }

/* CSS for checklists */
.checklist {
	border: 1px solid #ccc;
	list-style: none;
	height: 10em;
	overflow: auto;
	width: 16em;
	margin: auto;
	display: inline-block;
}
.checklist, .checklist li { margin-left: 0; padding: 0; }
/* .checklist label { display: block; padding-left: 25px; text-indent: -25px; } */
.checklist label {padding-left: 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
* html .checklist label { height: 1%; }

/* Checklist 1 */
.cl1 { font-size: 0.9em; width: 100%; height: 15em; }
.cl1 .alt { background: #f5f5f5; }
.cl1 input { vertical-align: middle; }
.cl1 label:hover, .cl1 label.hover { background: #ddd; color: #000; }

/* Checklist 2 */
.cl2 {
	background: #67893d;
	color: #D1DCC5;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	width: 50%;
}
.cl2 input { vertical-align: middle; }
.cl2 label { border-bottom: 1px solid #769550; padding: 0.2em 0.2em 0.2em 25px; }
.cl2 label:hover, .cl2 label.hover { background: #306B34; color: #fff; }

/* Checklist 3 */
.cl3 {
	border: 1px solid #a17c04;
	color: #a05a04;
	font-family: "Trebuchet MS", Tahoma, Geneva, Arial, sans-serif;
	font-size: 0.9em;
	height: 19em;
}
.cl3 .alt { background: #f8f6ed; }
.cl3 label { padding: 0.2em 10px 0.2em 15px; }
.cl3 label:hover, .cl3 label.hover { background: #EFE9D4; color: #a05a04; }

/* */
form#form_graph fieldset {
	display: block;
	margin: 0 5% 1em 5%;
	padding: 1em 1em 1em 1em;
	text-align: center;
	border-radius: 5px;
}

/* Autre style trouvé sur http://tutorialzine.com/2011/03/better-check-boxes-jquery-css/ */
.tzCheckBox{
	background:url('graph_img/background.png') no-repeat right bottom;
	display:inline-block;
	min-width:60px;
	height:33px;
	white-space:nowrap;
	position:relative;
	cursor:pointer;
	margin-left:14px;
}

.tzCheckBox.checked{
	background-position:top left;
	margin:0 14px 0 0;
}

.tzCheckBox .tzCBContent{
	color: white;
	line-height: 31px;
	padding-right: 38px;
	text-align: right;
}

.tzCheckBox.checked .tzCBContent{
	text-align:left;
	padding:0 0 0 38px;
}

.tzCBPart{
	background:url('graph_img/background.png') no-repeat left bottom;
	width:14px;
	position:absolute;
	top:0;
	left:-14px;
	height:33px;
	overflow: hidden;
}

.tzCheckBox.checked .tzCBPart{
	background-position:top right;
	left:auto;
	right:-14px;
}