/* styles for docs.phplist.com / Wikka Wiki by Bevan Rudge for tincan / phplist.com June 2006 bevan@tincan.co.uk 
*/

#pageContent {margin: 0; padding: 0; } 
body>div.smallprint { display: none; }
input:focus, select:focus, textarea:focus { border: 1px solid #FC9807; }

/* ----------------------------------------------- 
 Wikka Default Stylesheet (screen) 
----------------------------------------------- */ 

/* global styling */ 

p, td, li, input, select, textarea { line-height: 180%; } 
form, h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; } 

/* page layout */ 
#header { padding: 2em 1em; 
	position: relative; /* needed for the correct positioning of system messages */
} 
#page { padding: 15px; margin: 0em 1em; border: 1px solid #666; border-bottom: none; height: 100%; } 
#content { padding: 0; margin: 0; }
#footer { clear: both; background-color: #eee; padding: 5px 0; margin: 0em 1em 2em 1em; border-width: 0px 1px 1px; border-style: solid; border-color: #666; } 

#page hr { width: 100%; border-top: 0.5px solid #666; }

/* menus */

ul#main_menu {
	margin: 0;
	text-align: left;
	list-style-type: none;
	padding: 0px;
}

ul#main_menu li {
	float: left;
	width: auto;
	text-align: left; 
	padding: 2pt;
}

ul#main_menu li+li:before {
	content: " :: ";
}

#options_menu {clear: both; background-color: #eee; padding: 0; margin: 0 0 2em 0;}

ul#options_menu {
	text-align: left;
	list-style-type: none;
}

ul#options_menu li {
    float: left;
    width: auto;
    text-align: left; 
    padding: 2pt;
    margin-right: 15px;
}

ul#main_menu li form {
    display: inline;
}

ul#main_menu li input {
	font-weight: bold;
	background-color: transparent;
}

/* comments */ 
#commentsheader { clear: both; background-color: #DDDDDD; padding: 2px 10px; border-left: 1px inset; border-right: 1px inset; border-top: 1px solid #CCCCCC; }
#comments { background-color: #EEEEEE; padding: 10px; border-left: 1px inset; border-right: 1px inset; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #EEEEEE; }
#commentinfo { color: #AAAAAA; } 
#commentform { background-color: #EEEEEE; padding: 10px; border-left: 1px inset; border-right: 1px inset; border-top: 1px solid #CCCCCC; } 

