/*
//
// Copyright (C) Julian I. Kamil <julian.kamil@gmail.com>
// No warranty is provided.  Use at your own risk.
//
// Commercial support is available through ESV Media Group
// who can be reached at: http://www.ESV-i.com/.
//
// Name: simple.css
// Author: Julian I. Kamil <julian.kamil@gmail.com>
// Created: 2005-05-18
// Description:
//     This is a simple skin for PmWiki. Please see:
//         http://www.madhckr.com/project/PmWiki/SimpleSkin
//     for a live example and doumentation.
//
// $Id: simple.css,v 1.3 2005/09/14 15:14:27 julian Exp $
//
// History:
//     2005-05-18  jik  Created.
//     2005-08-16  jik  Simplified and cleaned up.
//
//     2005-11-02  ksc	Added support for Site.SideBar and removed the Menu
//                      Cheap fix for problem with postit and sectionedit recipes
//                      Entries for pre and column for the Column recipe
//                      Entry for Wikipedia style external link icon
//                      Page width pushed out to 900px 
//                      Misc little CSS bits fixed
//                      Button box at bottom of SideBar - broken with IE 
//
*/
 

 ul, ol, pre, dl, p { margin-top:0px; margin-bottom:3px; }
  code { white-space: nowrap; }
  .vspace { margin-top:1.33em; }
  .indent { margin-left: 1em; }
  .outdent { margin-left: 40px; text-indent:-40px; }
  a.createlinktext { text-decoration:none; border-bottom:1px dotted gray; }
  a.createlink { text-decoration:none; position:relative; top:-0.5em;
    font-weight:bold; font-size:smaller; border-bottom:none; }
  img { border:0px; }
  
span.anchor {
	float: left;
	font-size: 9pt;
	margin-left: -10px;
    position:relative; 
	top:-0.1em;
	text-align: center;
}
span.anchor a { text-decoration: none; }
span.anchor a:hover { text-decoration: underline; } 
ul.toc { margin-left: 20px; margin-right: 0; text-indent: -2px; list-style-type: disc; }
ul.toc ul.toc { margin-left: 10px; margin-right: 0; list-style-type: square; }



