.form.contacter,
.form.poster,
.form.mailer,
.form{
	margin:10px;
}
.form.contacter{
	border:1px solid #ccc;
	background-color:#fff;
	overflow:hidden;
}
	.form .title{
		font-size:20px;
		font-size:1.250rem;	/* 20 / 16 = 1.25 */
		border-bottom:1px solid #ccc;
		padding:5px;
	}
	.form .info{
		font-weight:bold;
		color:#888;
		padding:5px 10px 5px 10px;
		font-size:12px;
		font-size:0.750rem;	/* 12 / 16 = 0.75 */
	}
	.form.poster .title{
		color:#000;
	}
	.form.mailer .title{
		color:#08f;
	}
	.form.contacter .title{
		color:#fff;
		background-color:#777777;
	}
	.form .fields{
		padding:10px;
	}
	
		.form .fields label,
		.form .fields .line .labels .labels_text{
			font-size:13px;
			font-size:0.813rem;	/* 13 / 16 = 0.813 */
			height:1.125rem; /* 18 / 16 = 1.125 */
			line-height:1.125rem; /* 18 / 16 = 1.125 */
			width:200px;
			vertical-align:top;
			padding:9px 0px 0px 0px;
			overflow:hidden;
		}
		.form .fields .block{
			float:left;
			margin:10px 5px 10px 5px;
			max-width:100%;
		}
		.form .fields > .period{
			float:left;
			max-width:160px;
			margin-right:30px;
			display:inline-block
		}
			
			.form .fields .line{
				margin:0px 0px 10px 0px;
				width:100%;
			}
			
				.form .fields .line textarea{
					width:100%;
					min-height:80px;
				}
				.form .fields .line select,
				.form .fields .line textarea:not(.xxlarge),
				.form .fields .line input[type=text],
				.form .fields .line input[type=time],
				.form .fields .line input[type=number]:not(.currency),
				.form .fields .line input[type=password]{
					max-width:100%;
					width:350px;
				}.form .fields .line textarea.xxlarge{
					height:200px;
				}
				
				
				.form .fields .line input[type=number].currency{
					max-width:90%;
					width:230px;
				}.form .fields .line input[type=number].currency + .money{
					display:inline-block;
					max-width:10%;
					width:120px;
					height:100%;
					line-height:100%;
					vertical-align:middle;
				}.form .fields .line input[type=number].currency + .money .sign{
					vertical-align:middle;
					line-height:100%;
					font-size:1.5rem;
					font-weight:bold;
				}.form .fields .line input[type=number].currency + .money .name{
					vertical-align:middle;
					line-height:100%;
					font-size:0.8rem;
					color:#555;
				}
				.form .fields .line .datepicker{
					background-image:url('../img/ico/32px/events_000.png');
					background-position:right 4px center;
					background-size:20px 20px;
					background-repeat:no-repeat;
				}
				.form .fields .line.error .datepicker{
					background-image:url('../img/ico/32px/events_d00.png');
				}
				
				
				
				
				
				
				
				
				
				
				.form .fields .line .labels{
					width:100%;
					/*overflow:hidden;*/
					position:relative;
				}
					.form .fields .line .labels .labels_text{
						width:100%;
						height:20px;
						vertical-align:bottom;
						color:#000;
					}.form .fields .line .labels > input[type="checkbox"]{
						z-index:2;
						position:absolute;
						top:0px;
						left:-5px;
						width:100%;
						height:25px;
						opacity:0;
						/*cursor:pointer;*/
						background-color:#f00;
					}
					.form .fields .line .labels > input[type="checkbox"] + .labels_text{
						color:#0af;
						/*text-decoration:underline;*/
						
						width:auto;
						height:20px;
						padding:3px 32px 0px 10px;
						padding:3px 10px 0px 10px;
						vertical-align:bottom;
						color:#fff;
						text-shadow:0px 0px 0px #000, 0px 0px 0px #000, 0px 0px 1px #000, 0px 0px 1px #000;
						font-weight:bold;
						background-image:linear-gradient(#eee, #ccc);
						display:inline-block;
						border-top-left-radius:3px;
						border-top-right-radius:3px;
						border-top:1px solid #aaa;
						border-left:1px solid #aaa;
						border-right:1px solid #aaa;
						
					}
					.form .fields .line .labels .labels_container{
						display:none;
						/*width:100%;*/
						padding:10px;
						background-color:#fff;
						
						border-top-right-radius:3px;
						border-bottom-right-radius:3px;
						border-bottom-left-radius:3px;
					}
					/*
					.form .fields .line .labels > input[type="checkbox"]:not(:checked) + .labels_text + .labels_container{
						display:none;
					}.form .fields .line .labels > input[type="checkbox"]:checked + .labels_text + .labels_container{
						display:block;
						border:1px solid #aaa;
					}
					*/
					.form .fields .line .labels > input[type="checkbox"] + .labels_text + .labels_container{
						display:block;
						border:1px solid #aaa;
						
						display:flex;
						flex-wrap:wrap;
					}
					
					
						.w_label,
						.form .fields .line .labels .labels_container .label{
							float:left;
							display:inline-block;
							margin:5px;
							position:relative;
							text-align:center;
							cursor:pointer;
							flex:auto;
						}
							.w_label input[type="checkbox"],
							.form .fields .line .labels .labels_container .label input[type="checkbox"]{
								z-index:2;
								position:absolute;
								top:-5px;
								left:-5px;
								width:calc(100% + 4px);
								height:calc(100% + 4px);
								opacity:0;
								cursor:pointer;
							}
							.w_label input[type="checkbox"] + .w_label_text,
							.form .fields .line .labels .labels_container .label input[type="checkbox"] + .text{
								padding:10px;
								border-radius:3px;
								font-size:13px;
								
							}
							.w_label input[type="checkbox"]:not(:checked) + .w_label_text,
							.w_label  .w_label_text.off,
							.form .fields .line .labels .labels_container .label input[type="checkbox"]:not(:checked) + .text{
								background-color:#fff;
								color:#999;
								border:1px solid #ddd;
							}
							.w_label input[type="checkbox"]:checked + .w_label_text,
							.w_label  .w_label_text.on,
							.form .fields .line .labels .labels_container .label input[type="checkbox"]:checked + .text{
								background-color:#0af;
								color:#fff;
								border:1px solid #0af;
							}
					
					
					
					/*
					.w_label{
						display:inline-block;
						height:20px;
						max-width:350px;
						margin-right:20px;
						font-family:Arial, "Microsoft Sans Serif";
						
					}
						.w_label input[type="checkbox"]{
							z-index:2;
							position:absolute;
							top:-5px;
							left:-5px;
							width:100%;
							height:30px;
							opacity:0;
							cursor:pointer;
							
						}
						.w_label input[type="checkbox"] + .w_label_text{
							font-weight:bold;
						}
						.w_label input[type="checkbox"]:not(:checked) + .w_label_text,
						.w_label  .w_label_text.off{
							color:#999;
						}.w_label input[type="checkbox"]:checked + .w_label_text,
						.w_label  .w_label_text.on{
							color:#0af;
							text-decoration:underline;
						}
						/**/
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
				.form .fields .line .file{
					max-width:100%;
					/*width:348px;*/
				}
				.form .fields .line .file{
					display:inline-block;
					border-radius:3px;
					border:1px solid #999;
					overflow:visible;
					position:relative;
					background-color:#fff;
					
				}
					.form .fields .line .file .file_loader{
						position:relative;
						height:30px;
						margin:5px;
						overflow:visible;
						width:max-content;
					}
						.form .fields .line .file .file_loader .file_loader_uploader{
						/*position:absolute;*/
							top:0px;
							left:0px;
						
							display:inline-block;
							/*width:80px;*/
							overflow:hidden;
							
							cursor:pointer;
						}
							.form .fields .line .file .file_loader .file_loader_uploader input{
								cursor:pointer;
							}
							.form .fields .line .file .file_loader .file_loader_uploader_text{
									display:inline-block;
									/*position:absolute;*/
									max-width:100%;
									/*width:80px;*/
									height:28px;
									z-index:3;
							}
							.form .fields .line .file .file_loader .file_loader_uploader_button{
									display:inline-block;
									/*width:80px;*/
									height:30px;
							}
						.form .fields .line .file input[type=button]{
							padding:5px;
							border:1px solid #777;
							font-weight:bold;
							box-shadow:-1px 1px 5px rgba(255, 255, 255, 0.4) inset;
							background-image:linear-gradient(#fff, #ddd);
							border:1px solid #999;
							cursor:pointer;
						}.form .fields .line .file .file_loader_uploader input[type=button]{
							border-radius:3px;
						}.form .fields .line .file .file_loader_deleter input[type=file]{
							border-radius:3px;
						}
						.form .fields .line .file input[type=file]{
							position:absolute;
							top:0px;
							left:0px;
							/*max-width:100%;*/
							width:100%;
							height:30px;
							z-index:5;
							opacity:0.0;
						}
					.form .fields .line .file .file_loader .file_loader_url{
						display:inline-block;
						position:absolute;
						top:0px;
						left:80px;
						right:30px;
						/*width:250px;*/
						max-width:100%;
						height:30px;
					}
						.form .fields .line .file .file_loader .file_loader_url input[type=text]{
							display:inline-block;
							width:100%;
							height:30px;
							border-top-left-radius:0px;
							border-top-right-radius:0px;
							border-bottom-left-radius:0px;
							border-bottom-right-radius:0px;
							border-top:1px solid #999;
							border-right:1px solid #fff;
							border-bottom:1px solid #999;
							border-left:1px solid #fff;
							font-size:13px;
							font-size:0.813rem;	/* 13 / 16 = 0.813 */
							line-height:30px;
							line-height:1.875rem;	/* 30 / 16 = 1.875 */
							padding-left:10px;
						}
						.form .fields .line .file .file_loader_deleter{
							display:inline-block;
							position:absolute;
							top:0px;
							/*left:330px;*/
							right:0px;
							width:30px;
							height:30px;
						}
						.form .fields .line .file .file_loader_deleter .file_loader_deleter_button{
							display:inline-block;
							margin:0px;
							padding:0px;
							width:30px;
							height:30px;
							background-image:url('../img/ico/16px/delete_000.png'), linear-gradient(#fff, #ddd);
							background-size:16px 16px, 100% 100%;
							background-repeat:no-repeat, no-repeat;
							background-position:center center;
						}.form .fields .line .file .file_loader_deleter .file_loader_deleter_button:hover{
							background-image:url('../img/ico/16px/delete_000.png'), linear-gradient(#ddd, #fff);
						}.form .fields .line .file .file_loader_deleter .file_loader_deleter_button:active{
							box-shadow:0px 2px 5px #999 inset;
							background-image:url('../img/ico/16px/delete_000.png'), linear-gradient(#ddd, #fff);
						}
					.form .fields .line .file .file_output{
						
					}
						.form .fields .line .file .file_output .thumb{
							
							position:relative;
							display:inline-block;
							
							width:120px;
							height:120px;
							
							vertical-align:middle;
							text-align:center;
							
							padding:10px;
							background-color:#fff;
							
							/*background-size:cover;*/
							border:1px solid #ccc;
							margin:5px;
						}
						.form .fields .line .file .file_output .thumb.thumb_error{
							background-color:#faa;
							border:1px solid #f00;
						}
						.form .fields .line .file .file_output .thumb.thumb_cover{
							background-color:#acf;
							border:1px solid #08f;
						}
							.form .fields .line .file .file_output .thumb img{
								position:absolute;
								left:10px;
								top:10px;
								max-width:120px;
								max-height:120px;
								
							}
							.form .fields .line .file .file_output .thumb .thumb_buttons{
								position:absolute;
								right:0px;
								bottom:0px;
								background-image:linear-gradient(#fff, #ddd);
								border-top-left-radius:3px;
								border-top:1px solid #ccc;
								border-left:1px solid #ccc;
							}
								.form .fields .line .file .file_output .thumb .thumb_buttons .button{
									float:left;
									width:20px;
									height:20px;
									background-size:16px 16px;
									background-repeat:no-repeat;
									background-position:2px 2px;
								}.form .fields .line .file .file_output .thumb .thumb_buttons .button.delete{
									background-image:url('../img/ico/16px/delete_000.png');
								}.form .fields .line .file .file_output .thumb .thumb_buttons .button.cover{
									background-image:url('../img/ico/16px/cover_000.png');
								}
				
				.form .fields .line.error{
					color:#d00;
					font-size:13px;
					font-size:0.813rem;	/* 13 / 16 = 0.813 */
				}
					
					.form.poster .fields .line.error select,
					.form.poster .fields .line.error .file,
					.form.poster .fields .line.error .file .file_loader_uploader input[type=button],
					.form.poster .fields .line.error .file .file_loader_url input[type=text],
					.form.poster .fields .line.error .file .file_loader_deleter input[type=button],
					.form.poster .fields .line.error input[type=text],
					.form.poster .fields .line.error input[type=number],
					.form.poster .fields .line.error input[type=email],
					.form.poster .fields .line.error input[type=search],
					.form.poster .fields .line.error input[type=time],
					.form.poster .fields .line.error input[type=date],
					.form.poster .fields .line.error input[type=datetime],
					/*.form.poster .fields .line.error input[type=button],*/
					.form.poster .fields .line.error input[type=password],
					.form.poster .fields .line.error textarea{
						border:1px solid #d00;
					}
			
					.form.contacter .fields .line.error select,
					.form.contacter .fields .line.error .file,
					.form.contacter .fields .line.error .file .file_loader_uploader input[type=button],
					.form.contacter .fields .line.error .file .file_loader_url input[type=text],
					.form.contacter .fields .line.error .file .file_loader_deleter input[type=button],
					.form.contacter .fields .line.error input[type=text],
					.form.contacter .fields .line.error input[type=number],
					.form.contacter .fields .line.error input[type=email],
					.form.contacter .fields .line.error input[type=search],
					.form.contacter .fields .line.error input[type=time],
					.form.contacter .fields .line.error input[type=date],
					.form.contacter .fields .line.error input[type=datetime],
					/*.form.contacter .fields .line.error input[type=button],*/
					.form.contacter .fields .line.error input[type=password],
					.form.contacter .fields .line.error textarea{
						border:1px solid #d00;
					}
			
					.form.mailer .fields .line.error select,
					.form.mailer .fields .line.error .file,
					.form.mailer .fields .line.error .file .file_loader_uploader input[type=button],
					.form.mailer .fields .line.error .file .file_loader_url input[type=text],
					.form.mailer .fields .line.error .file .file_loader_deleter input[type=button],
					.form.mailer .fields .line.error input[type=text],
					.form.mailer .fields .line.error input[type=number],
					.form.mailer .fields .line.error input[type=email],
					.form.mailer .fields .line.error input[type=search],
					.form.mailer .fields .line.error input[type=time],
					.form.mailer .fields .line.error input[type=date],
					.form.mailer .fields .line.error input[type=datetime],
					/*.form.mailer .fields .line.error input[type=button],*/
					.form.mailer .fields .line.error input[type=password],
					.form.mailer .fields .line.error textarea{
						border:2px solid #d00;
						background-color:#fdd;
					}
			
					.form.poster .fields .line select:not(.bb_button),
					.form.poster .fields .line input:not(.bb_button){
						padding:7px 10px 7px 10px;
						border-top-left-radius:3px;
						border-top-right-radius:3px;
						border-bottom-left-radius:3px;
						border-bottom-right-radius:3px;
						max-width:100%;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						box-sizing:border-box;
						
					}
					.form.poster .fields .line textarea{
						padding:7px 10px 7px 10px;
						border-top-left-radius:0px;
						border-top-right-radius:0px;
						border-bottom-left-radius:5px;
						border-bottom-right-radius:5px;
						max-width:100%;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						box-sizing:border-box;
						
					}
					
					
					
					.form.contacter .fields .line input:not(.bb_button),
					.form.contacter .fields .line textarea{
						padding:7px 10px 7px 10px;
						border-top-left-radius:3px;
						border-top-right-radius:3px;
						border-bottom-left-radius:3px;
						border-bottom-right-radius:3px;
						max-width:100%;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						box-sizing:border-box;
						
					}
					.form.contacter .fields .line .bbpanel + textarea{
						border-top-left-radius:0px;
						border-top-right-radius:0px;
						
					}
				
					.form.mailer .fields .line input:not(.bb_button),
					.form.mailer .fields .line textarea{
						padding:7px 10px 7px 10px;
						border-top-left-radius:15px;
						border-top-right-radius:15px;
						border-bottom-left-radius:15px;
						border-bottom-right-radius:15px;
						max-width:100%;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						box-sizing:border-box;
						background:transparent;
						outline:none;
						resize:none;
					}
					
					
					
					
					
					.form.mailer .fields .line input::-webkit-scrollbar,
					.form.mailer .fields .line textarea::-webkit-scrollbar{
						width:12px;
					}

					.form.mailer .fields .line input::-webkit-scrollbar-track,
					.form.mailer .fields .line textarea::-webkit-scrollbar-track{
						-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
						border-radius:10px;
					}

					.form.mailer .fields .line input::-webkit-scrollbar-thumb,
					.form.mailer .fields .line textarea::-webkit-scrollbar-thumb{
						border-radius:10px;
						-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); 
					}
					
					
					
					.form.mailer .fields .line input::-webkit-input-placeholder,
					.form.mailer .fields .line textarea::-webkit-input-placeholder{
						color:#80bfff;
					}
					.form.mailer .fields .line input:-moz-placeholder,
					.form.mailer .fields .line textarea:-moz-placeholder{
						color:#80bfff;
						opacity:1;
					}
					.form.mailer .fields .line input::-moz-placeholder,
					.form.mailer .fields .line textarea::-moz-placeholder{
						color:#80bfff;
						opacity:1;
					}
					.form.mailer .fields .line input:-ms-input-placeholder,
					.form.mailer .fields .line textarea:-ms-input-placeholder{
						color:#80bfff;
					}
				
					.form.poster .fields .line select,
					.form.poster .fields .line input[type=text],
					.form.poster .fields .line input[type=number],
					.form.poster .fields .line input[type=email],
					.form.poster .fields .line input[type=search],
					.form.poster .fields .line input[type=time],
					.form.poster .fields .line input[type=date],
					.form.poster .fields .line input[type=datetime],
					/*.form.poster .fields .line input[type=button],*/
					.form.poster .fields .line input[type=password],
					.form.poster .fields .line textarea{
						border:1px solid #aaa;
					}
			
					.form.contacter .fields .line select,
					.form.contacter .fields .line input[type=text],
					.form.contacter .fields .line input[type=number],
					.form.contacter .fields .line input[type=email],
					.form.contacter .fields .line input[type=search],
					.form.contacter .fields .line input[type=time],
					.form.contacter .fields .line input[type=date],
					.form.contacter .fields .line input[type=datetime],
					/*.form.contacter .fields .line input[type=button],*/
					.form.contacter .fields .line input[type=password],
					.form.contacter .fields .line textarea{
						border:1px solid #aaa;
					}
			
					.form.mailer .fields .line select,
					.form.mailer .fields .line input[type=text],
					.form.mailer .fields .line input[type=number],
					.form.mailer .fields .line input[type=email],
					.form.mailer .fields .line input[type=search],
					.form.mailer .fields .line input[type=time],
					.form.mailer .fields .line input[type=date],
					.form.mailer .fields .line input[type=datetime],
					/*.form.mailer .fields .line input[type=button],*/
					.form.mailer .fields .line input[type=password],
					.form.mailer .fields .line textarea{
						border:2px solid #08f;
					}
			
	.form .buttons{
		text-align:right;
		padding:10px;
		border-top:1px solid #ccc;
	}
		.form .buttons .button{
			font-size:12px;
		}
		/*.mailer .fields .line .file .file_loader_uploader_button,*/
		.form.mailer .buttons .button{
			padding:10px;
			border:2px solid #08f;
			border-top-left-radius:20px;
			border-top-right-radius:20px;
			border-bottom-left-radius:20px;
			border-bottom-right-radius:20px;
			color:#08f;
			background:transparent;
			outline:none;
		}
		.form.poster .buttons .button,
		.form.contacter .buttons .button{
			padding:10px;
			border:1px solid #777;
			border-top-left-radius:3px;
			border-top-right-radius:3px;
			border-bottom-left-radius:3px;
			border-bottom-right-radius:3px;
			font-weight:bold;
			box-shadow:-1px 1px 5px rgba(255, 255, 255, 0.4) inset;
			
			background-image:linear-gradient(#fff, #ddd);
			text-shadow:0px 0px 1px #000, 0px 0px 1px #000;
		}
		.form.poster.green .buttons .button,
		.form.contacter.green .buttons .button,
		.form.poster .buttons .green,
		.form.contacter .buttons .green{
			background-image:linear-gradient(#0f0, #0b0);
			color:#fff;
		}
		.form.poster.orange .buttons .button,
		.form.contacter.orange .buttons .button,
		.form.poster .buttons .orange,
		.form.contacter .buttons .orange{
			background-image:linear-gradient(#fc0, #da0);
			color:#fff;
		}
		.form.poster.red .buttons .button,
		.form.contacter.red .buttons .button,
		.form.poster .buttons .red,
		.form.contacter .buttons .red{
			background-image:linear-gradient(#f00, #b00);
			color:#fff;
		}
		.form.poster.blue .buttons .button,
		.form.contacter.blue .buttons .button,
		.form.poster .buttons .blue,
		.form.contacter .buttons .blue{
			background-image:linear-gradient(#08f, #048);
			color:#fff;
		}
/*==================================================================================================*/
/*                                             BB_PANEL                                             */
/*==================================================================================================*/
.bbpanel{
	background-color:#eee;
	overflow:hidden;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	background-image:linear-gradient(#fff, #ddd);
}
	.bb_button{
		float:left;
		margin:4px;
		height:20px;
		border:1px solid #999;
		line-height:20px;
		line-height:1.250rem;	/* 20 / 16 = 1.25 */
	}.bb_button:hover{
		cursor:pointer;
	}
	
	.bb_button_basic{
		width:20px;
		text-align:center;
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center;
		background-image:linear-gradient(#fff, #ddd);
	}.bb_button_basic:hover{
		box-shadow:0px 0px 1px #bbb inset;
		background-image:linear-gradient(#ddd, #fff);
	}.bb_button_basic:active{
		box-shadow:0px 0px 1px #999 inset;
		background-image:linear-gradient(#aaa, #ddd);
	}
	.bb_button_align,
	.bb_button_code,
	.bb_button_hide,
	.bb_button_quote,
	.bb_button_spoil,
	.bb_button_url{
		width:20px;
		background-size:16px 16px, 100% 100%;
		background-repeat:no-repeat, no-repeat;
		background-position:2px 2px, center;
		
	}.bb_button_basic:hover,
	.bb_button_align:hover,
	.bb_button_code:hover,
	.bb_button_hide:hover,
	.bb_button_quote:hover,
	.bb_button_spoil:hover,
	.bb_button_url:hover{
		box-shadow:0px 0px 1px #bbb inset;
	}.bb_button_basic:active,
	.bb_button_align:active,
	.bb_button_code:active,
	.bb_button_hide:active,
	.bb_button_quote:active,
	.bb_button_spoil:active,
	.bb_button_url:active{
		box-shadow:0px 0px 1px #999 inset;
	}
	.bb_button_video{
		width:46px;
		background-size:100% 100%;
		background-color:#fff;
		text-align:center;
	}.bb_button_img:hover,
	.bb_button_video:hover{
		border:1px solid #666;
	}.bb_button_img:active,
	.bb_button_video:active{
		box-shadow:0px 0px 2px #666 inset;
	}
	#bb_button_b{
		font-weight:bold;
	}#bb_button_i{
		font-style:italic;
	}#bb_button_u{
		text-decoration:underline;
	}
	#bb_button_left{
		background-image:url('../img/ico/16px/align_left_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_left:hover{
		background-image:url('../img/ico/16px/align_left_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_left:active{
		background-image:url('../img/ico/16px/align_left_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_center{
		background-image:url('../img/ico/16px/align_center_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_center:hover{
		background-image:url('../img/ico/16px/align_center_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_center:active{
		background-image:url('../img/ico/16px/align_center_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_right{
		background-image:url('../img/ico/16px/align_right_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_right:hover{
		background-image:url('../img/ico/16px/align_right_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_right:active{
		background-image:url('../img/ico/16px/align_right_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_quote{
		background-image:url('../img/ico/16px/quote_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_quote:hover{
		background-image:url('../img/ico/16px/quote_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_quote:active{
		background-image:url('../img/ico/16px/quote_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_code{
		background-image:url('../img/ico/16px/code_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_code:hover{
		background-image:url('../img/ico/16px/code_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_code:active{
		background-image:url('../img/ico/16px/code_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_url{
		background-image:url('../img/ico/16px/link_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_url:hover{
		background-image:url('../img/ico/16px/link_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_url:active{
		background-image:url('../img/ico/16px/link_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_spoil{
		background-image:url('../img/ico/16px/spoil_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_spoil:hover{
		background-image:url('../img/ico/16px/spoil_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_spoil:active{
		background-image:url('../img/ico/16px/spoil_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_hide{
		background-image:url('../img/ico/16px/hide_000.png'), linear-gradient(#fff, #ddd);
	}#bb_button_hide:hover{
		background-image:url('../img/ico/16px/hide_000.png'), linear-gradient(#ddd, #fff);
	}#bb_button_hide:active{
		background-image:url('../img/ico/16px/hide_000.png'), linear-gradient(#aaa, #ddd);
	}
	#bb_button_img{
		width:35px;
		background-image:url('../img/form/img.png');
	}#bb_button_img:hover{
		background-image:url('../img/form/img_hover.png');
	}#bb_button_img:active{
		background-image:url('../img/form/img_active.png');
	}
	#bb_button_color{
		width:20px;
		background-color:#000;
	}#bb_button_c{
		background-color:#f00;
	}#bb_button_c:hover{
		border:1px solid #000;
	}
	#bb_button_youtube{
		background-image:url('../img/form/youtube.png');
	}
	#bb_button_vimeo{
		background-image:url('../img/form/vimeo.png');
	}
	#bb_button_police{
		width:150px;
	}
	#bb_button_size{
		width:100px;
	}
	.bb_spectrum_line{
		width:270px;
		overflow:hidden;
	}
		.bb_color{
			height:1.4px;
			float:left;
		}
			
.bb_youtube,
.bb_vimeo{
	max-width:560px;
	max-height:315px;
}

.bb_hidden{
	
}
.bb_spoiler{
	border:1px dotted #aaa;
	margin:10px 10px 0px 10px;
	overflow:hidden;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
	.bb_spoiler_button{
		text-align:center;
		background-color:#bbb;
		cursor:pointer;
		overflow:hidden;
	}.bb_spoiler_button:hover{
		background-color:#777;
		color:#fff;
	}
	.bb_spoiler_content{
		padding:10px;
		overflow:hidden;
		display:none;
	}.bb_spoiler:active > .bb_spoiler_content{
		display:block;
	}
	
.bb_quote{
	margin:10px 10px 0px 10px;
	overflow:hidden;
}
	.bb_quote_head{
		text-align:left;
		padding:0px 0px 0px 5px;
		font-weight:bold;
	}
	.bb_quote_content{
		padding:10px;
		overflow:hidden;
		border:1px solid #ccc;
	}
.bb_code{
	margin:10px 10px 0px 10px;
	overflow:hidden;
}
	.bb_code_head{
		text-align:left;
		padding:0px 0px 0px 5px;
		font-weight:bold;
	}
	.bb_code_content{
		padding:10px;
		overflow:hidden;
		text-align:left;
		font-size:12px;
		font-size:0.750rem;	/* 12 / 16 = 0.75 */
		border:1px solid #ccc;
		font-family:'Lucida Console';
	}
/*==================================================================================================*/
/*                                             WIDGETS                                              */
/*==================================================================================================*/

.w_switch{
	display:inline-block;
	/*width:50px;*/
	height:20px;
	border-radius:10px;
	background-image:linear-gradient(#e4e4e4, #fff);
	font-family:Arial, "Microsoft Sans Serif";
	font-size:9px;
	font-size:0.563rem;	/* 9 / 16 = 0.563 */
	overflow:hidden;
	position:relative;
}
	.w_switch input[type="checkbox"]{
		z-index:2;
		position:absolute;
		top:-5px;
		left:-5px;
		width:100%;
		height:30px;
		opacity:0;
		cursor:pointer;
	}
	.w_switch_background{
		display:inline-block;
		margin:2px;
		height:14px;
		border-radius:8px;
		cursor:pointer;
		line-height:14px;
		line-height:0.875rem;	/* 14 / 16 = 0.875 */
		width:40px;
	}.w_switch_onoff input[type="checkbox"]:not(:checked) + .w_switch_background,
	.w_switch_onoff  .w_switch_background.off{
		background-color:#ddd;
		border:1px solid #ccc;
		color:#888;
		text-shadow:0px 0px 1px #fff;
		box-shadow:0px 0px 1px #aaa inset;
	}.w_switch_onoff input[type="checkbox"]:checked + .w_switch_background,
	.w_switch_onoff  .w_switch_background.on{
		background-color:#08f;
		border:1px solid #07e;
		text-shadow:1px 1px 1px #555;
		box-shadow:0px 0px 1px #555 inset;
		color:#fff;
	}.w_switch_visibility input[type="checkbox"]:not(:checked) + .w_switch_background,
	.w_switch_visibility  .w_switch_background.off{
		background-color:#f00;
		border:1px solid #d00;
		text-shadow:1px 1px 1px #0b0;
		box-shadow:0px 0px 1px #0b0 inset;
		color:#fff;
	}.w_switch_visibility input[type="checkbox"]:checked + .w_switch_background,
	.w_switch_visibility  .w_switch_background.on{
		background-color:#0c0;
		border:1px solid #0b0;
		text-shadow:1px 1px 1px #555;
		box-shadow:0px 0px 1px #555 inset;
		color:#fff;
	}
		.w_switch_button{
			display:inline-block;
			width:14px;
			height:14px;
			border-radius:7px;
			background-color:#fff;
		}.w_switch input[type="checkbox"]:not(:checked) + .w_switch_background .w_switch_button,
		.w_switch .w_switch_background.off .w_switch_button{
			float:left;
		}.w_switch input[type="checkbox"]:checked + .w_switch_background .w_switch_button,
		.w_switch .w_switch_background.on .w_switch_button{
			float:right;
		}
			.w_switch_button div{
				display:inline-block;
				margin:2px;
				width:10px;
				height:10px;
				border-radius:5px;
				background-image:linear-gradient(#e4e4e4, #fff);
			}
		.w_switch_onoff .w_switch_icon{
			display:inline-block;
			float:left;
			line-height:14px;
			line-height:0.875rem;	/* 14 / 16 = 0.875 */
			width:26px;
			text-align:center;
		}.w_switch_visibility .w_switch_icon{
			display:inline-block;
			float:left;
			width:26px;
			height:14px;
			background-size:14px 14px;
			background-position:6px 0px;
			background-repeat:no-repeat;
		}.w_switch_onoff input[type="checkbox"]:not(:checked) + .w_switch_background .w_switch_icon:before,
		.w_switch_onoff .w_switch_background.off .w_switch_icon:before{
			content:"off";
		}.w_switch_onoff input[type="checkbox"]:checked + .w_switch_background .w_switch_icon:before,
		.w_switch_onoff .w_switch_background.on .w_switch_icon:before{
			content:"on";
		}.w_switch_visibility input[type="checkbox"]:checked + .w_switch_background .w_switch_icon,
		.w_switch_visibility .w_switch_background.on .w_switch_icon{
			background-image:url('../img/ico/16px/view_fff.png');
		}.w_switch_visibility input[type="checkbox"]:not(:checked) + .w_switch_background .w_switch_icon,
		.w_switch_visibility .w_switch_background.off .w_switch_icon{
			background-image:url('../img/ico/16px/hide_fff.png');
		}
/*
.w_label{
	display:inline-block;
	height:20px;
	max-width:350px;
	margin-right:20px;
	font-family:Arial, "Microsoft Sans Serif";
	overflow:hidden;
	position:relative;
}
	.w_label input[type="checkbox"]{
		z-index:2;
		position:absolute;
		top:-5px;
		left:-5px;
		width:100%;
		height:30px;
		opacity:0;
		cursor:pointer;
		
	}
	.w_label input[type="checkbox"] + .w_label_text{
		font-size:0.8rem;
		font-weight:bold;
	}
	.w_label input[type="checkbox"]:not(:checked) + .w_label_text,
	.w_label  .w_label_text.off{
		color:#999;
	}.w_label input[type="checkbox"]:checked + .w_label_text,
	.w_label  .w_label_text.on{
		color:#0af;
		text-decoration:underline;
	}

/***************************/
.sup_required{
	color:#f00;
	vertical-align:top !important;
}