/**
 * Copyright (C) 2012, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *	http://www.opensource.org/licenses/mit-license.php
 *
 * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
 * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
 */

@import "default.less";

.sceditor-container {
	border: 1px solid #8db2e3;
}

.sceditor-container textarea {
	font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
}

div.sceditor-toolbar {
	border-bottom: 1px solid #95a9c3;

	background: #dee8f5;
	background: -moz-linear-gradient(top, #dee8f5 0%, #c7d8ed 29%, #ccdcee 61%, #c0d8ef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee8f5), color-stop(29%,#c7d8ed), color-stop(61%,#ccdcee), color-stop(100%,#c0d8ef));
	background: -webkit-linear-gradient(top, #dee8f5 0%,#c7d8ed 29%,#ccdcee 61%,#c0d8ef 100%);
	background: -o-linear-gradient(top, #dee8f5 0%,#c7d8ed 29%,#ccdcee 61%,#c0d8ef 100%);
	background: -ms-linear-gradient(top, #dee8f5 0%,#c7d8ed 29%,#ccdcee 61%,#c0d8ef 100%);
	background: linear-gradient(to bottom, #dee8f5 0%,#c7d8ed 29%,#ccdcee 61%,#c0d8ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee8f5', endColorstr='#c0d8ef',GradientType=0 );
}
.ie9 div.sceditor-toolbar {
	filter: none;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZThmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2M3ZDhlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2NjZGNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGQ4ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

	div.sceditor-group {
		border: 1px solid #7596bf;
		background: transparent;
		padding: 0;

		background: #cadcf0;
		background: -moz-linear-gradient(top, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#cadcf0), color-stop(38%,#bcd0e9), color-stop(99%,#d0e1f7));
		background: -webkit-linear-gradient(top, #cadcf0 24%,#bcd0e9 38%,#d0e1f7 99%);
		background: -o-linear-gradient(top, #cadcf0 24%,#bcd0e9 38%,#d0e1f7 99%);
		background: -ms-linear-gradient(top, #cadcf0 24%,#bcd0e9 38%,#d0e1f7 99%);
		background: linear-gradient(to bottom, #cadcf0 24%,#bcd0e9 38%,#d0e1f7 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadcf0', endColorstr='#d0e1f7',GradientType=0 );
	}
	.ie9 div.sceditor-group {
		filter: none;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNjYWRjZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNiY2QwZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkMGUxZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	}
		.sceditor-button {
			height: 16px;
			padding: 3px 4px;
			.rounded(0);

			-webkit-box-shadow:	inset 0 1px #d5e3f1,
						inset 0 -1px #e3edfb,
						inset 1px 0 #cddcef,
						inset -1px 0 #b8ceea;
			-moz-box-shadow:	inset 0 1px #d5e3f1,
						inset 0 -1px #e3edfb,
						inset 1px 0 #cddcef,
						inset -1px 0 #b8ceea;
			box-shadow:		inset 0 1px #d5e3f1,
						inset 0 -1px #e3edfb,
						inset 1px 0 #cddcef,
						inset -1px 0 #b8ceea;
		}
		.sceditor-button:first-child { .rounded(4px 0 0 4px); }
		.sceditor-button:last-child { .rounded(0 4px 4px 0); }
		.sceditor-button div {
			margin: 0;
		}
		.ie9 .sceditor-button {
			filter: none !important;
		}
		.sceditor-button.active {
			background: rgb(251,219,181);
			background: -moz-linear-gradient(top, rgba(251,219,181,1) 11%, rgba(254,180,86,1) 29%, rgba(253,235,159,1) 99%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(251,219,181,1)), color-stop(29%,rgba(254,180,86,1)), color-stop(99%,rgba(253,235,159,1)));
			background: -webkit-linear-gradient(top, rgba(251,219,181,1) 11%,rgba(254,180,86,1) 29%,rgba(253,235,159,1) 99%);
			background: -o-linear-gradient(top, rgba(251,219,181,1) 11%,rgba(254,180,86,1) 29%,rgba(253,235,159,1) 99%);
			background: -ms-linear-gradient(top, rgba(251,219,181,1) 11%,rgba(254,180,86,1) 29%,rgba(253,235,159,1) 99%);
			background: linear-gradient(top, rgba(251,219,181,1) 11%,rgba(254,180,86,1) 29%,rgba(253,235,159,1) 99%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdbb5', endColorstr='#fdeb9f',GradientType=0 );

			-webkit-box-shadow:	inset 0 1px #ebd1b4,
						inset 0 -1px #ffe47f,
						inset -1px 0 #b8ceea;
			-moz-box-shadow:	inset 0 1px #ebd1b4,
						inset 0 -1px #ffe47f,
						inset -1px 0 #b8ceea;
			box-shadow:		inset 0 1px #ebd1b4,
						inset 0 -1px #ffe47f,
						inset -1px 0 #b8ceea;
		}
		.ie9 .sceditor-button.active {
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNmYmRiYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNmZWI0NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZGZkOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}
		.sceditor-button:hover {
			background: #fef7d5;
			background: -moz-linear-gradient(top,  #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef7d5), color-stop(42%,#fae5a9), color-stop(42%,#ffd048), color-stop(100%,#ffe59f));
			background: -webkit-linear-gradient(top,  #fef7d5 0%,#fae5a9 42%,#ffd048 42%,#ffe59f 100%);
			background: -o-linear-gradient(top,  #fef7d5 0%,#fae5a9 42%,#ffd048 42%,#ffe59f 100%);
			background: -ms-linear-gradient(top,  #fef7d5 0%,#fae5a9 42%,#ffd048 42%,#ffe59f 100%);
			background: linear-gradient(to bottom,  #fef7d5 0%,#fae5a9 42%,#ffd048 42%,#ffe59f 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef7d5', endColorstr='#ffe59f',GradientType=0 );

			-webkit-box-shadow:	inset 0 1px #fffbe8,
						inset -1px 0 #ffefc4,
						inset 0 -1px #fff9cc;
			-moz-box-shadow:	inset 0 1px #fffbe8,
						inset -1px 0 #ffefc4,
						inset 0 -1px #fff9cc;
			box-shadow:		inset 0 1px #fffbe8,
						inset -1px 0 #ffefc4,
						inset 0 -1px #fff9cc;
		}
		.ie9 .sceditor-button:hover {
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjdkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZhZTVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZmZDA0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmU1OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}
		.sceditor-button:active {
			background: #e7a66d;
			background: -moz-linear-gradient(top, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7a66d), color-stop(1%,#fcb16d), color-stop(42%,#ff8d05), color-stop(100%,#ffc450));
			background: -webkit-linear-gradient(top, #e7a66d 0%,#fcb16d 1%,#ff8d05 42%,#ffc450 100%);
			background: -o-linear-gradient(top, #e7a66d 0%,#fcb16d 1%,#ff8d05 42%,#ffc450 100%);
			background: -ms-linear-gradient(top, #e7a66d 0%,#fcb16d 1%,#ff8d05 42%,#ffc450 100%);
			background: linear-gradient(to bottom, #e7a66d 0%,#fcb16d 1%,#ff8d05 42%,#ffc450 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7a66d', endColorstr='#ffc450',GradientType=0 );

			-webkit-box-shadow:	inset 0 1px 1px #7b6645,
						inset 0 -1px #d19c33;
			-moz-box-shadow:	inset 0 1px 1px #7b6645,
						inset 0 -1px #d19c33;
			box-shadow:		inset 0 1px 1px #7b6645,
						inset 0 -1px #d19c33;
		}
		.ie9 .sceditor-button:active {
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3YTY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmNiMTZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZmY4ZDA1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		}
		.sceditor-button.active:hover {
			background: #dba368;
			background: -moz-linear-gradient(top, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dba368), color-stop(4%,#ffbd79), color-stop(34%,#fea335), color-stop(66%,#ffc64c), color-stop(100%,#fee069));
			background: -webkit-linear-gradient(top, #dba368 0%,#ffbd79 4%,#fea335 34%,#ffc64c 66%,#fee069 100%);
			background: -o-linear-gradient(top, #dba368 0%,#ffbd79 4%,#fea335 34%,#ffc64c 66%,#fee069 100%);
			background: -ms-linear-gradient(top, #dba368 0%,#ffbd79 4%,#fea335 34%,#ffc64c 66%,#fee069 100%);
			background: linear-gradient(to bottom, #dba368 0%,#ffbd79 4%,#fea335 34%,#ffc64c 66%,#fee069 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba368', endColorstr='#fee069',GradientType=0 );

			-webkit-box-shadow:	inset 0 1px 1px #9e8255,
						inset 0 -1px #fcce6b;
			-moz-box-shadow:	inset 0 1px 1px #9e8255,
						inset 0 -1px #fcce6b;
			box-shadow:		inset 0 1px 1px #9e8255,
						inset 0 -1px #fcce6b;
		}
		.ie9 .sceditor-button.active:hover {
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYTM2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZiZDc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZmVhMzM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZmZjNjRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZTA2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		}
