/****************************************************************
 * FORUM
 ****************************************************************/

	#Forum #Page { width: 705px; }
	
	#Forum h1 {
		background: url(../images/divider-h.gif) repeat-x bottom left;
		font      : bold 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		margin    : 0 0 8px;
	}
	
	/*-- Form Elements and Controls --*/
	#Forum .form textarea,
	#Forum .form .txtInput { width: 98%; }
	#Forum .form .categorySelect { width: 260px; }
	#Forum .form th,
	#Forum .form td { padding-bottom: 5px; vertical-align: middle; }
		#Forum .form th { padding-right: 6px; text-align: left; white-space: nowrap; }
			#Forum .form th.multiline { padding-top: 5px; vertical-align: top; }
		#Forum .form td { width: 100%; }
	#Forum .form .error { color: #c00; }
	#Forum .form .submit a.ctrlSubmit {
		color            : #000;
		background       : #d4d0c8;
		border           : 1px solid #404040;
		border-top-color : #fff;
		border-left-color: #fff;
		padding          : 5px 10px;
		text-decoration  : none;
	}

	
	a.ctrlGoBack  { background: url(../images/go-back.png) no-repeat 5px 50%; padding: 0 0 0 27px; }
	a.ctrlNew { background: url(../images/new.png) no-repeat 5px 50%; padding: 3px 0 3px 27px; }
	
	#CtrlForum { float: left; width: 155px; }
	#CtrlForum h3 { margin: 0 0 5px; }
	#CtrlForum p { margin: 0 0 16px; }
	
	/*-- The Categories --*/
	ul.categories { margin: 0; }
	ul.categories li { padding: 1px 0; }
	
	ul.categories a { color: #069; display: block; padding: 2px 5px 2px 8px; }
	ul.categories a:hover { color: #f00; text-decoration: underline; }

	ul.categories a.current { background: #069; color: #fff; font-weight: bold; }
	ul.categories a.current:hover { color: #ffc; text-decoration: none; }
	
	/*-- Threads --*/
	#Threads {
		background: url(../images/divider-v.png) no-repeat top left;
		float     : right;
		width     : 500px;
		margin    : 0 0 0 25px;
		padding   : 0 0 0 25px;
	}
	
	/*-- Grid --*/	
	table.grid { background: #fff; border-bottom: 1px solid #ccc; margin: 0 0 20px; width: 100%; }
	 
		/*-- Rows --*/
		.grid tr.alt { background: #e8f0f8; }
		.grid tr.blank { font-style: italic; }
			.grid tr.blank td { padding: 10px; }
		
		/*-- Columns --*/
		.grid th.c1 { border-left: 1px solid #ccc; }
		.grid th.c2 { text-align: center; }
		.grid th.c3 { }
		.grid td.c1 { }
		.grid td.c2 { text-align: center; }
		.grid td.c3 { }
			
		/*-- Cells --*/
		.grid thead th { background: url(../images/th-bg-h.png) repeat-x bottom left; }
		.grid th {
			border        : 1px solid #ccc;
			border-left   : none;
			font-size     : 0.9em;
			padding       : 5px;
			text-align    : left;
			vertical-align: center;
		}
		.grid th a { color: #000; padding: 5px 0; vertical-align: center; }
		.grid th a:hover { text-decoration: underline; }

		.grid td { padding: 8px 5px; vertical-align: top; }
		.grid td a { color: #039; }
		.grid td a:hover { text-decoration: underline; }
			.grid td a.title { font-weight: bold; }
			.grid td a.title:visited { font-weight: normal; }
		
	/*-- pagination --*/
	.pagination { font-weight: bold; padding: 5px 0; text-align: right; }
	.pagination span { background: #000; color: #fff; }
	.pagination span,
	.pagination a { padding: 5px }
	.pagination a:hover { background: #069; color: #fff; text-decoration: none; }
	
	/*-- posts --*/
	.post { padding: 10px; }
	.post.alt { background: #e8f0f8; }
	
		/*-- Post Content --*/
		.postContent { margin-bottom: 16px; }
			.postContent p { overflow: auto; }
			.postContent a { text-decoration: underline; }
			.postContent a:hover { color: #069; }
		
		/*-- Post Metadata --*/
		.postMeta { text-align: right; }
			.postAuthor { font-weight: bold; margin-bottom: 2px; }
				.postAuthor img { padding-right: 6px; }
			.postTime a { color: #333; }
			.postTime a:hover { color: #069; text-decoration: none; }
		
		/*-- Administrator Post Tools --*/
		.postTools { text-align: right; margin-top: 4px; }
			.postTools a { padding: 2px; }
			a.ctrlDelete:hover { background: #c00; color: #fff; text-decoration: none; }
			.postIP { font-weight: bold; }
		
	/*-- Reply --*/
	#Reply {
		border : 5px solid #eee;
		margin : 50px 0 0;
		padding: 20px;
	}
	
	#Forum input.ctrlSubmit {
		cursor  : pointer;
		cursor  : hand;
		display : inline;
		padding : 3px;
		width   : auto;
		overflow: visible; /*-- For IE Button Width --*/
	}
	#Forum .submit a { color: #c00; padding: 3px; }
	#Forum .submit a:hover { background: #c00; color: #fff; text-decoration: none; }
	
	/*-- MarkItUp --*/
	.markItUp { }
	.markItUpContainer  { }
	
	/*-- MarkitUp Editor --*/
	.markItUpEditor {
		border     : 1px solid #545454;
		clear      : both;
		display    : block;
		line-height: 18px;
		overflow   : auto;
	}
		.markItUpPreviewFrame {
			background: #fff;
			border    : 1px dotted #333;
			height    : 300px;
			margin    : 16px 0 0;
			overflow  : auto;
			width     : 99%;
		}
			.markItUp-preview { font: 0.8em Verdana, Arial, Helvetica, sans-serif; padding: 15px; }
		
		.markItUpFooter {
			background: #ddd;
			border    : 1px solid #545454; border-top: none;
			cursor    : n-resize;
			margin    : 0 auto;
			width     : 175px;
		}
		.markItUpResizeHandle {
			background: url(../../../../images/textarea/handle.png) no-repeat;
			cursor    : n-resize;
			height    : 9px;
			margin    : 0 auto;
			overflow  : hidden;
			width     : 22px;
		}
	
	/*-- MarkitUp Toolbar --*/
	.markItUpHeader ul li  { float: left; list-style: none; position: relative; }
		.markItUpHeader .preview { float: right; }
	.markItUpHeader ul li ul { display: none; }
	.markItUpHeader ul li:hover > ul { display: block; }
	
	.markItUpHeader ul a { background-repeat: no-repeat; color: #000; display: block; height: 16px; margin: 0; padding: 3px; text-indent:-10000px; width: 16px; }		
		.markItUp .markItUpButton1 a { background-image:url(../../../../images/textarea/toolbar/bold.png); }
		.markItUp .markItUpButton2 a { background-image:url(../../../../images/textarea/toolbar/italic.png); }
		.markItUp .markItUpButton3 a { background-image:url(../../../../images/textarea/toolbar/stroke.png); }
		.markItUp .markItUpButton4 a { background-image:url(../../../../images/textarea/toolbar/picture.png);  }
		.markItUp .markItUpButton5 a { background-image:url(../../../../images/textarea/toolbar/link.png); }
		.markItUp .markItUpButton6 a { background-image:url(../../../../images/textarea/toolbar/blockquote.png); }
		.markItUp .markItUpButton7 a { background-image:url(../../../../images/textarea/toolbar/code.png); }
			.markItUp .markItUpButton7 ul li a { background: none; }
		.markItUp .preview a { background-image:url(../../../../images/textarea/toolbar/preview.png); }
		
		.markItUpHeader ul ul a { display: block; width: 120px; padding: 3px 9px; text-indent: 0; }
		.markItUpHeader ul ul a:hover { background-color: #fff; }
	
	
	.markItUpHeader ul    .markItUpDropMenu    { background: url(../../../../images/textarea/nav.png) no-repeat 115% 50%; margin-right: 5px; }
	.markItUpHeader ul    .markItUpDropMenu li { margin-right: 0; }
	.markItUpHeader ul ul .markItUpDropMenu    { background: url(../../../../images/textarea/nav-sub.png) no-repeat 100% 50%; }
	
	.markItUpHeader ul    .markItUpSeparator { background: #ccc; margin: 0 10px; height: 16px; overflow: hidden; width: 1px; }
	.markItUpHeader ul ul .markItUpSeparator { width: auto; height: 1px; margin: 0; }
	
	
		/*-- MarkitUp Toolbar - Row 2 --*/
		.markItUpHeader ul ul {
			background: #eeeff0;
			display   : none;
			position  : absolute; top: 18px; left: 0;
			border    : 1px solid #545454; border-top: none;
			height    : inherit;
		}
			.markItUpHeader ul ul li { float: none; border-top: 1px dotted #545454; }
		
		
		/*-- MarkitUp Toolbar - Row 3 --*/
		.markItUpHeader ul ul ul { position: absolute; top: -1px; left: 150px; }
		.markItUpHeader ul ul ul li { float:none; }