/* =default */
	* {padding: 0;margin: 0;}
	select * {padding: 0 0.5em;}
	ul, ol {list-style: none;}
	a img, :link img, :visited img, object, fieldset {border: none;}
	a {outline: none;}
	a:focus, a:hover {text-decoration: none;}
	address {font-style: normal;}
	:link, :visited {text-decoration: none;}
	legend {position: relative;left: -6px;/* ie */}
	html {font-size: 100%;}
	body {font: 0.625em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;}
	input, select, textarea * {font-size: 100%;}
	.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
	.clearfix{display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */
	/*** Image Replacement */
	.mir {letter-spacing : -1000em;}
	/*\*/
	* html .mir {text-indent: -999em;overflow: hidden;}
	html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
	.clear {clear: both;}
	div.clear {height: 0;}
	.no-wrap {white-space:nowrap;}
	
	.cn-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.cn-clearfix {display: inline-block;}
	/* required comment for clearfix to work in Opera \*/
	* html .cn-clearfix { height:1%; }
	.cn-clearfix {display:block;}

/* =font*/
@font-face {
    font-family: "League Gothic";
    font-style: normal;
    font-weight: normal;
    src: url("font/league_gothic/league_gothic.otf");
}
@font-face {
    font-family: "Bebas Neue";
    font-style: normal;
    font-weight: normal;
    src: url("font/bebas-neue/bebas-neue.otf");
}
	
/* =body */
	html {
		color: #000;
		text-align: center;
	}
	
	body {
		text-align: left;
		background: #000;
	}

/* =header */
	#header {
		width: 100%;
		color: #fff;
		background: transparent;
	}

		#header .content {padding: 10px;}

			#header h1 {
				font: normal 32px/1 "Bebas Neue", "League Gothic", Haettenschweiler, Impact, "Arial Narrow", sans-serif;
				text-transform: uppercase;
				letter-spacing: 1px;
			}

/* =nav-main */
	#nav-main {
		background: #000;
		border-bottom: 4px solid #f57722;
	}
	
		#nav-main ul {padding-bottom: 8px;}
	
			#nav-main li {
				display: inline-block;
				font: 200 18px/1 "Bebas Neue", "League Gothic", "Arial Narrow", Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				letter-spacing: .5px;
			}
	
			#nav-main li:last-child {float: right;}
	
	#nav-main a.nav-section {
		display: block;
		padding: 4px 10px;
		text-transform: uppercase;
	}
	
	#nav-main span {
		display: block;
		padding: 3px 10px;
		color: #ddd;
	}
	
	#nav-main a:link, #nav-main a:visited {color: #ccc;}
	
	#nav-main a.nav-section:focus, #nav-main a.nav-section:hover,
	#nav-main #nav-module-selected a {
		color: #f57722;
	}

/* =nav-second */
	#nav-second {
		/*display: none;*/
		background: #C6C4BB;
		padding: 5px 15px;
		font: 1.1em/1.2em Verdana, Helvetica, Arial, sans-serif;
	}
	
	#nav-second>ul>li {
		float: left;
		padding-right: 15px;
		margin: 5px 15px 0 0;
		border-right: 1px solid #000;
	}
	
	#nav-second strong {
		display: block;
		clear: both;
		margin-bottom: 0.2em;
	}
	
	#nav-second ul ul {
		float: left;
		padding-right: 15px;
		margin-right: 15px;
		border-right: 1px solid #c0c0c0;
	}
	
	#nav-second ul li ul:last-child {border-right: none;}
	
	#nav-second a:focus, #nav-second a:hover {text-decoration: underline;}