div.toc { font-size: 8pt; 
	position: relative; 
	width: 120px;
	margin-bottom: 10px;
	margin-left: 13px;
	margin-right: 0;
	border: 1px solid #ccc; 
	padding-top: 5px; 
	padding-bottom: 8px; 
	padding-left: 10px;
	padding-right: 0;
	z-index: 2;
	float: right;
	text-align: center;
	background-color: #eeeeee; }
*.widenote
{	position: relative;
	z-index:50;
	font-size: smaller;
	clear:both;
	color: #444;
	float: right;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 5px;
	/* border: 1px solid #74664E; */
	width: 170px;
	font-family: Gill Sans, Helvetica, Arial;
	font-size: 9pt;
	line-height: 110%;
}
*.noteheader
{
	background-color: #b2c7ff;
	margin: 0 0 9px 0px;
}
*.noteheader a {
	color:#666;
	text-decoration: underline;
}
.todo-form { border: none; }
.todo-form tr td { border: none; font-weight: plain; text-align: left; padding: 4px; }
.todo-form tr td.heading { text-align: right; width: 140px; padding-right: 6px; }
table.todo-list { border: 1px solid #ccc; }
table.todo-list tr.row1 { background-color: #eee; color: #555; }
table.todo-list tr.row1 td { border-bottom: 1px solid #ccc; }
table.todo-list tr:last-child.row1 td { border-bottom: none; }
table.todo-list th { background-color: #eee; padding: 3px; font-weight: normal; border: 1px solid #ccc; color: #444; }
table.todo-list tr td { color: #666; }
table.todo-simple-list { margin-left: 0px; }
table.todo-simple-list tr td { border: none; padding: 4px; }
.todo-category-text { color: #666; border-bottom: 1px solid #ccc; }
.todo-description-text { color: #444; }
.todo-overdue-text { color: #f66; border-bottom: 1px solid #ccc; }
.todo-completed-text { color: #446600; border-bottom: 1px solid #ccc; }
.todo-legend { text-align: center; color: #555; font-size: smaller; }.editconflict { color:green; font-style:italic; 
  margin-top:1.33em; margin-bottom:1.33em; }

  table.markup { border: 2px dotted #ccf; width:90%; }
  td.markup1, td.markup2 { padding-left:10px; padding-right:10px; }
  td.markup1 { border-bottom: 1px solid #ccf; }
  div.faq { margin-left:2em; }
  div.faq p.question { margin: 1em 0 0.75em -2em; font-weight:bold; }
  div.faq hr { margin-left: -2em; }
   
    .frame 
      { border:1px solid #cccccc; padding:4px; background-color:#f9f9f9; }
    .lfloat { float:left; margin-right:0.5em; }
    .rfloat { float:right; margin-left:0.5em; }
a.varlink { text-decoration:none; }


body {
    margin: 0px; padding: 0px; 
    background-color: #fff; color: #666;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    line-height: 17px;
}

table { border-collapse: collapse; margin: 12px auto; }
table tr td { padding: 4px 6px; vertical-align: top; }
form { margin: 0px; padding: 0px; }
hr { border: none; height: 1px; background-color: #ccc; color: #ccc; width: 100%; }
p { margin: 0px; padding: 0px; }

ul { margin: 0px; padding: 0px; list-style: disc outside; }
ul ul { margin-top: 0px; padding-top: 0px; list-style: circle outside; }
ul ul ul { margin-top: 0px; padding-top: 0px; list-style: square outside; }

a { text-decoration:none; color: #00f; }
a:visited { text-decoration:none; color: #00f; }
a:hover { text-decoration:underline; color: #00f; }
a:active { color: #00f; }

.vspace { margin: 4px; }
p.vspace { padding: 3px; }
.content-mat { padding: 14px 15px 10px 30px; margin: auto; background: none; }
.clearer{ clear: both; display: block;  margin: 0px; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }
.borderless-table tr td { border: none }

#header { width: 870px; height: 90px; margin: 10px auto 0px auto; text-align: center; }
#header #page-title { color: #ddd; font: 25pt Arial; font-weight: bold; padding: 20px 8px 8px 30px; }
#header #page-subtitle { color: #b5b5b5; font: 12pt Arial; font-weight: bold; padding: 0px 8px 8px 30px; }
#header a { color: #ddd; }

#main { 
    width: 870px; margin: 0px auto; 
    background: url(../images/Box-Middle.jpg) repeat-y top center; 
    border-bottom: 1px solid transparent; 
}

#main h1 { font-size: 20pt; margin: 0px; padding: 0px; }
#main h2 { font-size: 11pt; margin: 0px; padding: 0px; }
#main h3 { font-size: 10pt; margin: 0px; padding: 0px; }
#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }

#content {
	position: relative; 
	float: left; 
	width: 810px;  
	text-align: left; 
	/* border: 1px solid #00f; */
}

#wikitext {
	float: right;
	width: 665px;
	padding-left: 20px;
	padding-right: 5px;
	min-height: 400px;
}

#sidebar .wikilink { color: #666; font-size: 15pt;}
#sidebar .urllink { color: #666; font-size: 15pt;}
#sidebar .selflink { color: #666; font-size: 15pt;}

#sidebar {
	float: left;
	width: 110px;
	margin-left: 0px;
	padding-right: .5em;
	border-right: 1px solid #ccc;
	height: 400px;
	/* border: 1px solid green; */	
}

#footer {
    background: url(../images/Box-Bottom.jpg) no-repeat top center; 
    width: 870px; height: 40px;
    border: 1px none #ccc; 
    margin: 0px auto; padding: 0px 0px 8px 0px;
}

#copyright { margin: 0px 20px 0px 20px; padding: 2px 0px; border-top: 1px solid #ccc; font-size: 8pt; }

#menubar {
    margin: 0px 11px 0px 11px;
    padding: 2px 12px 1px 12px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #e8e8e8;
    text-align: left;
    font-size: 8pt; font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#menubar ul { margin: 0px; padding: 0px; }
#menubar ul li { list-style: none; display: inline; text-indent: 10px; text-align: left; padding-right: 8px; }
#menubar a { color: #666; }

#popupmenu a { color: #aaa; }
#popupmenu a:hover { color: #fff; }
#popupmenu li:hover { background: #444; color: #eec; }
#popupmenu li:hover ul { display: block; margin-top: 10px; background: #444; }
#popupmenu ul { padding: 0px; margin: 0px; list-style: none; }
#popupmenu ul li { padding-left: 6px; margin: 0px; float: left; position: relative; border: 1px none #f00; }

#popupmenu li ul {
    display: none;
    position: absolute;
    top: 1em;
    left: -86px;
    width: 180px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding-top: 2px;
    padding-bottom: 6px;
}

#popupmenu li ul li {
    display: block;
    clear: both;
    padding: 0px;
    margin: 0px;
    padding-right: 8px;
    padding-left: 8px;
    float: left;
    color: #aaa;
}

#popupmenu li ul li:hover { color: #aaa; }
#text { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }

pre {
	font-size: 9pt;
	background-color: #fffff4;
	border: 1px solid #999;
	line-height: 15px;
}

textarea { 
	margin-top: 12px; 
	margin-bottom: 12px; 
	font-size: 9pt; 
}

.column {
	border: 0px;
	margin: 0px;
}

td.column {
	padding: 0px 10px 0px 10px;
}

.difftype,.difftime,.diffrestore {
    font-size: 8pt;
}

#buttonbox { 
	position: absolute; 
	left: 13px; 
	bottom: 10px; 
	/* border: 1px solid red; */
}

#wikitext a.urllink {
   background: url(images/external.png) center right no-repeat;
   padding-right: 13px;
} 

.lfloat {
	margin: 5px 15px 5px 0;
}