/* links */ 
a.ext { } 
a.ext:hover { } 
.exttail { color: #999; position: relative; bottom: 0.5ex; } 

/* lists */ 
ul, ol { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } 
ul.thread { list-style-type: none; border-left: 2px #666 solid; padding-left: 10px; margin: 5px 0px; } 
ul.thread li { color: #333; font-size: 11px; } 

/* images */ 
img { border: 0px; } 
img.centre { display: block; text-align: center; margin: 5px auto; } 
img.center { display: block; text-align: center; margin: 5px auto; } 
img.left { margin: 5px 5px 5px -5px; float: left; } 
img.right { margin: 5px -5px 5px 5px; float: right; } 

/* floats */ 
.floatl { float: left; text-align: left; width: 46%; margin-right: 15px; padding: 4px; background: #EEE; border: 1px solid #CCC; } 
.floatr { float: right; text-align: left; width: 46%; margin-left: 15px; padding: 4px; background: #EEE; border: 1px solid #CCC; } 
.clear {clear:both;} 

/* text formatting */ 
h5 { font-size: 10pt; } 
h4 { font-size: 12pt; } 
h3 { font-size: 14pt; } 
h2 { font-size: 16pt; } 
h1 { font-size: 18pt; } 
.highlight {color: red; background: #FFFFD0;} 
.strikethrough {color: #888; text-decoration: line-through;} 
.underline {text-decoration: underline;} 
.indent { margin-left: 40px; } 
.notes { color: #888800; } 
.centre {text-align: center;} 
.center, .center p {text-align: center;} 
.keys { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; font-weight: bold; background-color: #33A; border-top: 2px solid #FFF; border-left: 2px solid #FFF; border-right: 2px solid #336; border-bottom: 2px solid #336; text-align: center; padding: 0.1em 0.3em; line-height: 1.6em; vertical-align: top; } 
.keys:hover { background-color: #66C; border-right: 2px solid #668; border-bottom: 2px solid #668; } 
acronym { border-bottom: 1px dotted #333; cursor: help; } 
abbr { border-bottom: 1px dotted #333; cursor: help; } 
blockquote { font-size: 90%; } 

/* code blocks */ 
 .code_header { color: #FFF; background: #33A; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 0 3px; width: 95%; margin: 5px auto 0 auto; text-align: left; line-height: 15px; } 
.code { color: black; background: #ffffee; border: 1px solid #CCC; font-size: 11px; font-family: "Lucida Console", Monaco, monospace; width: 95%; margin: auto; padding: 6px 3px 13px 3px;
/* padding-bottom solves hor. scrollbar hiding single line of code in IE6 but causes vert. scrollbar... */ 
text-align: left; 
/* override justify on body */ 
overflow: auto; 
/* allow scroll bar in case of long lines - goes together with white-space: nowrap! */ 
white-space: nowrap;
/* prevent line wrapping */ 
} 
.code pre { margin-top: 6px; margin-bottom: 6px; 
/* prevent vertical scroll bar in case of overflow */ 
font-size: 11px; font-family: "Lucida Console", Monaco, monospace; } 

/* form elements */ 
input[type=submit], input[type=button] { font-family: Arial, Helvetica, sans-serif; padding: 0px 1px; font-size: 9pt; color:#fff; font-weight: bold; background-color: #33A; border-right: 2px solid #336; border-bottom: 2px solid #336; } 
input[type=submit]:hover, input[type=button]:hover { background-color: #66C; border-right: 2px solid #668; border-bottom: 2px solid #668; }

fieldset.hidden {				/* for all forms! not just referrers/dbinfo */
	display: none;
}

#textarea_container {
	border: 1px solid #CCC;
	padding: 2px;
	margin-bottom: 2px;}
textarea#body {
	width: 100%;
	height: 500px;
	/* padding and border must be 0 for the "width:100%" to work */
	padding: 0;
	border: 0;
}
.searchbox {
/* border: none; */ 
border: 1px solid #CCCCAA; padding: 0px; margin: 0px; } 
input.grabcode { float: right; margin-right: 20px; margin-top: 0px; font-size: 90%; } 
input.highlight { font-weight: normal; background-color: #FCC; } 

/* system information */ 
.missingpage {
/* background: #ccffff; */ 
text-decoration: none; border-bottom-width: 1px; border-bottom-color: #933; border-bottom-style: dashed; } 
em.error { color: #AA3333; font-style: normal; font-weight: bold; font-size: 95%; } 
em.success { color: #33AA33; font-style: normal; font-weight: bold; font-size: 95%; } 
.comments {display: none;} 
.revisioninfo { color: #AAAAAA; padding-bottom: 20px; } 
.copyright { font-size: 11px; color: #AAAAAA; text-align: right; } 
.copyright a { color: #AAAAAA; } 
.previewhead { margin: auto; z-index:20; position:fixed; top: 40px; left: 10px; color: red; font-size: xx-large; font-weight: bold; padding: 5px; } 
.additions {background-color: #ccffcc;} 
.deletions {color: #876; background-color: #FFCC99;} 
.recentchanges {font-size: 0.9em;} 
.pagenote {color: #888;} 
.smaller {font-size: smaller;} 
#smallprint {font-size: 0.8em; color: #777; background-color: #eee; padding-right: 0.5%; text-align: right;} 
#smallprint a { color: #987; } 

/* Action-related styling */ 

/* Table action */ 
table { width: auto; margin: auto; }
td, th { padding: 0.2em; } 
table.wikka { border: 2px solid #CCC; border-collapse: collapse; border-spacing: 0; } 
table.wikka td { border: 1px solid #CCC; padding: .1em .25em; } 

/* Lastedit action */ 
.lastedit { border:dotted 1px; padding:3pt; margin:8pt; color:#888; font-size:8pt; width:30%; } 
.lastedit_notes { color: #888800; } 

/* TextSearch & TextSearchExpanded Actions*/ 
.tse_keywords { font-weight: bold; color: green; background-color: white; } 

/* Calendar Action */ 

/* general styling */ 
table.calendar { color: #000000; background-color: #CCCCCC; 
/* comment out to have space between cells same color as page background */ 

/*border-collapse: collapse;*/ 

/* would make single-width borders, ignoring cell-spacing */ 
} 
table.calendar caption { background-color: #CCCCCC; font-weight: bold; line-height: 1.6em; } 
table.calendar thead { background-color: #CCCCCC; } 
table.calendar tbody.face { background-color: #CCCCCC; } 
table.calendar tbody.calnav { background-color: #CCCCCC; } 

/* styling for some specific elements */ 
table.calendar thead th {
/*border: 1px solid #000000;*/ 

/* uncomment to have border around day name headers (will be page background if table background is undefined) */ 
padding: 1px; text-align: center; font-size: 85%; width: 26px; } 
table.calendar tbody.face td { border: 1px solid #000000; text-align: right; } 
table.calendar td.currentday { color: #993333; background-color: #AAAAAA; font-weight: bold; } 

/* styling of calendar navigation */ 
table.calendar tbody.calnav { font-weight: bold; } 
table.calendar td.prevmonth { text-align: left; font-size: 85%; } 
table.calendar td.curmonth { text-align: center; } 
table.calendar td.nextmonth { text-align: right; font-size: 85%; } 
table.calendar a:link { color: #993333; text-decoration: none; } 
table.calendar a:visited { color: #993333; text-decoration: none; } 
table.calendar a:hover { color: #993333; } 
table.calendar a:active { color: #993333; text-decoration: none; } 

/* Usersettings action */ 
table.usersettings { } 

/* Handler-related styling */ 

/* Acls handler */ 
table.acls { } 

/* 3rdparty-code related styling */ 

/* syntax highlighting code - GeSHi */ 
.code ol { margin-top: 6px; margin-bottom: 6px; 
/* prevent vertical scroll bar in case of overflow */ 
} 
.code li { font-size: 11px; font-family: "Lucida Console", Monaco, monospace; } 
.code .br0 { color: #66cc66; } 
.code .co1 { color: #808080; font-style: italic; } 
.code .co2 { color: #808080; font-style: italic; } 
.code .coMULTI { color: #808080; font-style: italic; } 
.code .es0 { color: #000099; font-weight: bold; } 
.code .kw1 { color: #b1b100; } 
.code .kw2 { color: #000000; font-weight: bold; } 
.code .kw3 { color: #000066; } 
.code .kw4 { color: #993333; } 
.code .kw5 { color: #0000ff; } 
.code .me0 { color: #006600; } 
.code .nu0 { color: #cc66cc; } 
.code .re0 { color: #0000ff; } 
.code .re1 { color: #0000ff; } 
.code .re2 { color: #0000ff; } 
.code .re4 { color: #009999; } 
.code .sc0 { color: #00bbdd; } 
.code .sc1 { color: #ddbb00; } 
.code .sc2 { color: #009900; } 
.code .st0 { color: #ff0000; } 

/* wikiedit */ 
.toolbar tr { background: ButtonFace; } 
.toolbar .btn-, .toolbar .btn-hover, .toolbar .btn-active, .toolbar .btn-pressed { background: ButtonFace; color: ButtonText; border: 1px solid ButtonFace; padding: 1px; margin: 0px; cursor: pointer; } 
.toolbar .btn- img { width: 20px; height: 20px; } 
.toolbar .btn-hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; } 
.toolbar .btn-active, .toolbar .btn-pressed { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; } 
.toolbar .btn-pressed { background: ButtonHighlight; } 
.editornamecss { background-color:#CCCCFF; font-size: 18px; padding: 0 10px; }