/**
 * SCEditor
 * http://www.ssceditor.com/
 *
 * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *	http://www.opensource.org/licenses/mit-license.php
 */

@import "elements.less";

.sceditor-container
{
	position: relative;
	background: #fff;
	border: 1px solid #d9d9d9;
	font-size: 13px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #222;
	line-height: 1;
	font-weight: bold;

	.rounded(4px);
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div
{
	padding: 0;
	margin: 0;
	z-index: 3;
}
	.sceditor-container iframe,
	.sceditor-container textarea
	{
		border: 0;
		outline: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #111;
		padding: 0;
		margin: 5px;
		resize: none;
		background: #fff;
	}

	div.sceditor-resize-cover
	{
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
		width: 100%;
		height: 100%;
		z-index: 10;
		opacity: 0.3;
	}

	.ie6, .ie7, .ie8
	{
		div.sceditor-resize-cover
		{
			background: #efefef;
		}
	}

	.sceditor-container.ie6
	{
		// fixes resizing issues with IE 6
		overflow: hidden;
	}

	div.sceditor-grip
	{
		overflow: hidden;
		width: 10px;
		height: 10px;
		cursor: pointer;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 3;
	}

	.sceditor-maximize
	{
		position: fixed;
		top: 0;
		left: 0;
		height: 100% !important;
		width: 100% !important;
		.rounded(0);
		z-index: 2000;
	}

	// Used for IE 6 as it has no position fixed support
	html.sceditor-maximize,
	body.sceditor-maximize
	{
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;

		// Fixes issues with IE height being too big
		overflow: hidden;
	}

	.ie6.sceditor-maximize
	{
		// IE6 has no position fixed support
		position: absolute;
	}

		.sceditor-maximize div.sceditor-grip
		{
			display: none;
		}


		.sceditor-maximize div.sceditor-toolbar
		{
			.rounded(0);
		}


	/**
	 * Dropdown styleing
	 */
	div.sceditor-dropdown
	{
		position: absolute;
		border: 1px solid #ccc;
		background: #fff;
		color: #333;
		z-index: 4000;
		padding: 10px;
		line-height: 1;

		.rounded(2px);
		.box-shadow(1px 2px 4px rgba(0,0,0,0.2));
	}

		div.sceditor-dropdown a,
		div.sceditor-dropdown a:link
		{
			color: #333;
		}

		div.sceditor-dropdown form
		{
			margin: 0;
		}

		div.sceditor-dropdown label
		{
			display:block;
			font-weight: bold;
			color: #3c3c3c;
			padding: 4px 0;
		}

		div.sceditor-dropdown input,
		div.sceditor-dropdown textarea
		{
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			outline: 0;
			padding: 4px;
			border: 1px solid #ccc;
			border-top-color: #888;
			margin: 0 0 .75em;

			.rounded(1px);
		}

		div.sceditor-dropdown textarea
		{
			padding: 6px;
		}

		div.sceditor-dropdown input:focus,
		div.sceditor-dropdown textarea:focus
		{
			border-color: #aaa;
			border-top-color: #666;
			.box-shadow(inset 0 1px 5px rgba(0,0,0,0.1));
		}

		div.sceditor-dropdown .button
		{
			font-weight: bold;
			color: #444;
			padding: 6px 12px;
			background: #ececec;
			border: solid 1px #ccc;
			.rounded(2px);
			cursor: pointer;
			margin: .3em 0 0;
		}

		div.sceditor-dropdown .button:hover
		{
			background: #f3f3f3;
			.box-shadow(0 1px 1px rgba(0,0,0,0.15));
		}

		div.sceditor-font-picker,
		div.sceditor-fontsize-picker,
		div.sceditor-format
		{
			padding: 6px 0;
		}

		div.sceditor-emoticons,
		div.sceditor-more-emoticons,
		div.sceditor-color-picker
		{
			padding: 0;
		}

		.sceditor-pastetext textarea
		{
			border: 1px solid #bbb;
			width: 20em;
		}

		.sceditor-emoticons img,
		.sceditor-more-emoticons img
		{
			padding: 0;
			cursor: pointer;
			margin: 2px;
		}

		.sceditor-more
		{
			border-top: 1px solid #bbb;
			display: block;
			text-align: center;
			cursor: pointer;
			font-weight: bold;
			padding: 6px 0;
		}

		.sceditor-dropdown a:hover
		{
			background: #eee;
		}

		.sceditor-fontsize-option,
		.sceditor-font-option,
		.sceditor-format a
		{
			display: block;
			padding: 7px 10px;
			cursor: pointer;
			text-decoration: none;
			color: #222;
		}

		.sceditor-fontsize-option
		{
			padding: 7px 13px;
		}

		.sceditor-color-column
		{
			float: left;
		}

			.sceditor-color-option
			{
				display: block;
				border: 1px solid #fff;
				height: 10px;
				width: 10px;
				overflow: hidden;
			}

			.sceditor-color-option:hover
			{
				border: 1px solid #333;
			}


	/**
	 * Toolbar styleing
	 */
	div.sceditor-toolbar
	{
		overflow: hidden;
		padding: 3px 5px 2px;
		background: #f7f7f7;
		border-bottom: 1px solid #c0c0c0;
		line-height: 0;

		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		.rounded(3px 3px 0 0);
	}

		div.sceditor-group
		{
			display: inline-block;
			background: #ddd;
			margin: 1px 5px 1px 0;
			padding: 1px;
			border-bottom: 1px solid #aaa;

			.rounded(3px);

		}

		.ie6 div.sceditor-group,
		.ie7 div.sceditor-group
		{
			display: inline;
			zoom: 1;
		}

		.sceditor-button
		{
			float: left;
			cursor: pointer;
			padding: 3px 5px;
			width: 16px;
			height: 20px;
			.rounded(3px);
			/* Needed for Safari 5? */
			text-indent: -9999px;
		}

		.ie .sceditor-button
		{
			text-indent: 0;
		}

		.ie6 .sceditor-button,
		.ie7 .sceditor-button
		{
			float: none !important;
			display: inline;
			zoom: 1;
		}

		.ie6 .sceditor-button
		{
			padding: 0;
		}

			.ie6 .sceditor-button div
			{
				margin: 5px;
			}

			.ie7 .sceditor-button div
			{
				margin: 5px 0;
			}

			.sceditor-button:hover,
			.sceditor-button:active,
			.sceditor-button.active
			{
				background: #fff;
				.box-shadow(~"inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2)");
			}

			.sceditor-button:active
			{
				background: #fff;
				.box-shadow(~"inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3)");
			}

			.sceditor-button.disabled:hover
			{
				background: inherit;
				cursor: default;
				.box-shadow(none);
			}

			.sceditor-button, .sceditor-button div
			{
				display: block;
			}

			.sceditor-button div
			{
				margin: 2px 0;
				padding: 0;
				overflow: hidden;
				line-height: 0;
				font-size: 0;
				color: transparent;
			}

			.sceditor-button.disabled div
			{
				filter: alpha(opacity=30);
				opacity: 0.3;
			}

			.text .sceditor-button,
			.text .sceditor-button div,
			.sceditor-button.text,
			.sceditor-button.text div,
			.text-icon .sceditor-button,
			.text-icon .sceditor-button div,
			.sceditor-button.text-icon,
			.sceditor-button.text-icon div
			{
				width: auto;
				overflow: visible;
				line-height: 16px;
				font-size: 1em;
				color: inherit;
				text-indent: 0;
			}

			.text .sceditor-button div,
			.sceditor-button.text div
			{
				padding: 0 2px;
				background: none;
			}

			.text-icon .sceditor-button div,
			.sceditor-button.text-icon div
			{
				padding: 0 2px 0 20px;
			}

.rtl
{
	.sceditor-button
	{
		float: right;
	}

	div.sceditor-grip
	{
		right: auto;
		left: 0;
	}
}