/* 

***** colors *****
#aa0000  orange
#7E7F84  grey
#bbb    alternate to  grey ('AUDIENCE')
#eee    light grey background (body and head)
#F5F5F5 lighter background (bars)
#fff    white (middle/content background)
#ccc    medium grey background (borders)

*******************************
********* global tags *********
*******************************/

body, td, th { font: small Arial,Helvetica,Verdana,sans-serif; color: #333; margin: 0px; }
body, th { background: #eee; }
a:link, a:visited { color: #aa0000; text-decoration: none; font-weight: bold; padding: 2px 2px; }
a:link:hover, a:link:active, a:visited:hover, a:visited:active { background: #aa0000; color: #fff; }
table, td, th { border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px; vertical-align: top; text-align: left; font-size: 1em; }
hr { width: 80%; height: 0px; border-top: 2px solid #aa0000; }

/**** images and images with links ****/
img, img.noBorder, .noBorder img, a img.noBorder, a .noBorder img, a:link img.noBorder, a:link .noBorder img, a:visited img.noBorder, a:visited .noBorder img { border: 0px; }
a img, a:link img, a:visited img { border: 2px solid #fff; }
a:hover img, a:active img { border-color: #aa0000; }
a.nobg, .nobg a, a.nobg:link, .nobg a:link, a.nobg:visited, .nobg a:visited, a.nobg:hover, .nobg a:hover, a.nobg:active, .nobg a:active { background: transparent; color: #aa0000; padding: 0em; }

/********************************
******** Template styles ********
********************************/

/**** miscellaneous styles ****/
#pageContainer { background: #fff; margin-bottom: 1.5em; }
/* makes 'fixed'-width, centered template: *
body { background: #fbfbfb; }
#pageContainer { border: 1px solid #777; margin: 1.5em 10%; }
/* remove padding and margins of lists */
#pageNavbar, #pageNavbar ul, #pageNavbar li, .submenu, .submenu ul, .submenu li, .pageSidebarItem ul.list, .pageSidebarItem ul.list li { padding: 0em; margin: 0em; }
/* bars */
#pageNavbar ul, #pageFooterContent { border: 1px #ccc; border-style: solid none; }
/* inactive menu item menu colors */
.submenu a, .submenu a:link, .submenu a:visited, #pageNavbar a, #pageNavbar a:link, #pageNavbar a:visited { background: #F5F5F5; color: #7E7F84; text-transform: lowercase; } 
/*active menu item colors */
.submenu a:hover, .submenu a:active, #pageNavbar a:hover, #pageNavbar a:active { background: #aa0000; color: #FFF; }

/**** header ****/
#pageHead { padding: 1em 1em 0em; background: #eee; clear: both; height: 78px; }
a#plLogo { float: left; }
/* Slogan styles */
.plSlogan { float: right; font-weight: bold; font-size: 16px; line-height: 125%; margin: 8px; }
.sloganCreate, .sloganCapture, .sloganMaintain { float: left; text-transform: lowercase; }
.sloganAudience { clear: both; text-transform: uppercase; font-size: 208%; color: #bbb; }
.sloganCreate, .sloganMaintain { color: #aa0000; }
.sloganCapture { color: #7E7F84; }
/* primary navigation menu */
#pageNavbar { background: #fff url("shadow-top.png") repeat-x bottom; padding-bottom: 10px; clear:both; }
#pageNavbar ul { background: #F5F5F5; height: 35px; list-style-type: none; padding: 0em 1em; }
#pageNavbar li { float: none; }
#pageNavbar li.first a { border-left: 1px solid #ccc; }
#pageNavbar a, #pageNavbar a:link, #pageNavbar a:visited { display: block; float: left; border-right: 1px solid #ccc; padding: 0.3em 1em; text-transform: uppercase; font-size: larger; height: 25px; line-height: 25px; }
/**** middle of page ****/
#pageMiddle { background: #fff; }
#pageMiddleTop { clear: both; }
/* page functions larger cmaller print email etc.*/
#pageFunctions { float: right; margin-right: 2em; padding-top: 0.5em; }
#pageFunctions a { padding: 0em 0.1em; }
/* pathway */
#pathway { font-weight: bold; margin: 0.5em 1em; float: left; text-transform: lowercase; }
/* sidebar, sidebar items and testimonial */
#pageSidebarLeft { float: left; margin: 0em 1em 1em; clear: left; }
.pageSidebarItem, #testimonial { width: 150px; margin: 1em 0em; }
.pageSidebarItemHead, .testimonialHead { background: url("") no-repeat top left; padding-top: 8px; }
.pageSidebarItemFoot, .testimonialFoot { background: url("") no-repeat bottom left; padding-bottom: 8px; }
.pageSidebarItemFootFir, .pageSidebarItemHeadFir {padding-top: 8px;}
.pageSidebarItemContent, .pageSidebarItemFoot .leaflist, .testimonialContent { border: 1px #ccc; border-style: none solid; background: #F5F5F5; padding-left: 10px; }
.pageSidebarItemContentFir {padding-left: 10px; }
/*#opensource {}*/
.opensourcebox a:link, .opensourcebox a:active { background:#fff; color:#fff; }
.opensourcebox { border:0;  padding-left: 10px;  }
/* submenu */
.submenu ul { list-style-type: none; }
.submenu li { width: 148px; display: inline; }
.submenu li.text { width: 134px; padding: 3px; }
.submenu a, .submenu a:link, .submenu a:visited, .submenu li.text { display: block; margin-left: 8px; border-bottom: 1px solid #ccc; }
.submenu a, .submenu a:link, .submenu a:visited { padding: 0.3em 0.2em 0.3em 0.5em;  }
.submenu li.first a, .submenu li.first.text { border-top: 1px solid #ccc; }
/* testimonials */
#testimonial { width: 300px; float: right; margin-left: 1em; clear: right; }
.testimonialHead { background-image: url(""); }
.testimonialFoot { background-image: url(""); }
.testimonialContent { padding-right: 10px; }
.testimonialContent h4 { margin: 0px; padding: 0px; font-size: 1em; }
/* content */
#pageContent { padding: 1em; margin-left: 165px; }
#pageContent ul { padding: 0em 0em 0em 3em; margin: 0em; }
#pageContent li { padding: 0px; margin: 4px 0px; }
/* blog */
#blog { margin-top: 2em; }
.blog-title { border: 1px solid #ccc; background: #F5F5F5; padding: 0.5em; }
.blog-title h2 { display: inline; font-size: 1.1em; margin: 0em; padding: 0em; } 
.blog-intro { margin: 1em 1em 1em 3em; }
/**** footer of page ****/
#pageFooter { background: #eee ; padding-top: 10px; clear:both; }
#pageFooterContent { background: #F5F5F5; text-align: right; text-transform: lowercase; font-weight: bold; font-size: smaller; padding: 0.5em 2em;  }
#footerads { float: left; text-align: left; text-transform: lowercase; font-weight: bold; font-size: smaller; padding: 0 0 0 0; display: inline;} 
#footerads p { display: inline; }
#pageFootSpacer { font-size: xx-small; height: 1px; }

/*********** content tags ********/
hr.spacer { background: none transparent; border: 0px none transparent; height: 2px; padding: 0.5em; color: transparent; }
.block { display: block; } 
.inline { display: inline; }
.clear { clear: both; } 
.left { float: left; } 
.right { float: right; } 
.txtcenter { text-align: center; } 
.txtmiddle { text-align: center; vertical-align: middle; } 
.txtright { text-align: right; } 
.txttop { vertical-align: top; } 
.txtbottom { vertical-align: bottom; } 
.txtleft { text-align: left; } 
.smaller { font-size: smaller; }
.larger { font-size: larger; }
.small { font-size: small; }
.large { font-size: large; }
.important { font-size: larger; font-weight: bold; }
.box, .fullwidthbox { border: 2px solid #aa0000; background-color: #FFFAE8; padding: 1em; }
.fullwidthbox { margin: 1em 10%; padding: 1em; }

/********** form html *********/
input:focus, select:focus, textarea:focus, .error { border: 2px solid #aa0000; background-color: #FFFAE8; }

/* fix for the 'Jump to...' select options in the forums */
#pageFunctions select:focus { border: 1px solid #aa0000 !important;}

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

/* ----------------------------------------------- 
 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: 10px; padding-top: 0px; } 
.page { padding: 15px; margin: 1em 1em 0em; border: 1px solid #666; border-bottom: none; height: 100%; } 
.footer { clear: both; background-color: #eee; padding: 5px 10px; margin: 0em 1em 1em; border-width: 0px 1px 1px; border-style: solid; border-color: #666; } 

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

/* comments */ 
.commentsheader { clear: both; background-color: #DDDDDD; padding: 2px 10px; border-left: 1px inset; border-right: 1px inset; border-top: 1px solid #CCCCCC; } 
.comment { 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; margin-top: 10px; margin-bottom: 10px; 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; width: auto; 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; } 
textarea#body{ width: 100%; height: 500px; padding: 2px; } 
.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; 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: antiquewhite; } 

/* 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; }