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