/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}

.markItUp  {
	width:700px;
	margin:5px 0 5px 0;
}

.markItUpContainer  {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
	font:12px 'Courier New', Courier, monospace;
	padding:5px;
	width:690px;
	height:320px;
	clear:both;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFF;
	width:99.9%;
	height:300px;
	margin:5px 0;
}
.markItUpFooter {
	width:100%;
}
.markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../../../images/handle.png);
	cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	background:transparent url(../../../images/menu.png) no-repeat 115% 50%;
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#FFF;
	border:1px solid #000;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #000;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#FFF url(../../../images/submenu.png) no-repeat 100% 50%;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 10px;
	width:1px;
	height:16px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px; 
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	padding:3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#000;
}

/**
 * This file is part of markItUp! for MyBB.
 * Copyright (C) 2015 StefanT (https://www.mybb.de)
 * https://github.com/Stefan-ST/MyBB-Markitup
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
.mybbeditor ul a {
    background-image: url(/images/iconslight.png);
}
.mybbeditor ul ul a {
	margin: 0;
}
.mybbeditor ul ul {
	border-bottom: 0;
}
.mybbeditor .markItUpButton1 a	{
}
.mybbeditor .markItUpButton2 a	{
	background-position:  0px -22px;
}
.mybbeditor .markItUpButton3 a	{
	background-position:  0px -44px;
}
.mybbeditor .markItUpButton4 a	{
	background-position:  0px -66px;
}
.mybbeditor .markItUpButton5 a	{
	background-position:  0px -88px;
}
.mybbeditor .markItUpButton6 a	{
	background-position:  0px -110px;
}
.mybbeditor .markItUpButton7 a	{
	background-position:  0px -132px;
}
.mybbeditor .markItUpButton8 a	{
	background-position:  0px -154px;
}
.mybbeditor .markItUpButton8 ul a	{
	background: transparent;
	padding: 5px;
}
.mybbeditor .markItUpButton8 .arial	{
	font-family: Arial;
}
.mybbeditor .markItUpButton8 .arial_black	{
	font-family: Arial Black;
}
.mybbeditor .markItUpButton8 .comic_sans_ms	{
	font-family: Comic Sans MS;
}
.mybbeditor .markItUpButton8 .courier_new	{
	font-family: Courier New;
}
.mybbeditor .markItUpButton8 .georgia	{
	font-family: Georgia;
}
.mybbeditor .markItUpButton8 .impact	{
	font-family: Impact;
}
.mybbeditor .markItUpButton8 .sans_serif	{
	font-family: Sans.serif;
}
.mybbeditor .markItUpButton8 .serif	{
	font-family: Serif;
}
.mybbeditor .markItUpButton8 .times_new_roman	{
	font-family: Times New Roman;
}
.mybbeditor .markItUpButton8 .trebuchet_ms	{
	font-family: Trebuchet MS;
}
.mybbeditor .markItUpButton8 .verdana	{
	font-family: Verdana;
}
.mybbeditor .markItUpButton9 a	{
	background-position:  0px -176px;
}
.mybbeditor .markItUpButton9 ul a	{
	background: transparent;
	padding: 5px;
	height: auto;
	width: 150px;
}
.mybbeditor .markItUpButton9 .size1	{
	font-size: xx-small;
}
.mybbeditor .markItUpButton9 .size2	{
	font-size: x-small;
}
.mybbeditor .markItUpButton9 .size3	{
	font-size: small;
}
.mybbeditor .markItUpButton9 .size4	{
	font-size: medium;
}
.mybbeditor .markItUpButton9 .size5	{
	font-size: large;
}
.mybbeditor .markItUpButton9 .size6	{
	font-size: x-large;
}
.mybbeditor .markItUpButton9 .size7	{
	font-size: xx-large;
}
.mybbeditor .markItUpButton10 a {
	background-position:  0px -198px;
}
.mybbeditor .markItUpButton10 ul {
	width:81px;
	padding:1px;	
}
.mybbeditor .markItUpButton10  li {
	border:1px solid white;
	width:25px;	height:25px;
	overflow:hidden;
	padding:0px; margin:0px;
	float:left;
}
.mybbeditor .markItUpButton10 ul {
	border-bottom: 1px solid #000;
}
.mybbeditor .markItUpButton10 ul a {
	width:25px;
	height:25px;
}
.mybbeditor .markItUpButton10 ul a:hover {
	background-color:none;
}
.mybbeditor .markItUpButton10 .col1-1 a {
	background:yellow;
}
.mybbeditor .markItUpButton10 .col1-2 a {
	background:orange;
}
.mybbeditor .markItUpButton10 .col1-3 a {
	background:red;
}

.mybbeditor .markItUpButton10 .col2-1 a {
	background:blue;
}
.mybbeditor .markItUpButton10 .col2-2 a {
	background:purple;
}
.mybbeditor .markItUpButton10 .col2-3 a {
	background:green;
}

.mybbeditor .markItUpButton10 .col3-1 a {
	background:white;
}
.mybbeditor .markItUpButton10 .col3-2 a {
	background:gray;
}
.mybbeditor .markItUpButton10 .col3-3 a {
	background:black;
}
.mybbeditor .markItUpButton11 a {
	background-position:  0px -220px;
}
.mybbeditor .markItUpButton12 a {
	background-position:  0px -242px;
}
.mybbeditor .markItUpButton13 a {
	background-position:  0px -264px;
}
.mybbeditor .markItUpButton14 a {
	background-position:  0px -286px;
}
.mybbeditor .markItUpButton14.markItUpDropMenu {
	background: transparent;
}
.mybbeditor .markItUpButton14 ul a	{
	background: transparent;
	padding: 5px;
	height: auto;
}
.mybbeditor .markItUpButton15 a {
	background-position:  0px -308px;
}
.mybbeditor .markItUpButton16 a {
	background-position:  0px -330px;
}
.mybbeditor .markItUpButton17 a {
	background-position:  0px -352px;
}
.mybbeditor .markItUpButton18 a {
	background-position:  0px -374px;
}
.mybbeditor .markItUpButton19 a {
	background-position:  0px -396px;
}
form #message {
	width: 690px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}