/* =nav-context */
	.cn-nav-context {
    	border-radius: 5px;
    	border: 2px solid #f7f7f7;
	} 
	
	.cn-nav-context li {padding-right: 10px;}
	
	.cn-nav-context li a {
		display: block;
		padding: 10px 15px 10px 10px;
	}
	
	.cn-nav-context .active {background: #f7f7f7;}
	.cn-nav-context .active a {background: transparent url(left-arrow.png) no-repeat right 50%;}

/* =main */
	#main {
		width: 100%;
		clear: both;
		background: #fff;
		padding-bottom: 10px;
	}
		
	#main .content {
		min-height: 400px;
		padding: 0 10px;
		font: 1.1em/1.1em Verdana, Helvetica, Arial, sans-serif;
	}

	* html #main .content {height: 400px;}
	
	#main .left {
		float: left;
		width: 50%;
	}
	
	#main .right {
		float: right;
		width: 45%;
	}
	
		#main .cn-layout-1 {
			/*
			padding-left: 220px;
			position: relative;
			*/
		}
		
		#main .cn-layout-1 .cn-left-content {
			/*
			width: 200px;
			position: absolute;
			left: 0;
			top: 5px;
			*/
			float: left;
			width: 18%;
			margin-right: 2%;
		}
		
		#main .cn-layout-1 .cn-main-content {float: left; width: 79%;}
		
		.cn-left-panel {float: left; width: 40%; border-right: 1px solid #E1E1E1;}
		.cn-right-panel {float: right; width: 56%;}
		
			.right .cn-left-panel {float: none; width: 100%; border-right: none; border-bottom: 1px solid #E1E1E1;}
			.right .cn-right-panel {float: none; width: 100%; border-right: none;}
	
	h2 {
	    margin-bottom: 0.8em;
	    font: bold 1.2em/1.1em Verdana, Helvetica, Arial, sans-serif;
	    text-transform: capitalize;
	}
	
	h3 {
	    margin: 0.5em 0;
	    font: bold 1.2em/1.1em Verdana, Helvetica, Arial, sans-serif;
	}
	
	table {
		width: 100%;
		border-collapse: collapse;
		empty-cells: show;
	}
	
	th, td {
		padding: 3px 4px;
		vertical-align: top;
	}
	
	th {font-weight: bold;}

/* =footer */
	#footer{}

	#footer .content {
		padding: 10px;
		text-align: right;
		color: #ccc;
		font: 200 18px/1 "Bebas Neue", "League Gothic", "Arial Narrow", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
	
	#footer a:link, #footer a:visited {
		color: #999;
		text-decoration: underline;
	}
	
/* =debug */
	.debug {
		clear: both;
		margin: 10px;
		padding: 5px 10px;
		font: 1.1em/1.1em Verdana, Helvetica, Arial, sans-serif;
	}

	.debug strong {
		display: block;
		margin: 5px 0;
		font: bold 1.2em/1.1em Verdana, Helvetica, Arial, sans-serif;
	}
	
	.debug span {display: block; margin: 3px 0;}
	.debug li {margin: 5px 10px;}
	.debug table {margin: 3px 10px;}

/* =liens */
	a:link,a:visited {color: #000;}
	a:focus,a:hover{color: #00f;}

/* =icons */
	.icon {
		padding: 0.2ex 0 0.2ex 20px;
	 	background-image: url(icons.gif);
	 	background-color: transparent;
		background-repeat: no-repeat;
	}
	
	.picto {
		display: inline-block;
		width: 16px;
		height: 16px;
		text-indent: -1000em;
		background-image: url(icons.gif);
	 	background-color: transparent;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	
	.icon-accept{background-position: 0 0;}
	.icon-add{background-position: 0 -66px;}
	.icon-refresh{background-position: 0 -132px;}
	.icon-attach{background-position: 0 -198px;}
	.icon-bullet_red{background-position: 0 -264px;}
	.icon-cancel{background-position: 0 -330px;}
	.icon-close{background-position: 0 -396px;}
	.icon-date{background-position: 0 -462px;}
	.icon-delete{background-position: 0 -528px;}
	.icon-email{background-position: 0 -594px;}
	.icon-error{background-position: 0 -660px;}
	.icon-excel{background-position: 0 -726px;}
	.icon-exclamation{background-position: 0 -792px;}
	.icon-help{background-position: 0 -858px;}
	.icon-information{background-position: 0 -924px;}
	.icon-lightbulb{background-position: 0 -990px;}
	.icon-lock{background-position: 0 -1056px;}
	.icon-lock_add{background-position: 0 -1122px;}
	.icon-lock_delete{background-position: 0 -1188px;}
	.icon-magifier_zoom_out{background-position: 0 -1254px;}
	.icon-magnifier{background-position: 0 -1320px;}
	.icon-magnifier_zoom_in{background-position: 0 -1386px;}
	.icon-page_edit{background-position: 0 -1452px;}
	.icon-page_white_acrobat{background-position: 0 -1518px;}
	.icon-printer{background-position: 0 -1584px;}
	.icon-star{background-position: 0 -1650px;}
	.icon-tag_blue{background-position: 0 -1716px;}
	.icon-tick{background-position: 0 -1782px;}
	.icon-clock{background-position: 0 -1848px;}
	.icon-clock_disable{background-position: 0 -1914px;}
	.icon-trash{background-position: 0 -1980px;}
	.icon-trash_remove{background-position: 0 -2046px;}
	.icon-export{background-position: 0 -2112px;}
	.icon-link{background-position: 0 -2178px;}
	
	/* pour aligner les éléments */
	.cn-line-picto * {line-height: 14px; vertical-align: top;}
	
/* =corbeille */
	.cn-corbeille > * {opacity: 0.3;}
	.cn-corbeille .icon-trash_remove {opacity: 1;}
																		
/* =info */
	.cn-info {
    	border-radius: 5px;
    	border-width: 2px;
    	border-style: solid;
		padding: 10px 30px;
		line-height: 1.2;
	 	text-indent: -20px;
	}
	
		.cn-info-help {background: #ceed94; border-color: #ceed94;}
		.cn-info-help span {background-position: 0 -858px;}
		
		.cn-info-tip {background: #fbfae1; border-color: #fbfae1;}
		.cn-info-tip span {background-position: 0 -990px;}
	
/* =autocomplete */
	.ac_results {
		padding: 0px;
		border: 1px solid WindowFrame;
		background-color: Window;
		overflow: hidden;
		text-align: left;
		z-index: 9999;
	}
	
	.ac_results ul {
		/*width: 100%;*/
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
		height: 300px;
		overflow: auto;
		padding-right: 20px;
	}
	
	.ac_results iframe {
		display:none;/*sorry for IE5*/
		display/**/:block;/*sorry for IE5*/
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		width:3000px;
		height:3000px;
	}
	
	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: pointer;
		display: block;
		width: 100%;
		font: menu;
		font-size: 12px;
		overflow: hidden;
	}
	
	/*.ac_loading {background : transparent url('./indicator.gif') right center no-repeat;}*/
	
	.ac_over {
		background-color: Highlight;
		color: HighlightText;
	}

/* =tree */
	.cn-tree {
		clear: both;
		background: transparent url(./line.gif) repeat-y 32% 0%;
	}
	
	.cn-tree-dir {
		float: left;
		width: 30%;
	}
	
		.cn-tree-dir .picto {opacity: 0.3;}
	
	.cn-tree-content {
		float: right;
		width: 66%;
	}

/* =grid */
	.cn_tab_resultats {clear: both; margin-bottom: 15px;}
	.cn_tab_resultats caption {border-bottom: 1px solid #c0c0c0; text-align: left; padding: 4px 0;}
	.cn_tab_resultats caption span {background: #e0e0e0; color: black; font-weight: bold; padding: 4px;}
	.cn_tab_resultats thead th {border-bottom: 1px solid #c0c0c0; text-align: left;}
	.cn_tab_resultats tfoot tr:first-child td {border-top: 1px solid #c0c0c0;}
	.cn_tab_resultats tbody tr:nth-child(even) {background: #f0f0f0;}
	.cn_tab_resultats tbody tr:nth-child(odd) {background: #fcfcfc;}
	.cn_tab_resultats tr.etat-0 td {color: #c0c0c0;}
	.cn_tab_resultats tr.lu-0 td {font-weight: bold;}
	.cn_tab_resultats tr.active td {background: #FFFFCC;}
	.cn_tab_resultats tr.edited td {background: #000; color: #fff;}
	.cn_tab_resultats tr.modified td {font-weight:bold; font-style: italic;}
	.cn_tab_resultats tr.warning td {background: red;}
	.cn_tab_resultats tr.remove td {background: #FF5500;}
	.cn_tab_resultats th a {padding-right: 20px;}
	.cn_tab_resultats th a.tri {background-color: transparent; background-repeat: no-repeat; background-position: right center;}
	.cn_tab_resultats th a.asc {background-image: url(tipsy-north.gif);}
	.cn_tab_resultats th a.desc {background-image: url(tipsy-south.gif);}
	
	.cn_tab_resultats td.cn-tab-outils {padding-bottom: 8px;}
		
		.cn-tab-outils span {display: inline-block; margin-left: 5px; border: 2px solid #E1E1E1; border-radius: 3px; background: #F4F4F4; padding: 2px;}
		.cn-tab-outils span.focus {border-color: #6D9FD7;}
		.cn-tab-outils input {border: none; background: transparent;}
		.cn-tab-outils input:focus {outline: none;}
		.cn-tab-find-cancel {visibility: hidden;width: 0px;}
	
/* =onglets */
	.cn-tabs {
		float: left;
		width: 100%;
		clear: both;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom: 1em;
	}
	
		.cn-tabs > li {float: left;}
		
			.cn-tabs a, .cn-tab-inactive {
				display: block;
				padding: 5px 10px;
				border-bottom: 4px solid transparent;
			}
			
			.cn-tab-inactive {opacity: 0.3;}
			a.cn-tab-active:link, a.cn-tab-active:visited {border-bottom-color: #c0c0c0;}

/* =pagination */
	.cn-tab-nav-page{float: right;}
	.cn-tab-nav-page a, .cn-tab-nav-page span {padding: 2px 4px;}
	.cn-tab-nav-page a:focus, .cn-tab-nav-page a:hover {text-decoration: underline;}
	.cn-tab-nav-page span {color: white; background: black;}

/* =tooltip */
	.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; background-repeat: no-repeat; }
	.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
	.tipsy-north { background-image: url(tipsy-north.gif); background-position: top center; }
	.tipsy-south { background-image: url(tipsy-south.gif); background-position: bottom center; }
	.tipsy-east { background-image: url(tipsy-east.gif); background-position: right center; }
	.tipsy-west { background-image: url(tipsy-west.gif); background-position: left center; }

/* =modal */
	.ui-dialog .ui-widget-content a {color: #00f;}

/* =uploadify */
	.uploadifyQueueItem {
		margin-top: 5px;
	}
	
	.uploadifyError {
		color: red !important;
	}
	
	.uploadifyQueueItem .cancel {float: right;}
	
	.uploadifyProgress {
		background-color: #FFFFFF;
		border-top: 1px solid #808080;
		border-left: 1px solid #808080;
		border-right: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		margin-top: 10px;
		width: 200px;
	}
	.uploadifyProgressBar {
		background-color: #0099FF;
		width: 1px;
		height: 3px;
	}

/* =log,note */
	.cn-log-note {
		margin-bottom: 5px;
		border-bottom: 1px solid #E1E1E1;
		padding: 0 10px 5px 10px;
	}
	
		.cn-log-note span:first-child {
			float: right;
			margin: 0 0 0 20px;
			color: #C0C0C0;
		}
	
/* =notification */
	
	.ui-notify {width:350px; position:fixed; top:10px; right:10px;}
	.ui-notify-message {padding:10px; margin-bottom:15px; border-radius:8px; border: 1px solid #333333;}
	.ui-notify-message h1 {font-size:16px; margin:0; padding:0}
	.ui-notify-message p {font-size:12px; margin:3px 0; padding:0; line-height:18px}
	.ui-notify-message:last-child {margin-bottom:0}
	.ui-notify-message-style {background:rgba(80,80,80,0.9); box-shadow: 0 0 6px #000;}
	.ui-notify-message-style h1 {color:#fff; font-weight:bold}
	.ui-notify-message-style p {color:#fff}
	.ui-notify-close {color:#fff; text-decoration:underline}
	.ui-notify-click {cursor:pointer}
	.ui-notify-cross {margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px}
	.ui-notify-cross:hover {color:#ffffab}
	.ui-notify-cross:active {position:relative; top:1px}
	.ui-notify-icon {padding-left: 53px; min-height: 43px; background-color: transparent; background-position: left top; background-repeat: no-repeat;}
		
		.ui-notify-icon-valid {background-image: url(icon-valid_notif.png);}
		.ui-notify-icon-error {background-image: url(icon-error_notif.png);}
		.ui-notify-icon-warning {background-image: url(icon-warning_notif.png);}

/* =loader (ajax) */
	#cn-loader {
		display: none;
		width: 16px;
		height: 16px;
		background: transparent url(indicator.gif) no-repeat;
		position: absolute;
		left: 50%;
		top: 50%;
	}
	
/* =stats */
	table.cn-tab-stats {
	 	width: auto;
	 	border: 1px solid #e0e0e0;
	 	display: none;
	 }
	 
	 table.cn-tab-stats th, table.cn-tab-stats td {
	 	border: 1px solid #e0e0e0;
	 }
	 
	 div.visualize {
	 	margin-top: 2em;
	 }
	
/* =tags */
	.cn-tags {display: block;}
	
	.cn-tags-box {}
	
	.cn-tags-box-container, .cn-tags-container {float: left;}
	
	.cn-tag-text-box {
		float: left;
		margin-left: 5px;
		padding: 0.3ex;
	} 
	
	.cn-tag-text {
		float: left;
		cursor: pointer;
		padding-left: 20px;
		line-height: 16px;
		background: transparent url(icons.gif) no-repeat 0 -1716px;
	}
	
	.cn-tag-remover {
		background: transparent url(icons.gif) no-repeat 0 -396px;
		float: left;
		margin-left: 2px;
		width: 16px;
		height: 16px;
		visibility: hidden;
	}
	
	.cn-tag-text-box-hover {background-color: #f1f1f1;}
	.cn-tag-text-box-hover .cn-tag-remover {visibility: visible;}
	
	.cn-tags-clear {height: 0px;}

/* =attachement */
	.cn-attachement {}
		
		.cn-attachement-list {float: left; width: 60%;}
		
		.cn-attachement-upload {float: right; width: 30%;}
		
		.cn-attachement-list ol {list-style-type: decimal;}
		
		.cn-attachement-list ol li {
			margin: 20px 0 0 20px;
			padding: 5px;
			background: #ececec;
			position: relative;
    		border-radius: 5px;
    		border: 2px solid #ececec;
    		cursor: move;
		}
		
		.cn-attachement-remove {
			position: absolute;
			right: 5px;
			top: 5px;
			display: block;
			width: 16px;
			height: 16px;
	 		background: #eee url(icons.gif) no-repeat 0 -528px;
		}

	.cn-image, .cn-image-attr {
		display: inline-block;
	}

/* =actions */
	.cn-actions {
		margin-bottom: 0.8em;
		text-align: right;
	}

/* =breadcrumb */
	.cn_breadcrumb {
		background: #e2e2e2;
		float: left;
		width: 100%;
		padding: 4px 20px 4px 0;
		margin: 0 0 20px -10px;
	}
	
		.cn_breadcrumb > li {
			display: inline-block;
			padding: 2px 4px;
			font: 1em/1.2em Verdana, Helvetica, Arial, sans-serif;
			background: transparent url(./tipsy-east.gif) no-repeat left center;
		}
			
			.cn_breadcrumb > li > :first-child {
				display: inline-block;
				margin-left: 4px;
			}

			.cn_breadcrumb > li > a {padding-left: 5px; text-transform: capitalize;}
		
			.cn_breadcrumb li:first-child {background: transparent;}

			.cn_breadcrumb a:focus, .cn_breadcrumb a:hover {text-decoration: underline;}
	
/* =encart */
	.cn-encart {background: #f8f8f8;}
	
		div.cn-encart {padding: 10px;}	
		td.cn-encart {line-height: 1.5;}	

/* =cn-section */

	tfoot.cn-section tr:first-child td {border-top: 2px solid #f8f8f8;}
	
/* =form */
	
	.cn-form label, .cn-form input, .cn-form textarea, .cn-form select,
	.cn-form-groupe, .wysiwyg {
		display: inline-block;
		margin-bottom: 0.8em;
	}
	
	.cn-form-groupe .cn-form-groupe {margin-bottom: 0;}
	 
	.cn-form-ligne li {display: inline-block;}
	.cn-form-ligne input {margin-bottom: 0;}
	
	.cn-form label {
		min-width: 8em;
		padding-right: 1em;
	}
	
	.cn-form label.tag {float:left; min-width: 0;}
	
	.cn-form label+textarea, .cn-form label+.wysiwyg, .cn-form label+.cn-form-colonne {vertical-align: top;}
	
	/*.cn-form input {min-height: 18px;}*/
	.cn-form input[type=checkbox] {min-height: 0; vertical-align: sub;}
	.cn-form input[type=checkbox]+label {padding: 0 0 0 1em;}
	.cn-form input[type=radio] {position: relative; left: 0; bottom: -0.4em;}
	
	.cn-form input:focus, .cn-form select:focus, .cn-form textarea:focus {
		border: 2px solid #6D9FD7;
		border-radius: 3px;
	}
			
	.cn-form-required span:last-child {
		padding-right: 20px; 
		background: transparent url(./icons.gif) no-repeat right -264px;
	}
	
	.cn-form-tab {margin-left: 30px;}/* tabulation */
	.cn-form-vtab {margin-bottom: 10px;}
	
	.cn-form-footer {
		padding-right: 5%;
		text-align: right;
	}
	
	.cn-form-ref {}
	.cn-form-libelle {min-width: 300px;}
	.cn-form-libellelong {width: 100%; max-width: 800px;}
	.cn-form-textelong {width: 100%; max-width: 800px; height: 200px;}
	.cn-form-textecourt {width: 100%; max-width: 800px; height: 100px;}
	.cn-form-textesuccint {width: 100%; max-width: 800px; height: 50px;}
	.cn-form-username {}
	.cn-form-password {}
	.cn-form-email {min-width: 200px;}
	.cn-form-nom {}
	.cn-form-numero {}/* tel,fax...*/
	.cn-form-code {}/* cp, siret,..*/
	.cn-form-tags {}
	
	.cn-form textarea {font: 1em/1.1em Verdana, Helvetica, Arial, sans-serif;}
	
	/* montant monétaire */
	.cn-form-mon_ent {/* partie entière */
		width: 4em;
		text-align: right;}
	.cn-form-mon_dec {width: 1.8em;}/* partie décimale */
	
	/* date */
	.cn-form-date {
		width: 6em;
		background: transparent url(./icons.gif) no-repeat left -462px;
		padding-left: 20px;
	}

	/* alertes */
	.cn-form blockquote, fieldset blockquote, .cn-form2 blockquote {
		margin-bottom: 0.8em;
		padding-left: 20px;
		line-height: 16px;
		background: transparent url(icons.gif) no-repeat 0 -792px;
	} 
	
	.cn-form fieldset {padding: 1em 0;}
	.cn-form legend {
		border-left: 10px solid #c0c0c0;
		padding: 0.2em 0.5em;
		text-transform: uppercase;
		font: 0.9em/1em Verdana, Helvetica, Arial, sans-serif;
		color: #999;
	}
	
	.cn-form2 .cn-form-row {display: table; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; margin-bottom: 10px;}
		.cn-form2 .cn-form-row  .cn-form-row   {border-bottom: none;}
	.cn-form2 label, .cn-form2 .cn-form-cell {display: table-cell;}
	.cn-form2 .cn-form-cell {width: 88%; padding-left: 24px;}
	.cn-form2 label {/*width: 35%;*/ padding-right: 15px; vertical-align: top; font-weight: bold; /*text-transform: capitalize;*/}
		.cn-form2 .cn-form-cell label {font-weight: normal;}

	.cn-form2 fieldset {/*max-width: 700px*/; margin-bottom: 15px;}
	.cn-form2 .cn-maxlength {display: block; font-size: 90%; font-weight: normal; color: #a0a0a0;}
	.cn-form2 .cn-info-champ {display: block; padding-top: 4px; font-size: 90%; color: #a0a0a0;}
	.cn-form2 .cn-alerte {color: red!important;}
	.cn-form-annotation {font-size: 90%; color: #ADADAD;}

	.cn-form2 .cn-form-alert {background: transparent url(icons.gif) no-repeat 0 -660px;}
	.cn-form2 .cn-form-error {background: transparent url(icons.gif) no-repeat 0 -792px;}
	.cn-form2 .cn-form-erreur-msg {display: none; margin-top: 0.4em; font-weight: bold;}
	
	.cn-form2 .cn-form-error .cn-form-erreur-msg {display: block;}
	.cn-form2 .cn-form-error .cn-info-champ {display: none;}
	.cn-form2 .cn-form-bloc {margin-bottom: 10px; border-left: 2px solid black; padding: 5px 10px; background:#F7F7F7; text-transform: uppercase; font-size: 90%;}
	.cn-form-resume {margin: 0.5em 0 1em 0;}

	/* vue */
	.cn-form-defaut {display: block; padding-top: 4px;}

	/* select box */
	.cn-form-selectBox {border-radius: 5px; padding: 5px 10px; background: #F7F7F7; border: 2px solid #F7F7F7; display: inline-block; font-weight: bold;}

/* =save */
	p.cn-save, p.cn-save-disable {
		float: right;
	}
	
	p.cn-save a {
		display: inline-block;
		border: 2px solid #000;
		background: #f7f7f7;
		font-weight: bold;
	}
	
	p.cn-save span {
		display: inline-block;
		border: 2px solid #c0c0c0;
		background: #f7f7f7;
		font-weight: bold;
		color: #c0c0c0;
	}
	
	p.cn-save a:link, p.cn-save a:visited {color: black;}
	
	p.cn-save a:focus, p.cn-save a:hover {background: #ceed94;}
	
		p.cn-save a#save-edit {
	    	border-radius: 5px 0 0 5px;
	    	padding: 5px 20px;
		}
		
		p.cn-save a#save {
	    	border-radius: 0 5px 5px 0;
	    	padding: 5px;
		}
		
		p.cn-save #save-edit2 {
	    	border-radius: 5px;
	    	padding: 5px 20px;
		}
	
/* =menu déroulant */	
	a.cn-menud-trigger {
		padding-right: 14px;
		background: transparent url(tipsy-south.gif) no-repeat 100% 65%;
	}
	
	ul.cn-menud {
		display: none;
		border: 1px solid #e1e1e1;
		position: absolute;
		top: 80%;
		right: 0;
		z-index: 100;
		background: #f8f8f8;
	}
	
	ul.cn-menud li {
		display: block;
	}
	
/* options */
	
	.cn-options {position: relative!important;}/* conteneur */

		a.cn-options-trig {/* trigger */
			display: inline-block;
			padding: 5px;
		}

			.cn-options-lib {
				display: inline-block;
				padding-right: 14px!important;
				background: url(tipsy-south.gif) no-repeat scroll 100% 80% transparent;
			}

			a.cn-options-opened {
				background-color: #777777!important;
				color: white!important;
			}

		.cn-options-bloc {/* bloc options masqué */
		    background: none repeat scroll 0 0 #F8F8F8;
		    border: 1px solid #E1E1E1;
		    box-shadow: 3px 7px 10px #C0C0C0;
		    display: none;
		    position: absolute;
		    top: 100%;
		    z-index: 100;
		}

			.cn-options-aligned {right:0;}
			.cn-options-aligneg {right:auto;}

			.cn-options-bloc > div {margin: 10px;}

	.cn-nowrap, .cn-nowrap * {
		white-space: nowrap;
	}

/* =infos */
	.cn-infos {
		margin-bottom: 0.6em;
		color: #c0c0c0;
	}

/* =wysiwyg */
.wysiwyg {
	border: 1px solid #ececec;
	background: #fff;
}

.wysiwyg .panel {
	float: left;
	margin: 5px 5px 2px 5px;
}

.wysiwyg .panel li {
	list-style-type: none;
	float: left;
	margin: 1px 2px 3px 0;
}

.wysiwyg .panel li.separator {
	height: 16px;
	margin: 0 4px;
	border-left: 1px solid #ececec;
}

.wysiwyg .panel li a {
	text-indent: -5000px;
	opacity: 0.85;
	display: block;
	width: 16px;
	height: 16px;
	background: url('jquery.wysiwyg.gif') no-repeat -64px -80px;
	border: 0;
	cursor: pointer;
	padding: 1px;
}

.wysiwyg .panel li a:hover, .wysiwyg .panel li a.active {
	opacity: 1.00;
}

.wysiwyg .panel li a.active {
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	border-left-color: #aaaaaa;
	border-top-color: #aaaaaa;
}

.wysiwyg .panel .bold { background-position: 0 -16px; }
.wysiwyg .panel .italic { background-position: -16px -16px; }
.wysiwyg .panel .strikeThrough { background-position: -32px -16px; }
.wysiwyg .panel .underline { background-position: -48px -16px; }
.wysiwyg .panel .indent {background-position: -64px 0;}
.wysiwyg .panel .outdent {background-position: -80px 0;}
.wysiwyg .panel .subscript {background-position: -64px -16px;}
.wysiwyg .panel .superscript {background-position: -80px -16px;}
.wysiwyg .panel .undo {background-position: 0 -64px;}
.wysiwyg .panel .redo {background-position: -16px -64px;}
.wysiwyg .panel .insertOrderedList {background-position: -32px -48px;}
.wysiwyg .panel .insertUnorderedList {background-position: -16px -48px;}
.wysiwyg .panel .createLink {background-position: -80px -48px;}
.wysiwyg .panel .html {background-position: -47px -46px;}
.wysiwyg .panel .removeFormat {background-position: -80px -63px;}
.wysiwyg .panel .empty {background-position: -64px -80px;}

.wysiwyg iframe {
	clear: left;
	border-top: 1px solid #ececec;
	margin: 0 5px;
	padding: 5px 0;
}

.ui-datepicker {z-index: 9999;}/* pour modal */

/* =cn-widget */
.cn-widget {
	/*border-radius: 5px;*/
	/*border: 2px solid #e1e1e1;*/
	/*padding: 5px;*/
	background: #fff;
}

	.cn-periode {height: 240px; width: 440px;}
	.cn-periode-debut {float: left;}
	.cn-periode-fin {float: right;}
	
	.cn-periode-submit {text-align: right;}

	.cn-periode .cn-datepicker {margin: 5px 0;}

		.cn-periode1 {color:#F57722;}
		.cn-periode2 {color:#C6C4BB;}

/* =cn-options */
.cn-options {}
.cn-options-container {display: none;
		margin-top: 5px;
		padding: 10px;
    	background: #f7f7f7;
    	}
.cn-options-trigger {
	padding-left: 14px;
	background: transparent url(tipsy-east.gif) no-repeat left center;
}
.cn-options-on {background-image: url(tipsy-south.gif);}

/* =cn-descriptif */
.cn_descriptif {}

.cn_descriptifs_label {padding-right: 30px; position: relative;}

.cn_descriptifs_label li {
	border: 1px solid #f7f7f7;
	border-right-color: white;
	padding: 5px;
	background: white;
	display: inline-block;
}

	.cn_descriptifs_label .cn-data-label {cursor: pointer;}
	.cn_descriptifs_label .cn-data-delete {display: none;}
	.cn_descriptifs_label li.cn_desc_actif {background-color: #f7f7f7;}	
	.cn_descriptifs_label li.cn_desc_actif .cn-data-delete {display: inline-block;}

	.cn_descriptifs_label textarea {display: none;}
	.cn_descriptifs_label > a {position: absolute; top: 1ex; right: 0;}
	.cn_descriptifs_label input.edition_label {width: 70%; margin-bottom: 0; min-height: 0;}
	
.cn_descriptifs_texte {
	min-width: 600px;
	float: left;
	background: #f7f7f7;
	padding: 5px;
}

	.cn_descriptifs_texte .wysiwyg {margin-bottom: 0;}

.cn-encart .cn_descriptifs_label li {border-color: #E1E1E1; border-right-color: #f8f8f8; background: #f8f8f8;}
.cn-encart .cn_descriptifs_label li.cn_desc_actif {background-color: #E1E1E1; border-right-color: #E1E1E1;}
.cn-encart .cn_descriptifs_texte {min-width: 400px; background: #E1E1E1;}

/* =cn-cpt */
.cn-cpt:before {content:' ';}

.cn-bloc-2col {background: transparent url(pixel_bord1.gif) repeat-y 50% 0%;}
.cn-bloc-add {text-align: right;}

/* =cn-poll */
.cn-poll {
	display: inline-block;
 	width: 88px;
 	height: 16px;
 	background: transparent url(stars.png) no-repeat;
}
	
	.cn-poll-50 {background-position: 0px 0px;}
	.cn-poll-45 {background-position: 0px -18px;}
	.cn-poll-40 {background-position: 0px -36px;}
	.cn-poll-35 {background-position: 0px -54px;}
	.cn-poll-30 {background-position: 0px -72px;}
	.cn-poll-25 {background-position: 0px -90px;}
	.cn-poll-20 {background-position: 0px -108px;}
	.cn-poll-15 {background-position: 0px -126px;}
	.cn-poll-10 {background-position: 0px -144px;}
	.cn-poll-5 {background-position: 0px -162px;}
	.cn-poll-0 {background-position: 0px -180px;}
	
.grippy {
	display:inline-block;
	width: 12px;
	height: 14px;
	background: transparent url(grippy.png) repeat-x left top;
	cursor: move;
}

.cn-form2 .grippy {width: 8px; height: 10px; margin-right: 10px;}
.cn-form2 .optionDesactivee {opacity: 0.2;}

.opacity-0  {opacity: 0.3;}

/* div en surimpression */
.cn-box {
	background: transparent;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

	.cn-box-content {
	    border: 1px solid #E1E1E1;
	    padding: 10px;
	    background: #F8F8F8;
	    box-shadow: 3px 7px 10px #C0C0C0;
	}

	.cn-box-close {height: 20px; text-align: right;}

		.cn-box-close a {
			display: inline-block;
			position: relative;
			top: 1px;
			right: 0px;
			width: 20px;
			height: 18px;
			border: 1px solid #E1E1E1;
			border-bottom-color: #F8F8F8;
			background: #F8F8F8 url(icons.gif) no-repeat 2px -396px;
		}

.cn-counter-list {
        counter-reset: li; /* Initialise le compteur */
        list-style: none; /* Supprime la numérotation par défaut */
        font: 15px 'trebuchet MS', 'lucida sans';
        padding: 0;
        margin-bottom: 4em;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.cn-counter-list a {
        position: relative;
        display: block;
        padding: .4em .4em .4em .8em;
        margin: .5em 0 .5em 2.5em;
        /*background: #ddd;*/
        color: #444;
        text-decoration: none;
        transition: all .3s ease-out;
}

.cn-counter-list a:hover, .cn-counter-list .active a {
        background: #eee;
}       

.cn-counter-list a:before{
        content: counter(li);
        counter-increment: li;
        position: absolute;
        left: -2.5em;
        top: 50%;
        margin-top: -1em;
        background: #F57722;
        height: 2em;
        width: 2em;
        line-height: 2em;
        text-align: center;
        font-weight: bold;
}

.cn-counter-list a:after{
        position: absolute;
        content: '';
        border: .5em solid transparent;
        left: -1em;
        top: 50%;
        margin-top: -.5em;
        transition: all .3s ease-out;
}

.cn-counter-list a:hover:after, .cn-counter-list .active a:after {
        left: -.5em;
        border-left-color: #fa8072;
}

.cn-badge {
	font-size: 90%;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: center;
	background-color: #999999;
	padding: 1px 9px 2px;
	border-radius: 9px;
}

.cn-badge-inverse {
	background-color: #333;
}

.nav {margin-bottom: 15px;}

.nav .nav-section {
	list-style-type: none;
	font-size: 105%;
	line-height: 1.1;
}

.nav .nav-section-header {
	position: relative;
	margin-bottom: 1px;
	padding: 0 30px 0 0;
}

	.nav .expanded .nav-section-header,
	.nav .selected .nav-section-header {
		background: #F7F7F7;
		/*background: rgba(0, 0, 0, 0.05);*/
	}

.nav .nav-section-header::after {
	content: '';
	background: transparent url(disclosure_down.png) no-repeat scroll 50% 50%;
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

	.nav .expanded > .nav-section-header::after {
		background-image: url(disclosure_up.png);
	}

.nav .nav-section ul {
	display: none;
	overflow: hidden;
	font-size: 90%;
}

	.nav .nav-section li {
		/*padding: 7px 30px 7px 10px*/
		float: left;
		width: 100%;
		padding: 7px 0;
	}

	.nav .expanded ul > li {
		background: #EFEFEF;
		background: rgba(0, 0, 0, 0.01);
	}

.nav .nav-section li a {
	display: block;
	
	margin: 0 30px 0 10px;
	font-weight: normal;
}

.nav > li > div > a {
	display: block;
	color: #333;
	font-weight: 500;
	padding: 10px 0 10px 10px;
}

.nav > li.selected > div > a {font-weight:bold;}

.nav .nav-section .grippy {
	width: 12px;
	height: 14px;
}

.list-action {text-align: right;}

/* nav-action */
.nav-action li a {
	float: right;
}

/* sortable-list */
.sortable-list {
	position: relative;
	padding-left: 20px;
}

	.sortable-list .grippy {
		position: absolute;
		left: -0;
		top: 0;
	}

/* dialog-form */

.validateTips {
	border: 1px solid transparent;
	padding: 0.3em 0;
}

/* redactor */
.cn-form2 .redactor_box {border-color: #EEE;}
.cn-form2 .redactor_toolbar {background: #f2f2f2; border-color: #DDD;}

#main ul.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
}

ul.jqueryFileTree li {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0px;
	white-space: nowrap;
	position: relative;
}

ul.jqueryFileTree a {
	color: #333;
	text-decoration: none;
	padding: 0px 2px;
	
}

ul.jqueryFileTree a.picto {
	position: absolute;
	top: 0.5ex;	
}

	ul.jqueryFileTree a.icon-refresh {right: 40px;}
	ul.jqueryFileTree a.icon-page_edit {right: 20px;}
	ul.jqueryFileTree a.icon-add {right: 0;}

ul.jqueryFileTree span, ul.jqueryFileTree i {
	display: block;
	padding: 2px;
}

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

/* Core Styles */
.jqueryFileTree li.directory {background: url(jqueryFileTree/directory.png) left top no-repeat;}
.jqueryFileTree li.expanded {background: url(jqueryFileTree/folder_open.png) left top no-repeat;}
.jqueryFileTree li.file {background: url(jqueryFileTree/file.png) left top no-repeat;}
.jqueryFileTree li.wait {background: url(jqueryFileTree/spinner.gif) left top no-repeat;}
.jqueryFileTree li.inactive a[rel], .jqueryFileTree li.inactive i {opacity: 0.3;}

.jqueryFileTree li.selected>span a:first-child {font-weight: bold;}


/* File Extensions*/
.jqueryFileTree li.ext_3gp {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_afp {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_afpa {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_asp {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_aspx {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_avi {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_bat {background: url(jqueryFileTree/application.png) left top no-repeat;}
.jqueryFileTree li.ext_bmp {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_c {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_cfm {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_cgi {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_com {background: url(jqueryFileTree/application.png) left top no-repeat;}
.jqueryFileTree li.ext_cpp {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_css {background: url(jqueryFileTree/css.png) left top no-repeat;}
.jqueryFileTree li.ext_doc {background: url(jqueryFileTree/doc.png) left top no-repeat;}
.jqueryFileTree li.ext_exe {background: url(jqueryFileTree/application.png) left top no-repeat;}
.jqueryFileTree li.ext_gif {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_fla {background: url(jqueryFileTree/flash.png) left top no-repeat;}
.jqueryFileTree li.ext_h {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_htm {background: url(jqueryFileTree/html.png) left top no-repeat;}
.jqueryFileTree li.ext_html {background: url(jqueryFileTree/html.png) left top no-repeat;}
.jqueryFileTree li.ext_jar {background: url(jqueryFileTree/java.png) left top no-repeat;}
.jqueryFileTree li.ext_jpg {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_jpeg {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_js {background: url(jqueryFileTree/script.png) left top no-repeat;}
.jqueryFileTree li.ext_lasso {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_log {background: url(jqueryFileTree/txt.png) left top no-repeat;}
.jqueryFileTree li.ext_m4p {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_mov {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_mp3 {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_mp4 {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_mpg {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_mpeg {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_ogg {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_pcx {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_pdf {background: url(jqueryFileTree/pdf.png) left top no-repeat;}
.jqueryFileTree li.ext_php {background: url(jqueryFileTree/php.png) left top no-repeat;}
.jqueryFileTree li.ext_png {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_ppt {background: url(jqueryFileTree/ppt.png) left top no-repeat;}
.jqueryFileTree li.ext_psd {background: url(jqueryFileTree/psd.png) left top no-repeat;}
.jqueryFileTree li.ext_pl {background: url(jqueryFileTree/script.png) left top no-repeat;}
.jqueryFileTree li.ext_py {background: url(jqueryFileTree/script.png) left top no-repeat;}
.jqueryFileTree li.ext_rb {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_rbx {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_rhtml {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_rpm {background: url(jqueryFileTree/linux.png) left top no-repeat;}
.jqueryFileTree li.ext_ruby {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_sql {background: url(jqueryFileTree/db.png) left top no-repeat;}
.jqueryFileTree li.ext_swf {background: url(jqueryFileTree/flash.png) left top no-repeat;}
.jqueryFileTree li.ext_tif {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_tiff {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_txt {background: url(jqueryFileTree/txt.png) left top no-repeat;}
.jqueryFileTree li.ext_vb {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_wav {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_wmv {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_xls {background: url(jqueryFileTree/xls.png) left top no-repeat;}
.jqueryFileTree li.ext_xml {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_zip {background: url(jqueryFileTree/zip.png) left top no-repeat;}


.tree ul {}

.tree li {
	padding: 2px 0 2px 20px;
	white-space: nowrap;
	line-height: 1.5;
}

.tree > ul > li {background: url(jqueryFileTree/directory.png) left top no-repeat;}
.tree li.open {background-image: url(jqueryFileTree/folder_open.png)!important;}

.tree .edit {
	visibility: hidden;
	font-style: normal!important;
}

.tree .edit a {color: #00f!important;}
.tree span:hover .edit {visibility: visible;}

.tree input {float: none!important;}

/*plugin styles*/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; }
.visualize canvas { position: absolute; }
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none;  }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }

/*pie labels*/
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }

/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%;  }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }

/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 1010;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: right top;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('chosen-sprite.png') no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url('chosen-sprite.png') no-repeat 100% -22px;
  background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff url('chosen-sprite.png') no-repeat -38px -22px;
  background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);  
  background: url('chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* @end */

.chzn-autoc {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  border-color: #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  height: 23px;
  line-height: 24px;
  color: #444444;
}