/* +++ 210 Page titles, headings, and paragraphs +++ */
.pagename                { font-size: 150%; font-weight: bold; 
                           margin: 0.5em 0.5em 0.5em 0; }
h1                       { font-size: 2.0em; font-weight: normal;
	                         margin-top: 0em; margin-bottom: 0em; }
h2                       { font-size: 1.7em; font-weight: normal; 
                           margin: 1.2em 0em .8em 0em;
	                         border-bottom: 1px #D9D9D9 solid; }
h3                       { font-size: 1.4em; font-weight: normal;
                           margin: 1.2em 0em .8em 0em; }
h4                       { font-size: 1.2em; font-weight: bold;
                           margin: 1.2em 0em .8em 0em; }
h5                       { font-size: 1.0em; font-weight: bold;
	                         margin: 1.2em 0em .8em 0em; }
h6                       { font-size: 0.8em; font-weight: bold;
	                         margin: 1.2em 0em .8em 0em; }
p                        { margin: .75em 0 1em 0; }
strong, b                { font-weight: bold;	}

/* +++ 220 Lists and bullets +++ */
ol,ul                    { margin: 0.8em 0 0.8em 1.25em; }
ul                       { padding-left: 1.5em; }
li                       { margin: 0.6em 0.75em; }
li > p                   { margin-top: 0.2em; }

/*
dl dt                    { font-weight: bold; font-size: 1.2em; }
*/
dl dt                    { font-weight: bold; }
dl dd                    { margin-left: 3em; }

/* +++ 230 Horizontal rules +++ */
hr                       { color: #D9D9D9; background: #D9D9D9;
                           height: 1px; border: 0 }

/* +++ 240 Pre-formatted text blocks and code +++ */
tt                       { font-size: 1.2em; margin: 0 .2em; }
pre                      { white-space: pre; margin: 1.5em 2em 1.8em 2em; 
	                         font-size: 1.2em;
                           background:  #f0f0f0;
                           padding: .5em .5em .6em .5em; overflow: auto;
font-family: "Courier New", monospace;
}
                           
/* +++ 250 Hyperlinks +++ */
a                        { color: blue; }
a:link                   { }
a:visited                { }
a:active                 { }
a:hover                  { }
a.editpage               { color: #FF0000; text-decoration: none;
 	                         border-bottom: 1px dashed red; }
a.external               { }                            /* External reference */
a.interwiki              { }                            /* Interwiki reference */
a.wikipage               { }                            /* Internal wiki reference */
                           
/* +++ 260 Image styles +++ */
img                      { border: 0; }
img.inline               { }

/* +++ 270 Footnotes and small text +++ */
a.footnoteref            { font-size: 85%; vertical-align: super; }
a.footnote               { color: #0044AA; }
.small                   { font-size: 85%; }
.strike                  { text-decoration: line-through; }
.sub                     { font-size: 85%; vertical-align: sub; }
.sup                     { font-size: 85%; vertical-align: super; }

/* +++ 280 Convenience styles and info/warning/error dialogs +++ */
.center                  { text-align: center; } 
.center table            { margin-left: auto; margin-right: auto; text-align: left; }
.information,
.warning,
.error                   { display: block;
                           padding: 1em 1em 1em 2.5em;
                           margin: 1em .5em;
                           background-position: .8em .9em;
                           background-repeat: no-repeat; }
.information             { background-image: url(images/information.png);
                           background-color: #e0e0ff; }
.warning                 { background-image: url(images/exclamation.png);
                           background-color: #ffff80; }
.error                   { background-image: url(images/error.png); 
                           background-color: #ffe0e0; }
.error * li              { margin-left: 0; padding-left: 0; }

.ltr                     { direction: ltr; }
.rtl                     { direction: rtl; }

/* +++ 290 Comment boxes (used on some pages) +++ */
.commentbox              { float:right; width: 20%; border-style: inset;
                           background: #f0f0f0; padding: 4px; margin-left: 4px; }
.commentbox ul, .commentbox ol
                         { padding-left: 1em; margin-left: 4px; }

/* +++ 300 Wiki tables and zebra tables +++ */
.wikitable               { border: 1px solid #666666; 
                           border-spacing: 0; 
                           margin: 1.5em 2em 1.8em 2em; }
.wikitable * tr th       { font-size: 100%; 
                           padding: .5em .7em .5em .7em;
	                       border-left: 1px solid #666666;
	                       background-color: #3d80df;
	                       vertical-align: bottom;
	                       color: black;
	                       empty-cells: show; }
.wikitable * tr td       { font-size: 95%; 
                           padding: .4em .7em .45em .7em;
	                       border-left: 1px solid #D9D9D9;
	                       vertical-align: top;
	                       empty-cells: show; }
.wikitable * tr.odd td   { background-color: #e3f0ee; }

.zebra-table th          { background:  #e0e0e0; }
.zebra-table tr.odd td   { background:  #e3f0ee; }

/* +++ 350 Attachments +++ */
#attachments             { }
#attachments .list       { float: left; min-width: 300px; }
#attachments .preview    { float: right; }
#attachments * table     { width: 40em; }
#attachments h3          { border-bottom: 1px solid grey; }

/* ----------------------------------------------------
   400 Styles for specific JSPs
   ---------------------------------------------------- */

/* +++ 405 AttachmentTab +++ */
#attachImg               { margin:0; vertical-align: middle; text-align: center;
                           height: 300px; width: 300px; 
                           border: 4px solid #e0e0e0; }
#attachSelect            { margin: 0.5em 0; }

/* +++ 410 CommentContent +++ */
#addcomment              { }

/* +++ 415 CommentContent and PageContent +++ */
#pagecontent             { }

/* +++ 420 DiffContent and Diff Providers: Traditional and External +++ */
#diffcontent             {  }
td.diffadd               { background: #99FF99; font-family: monospace; }
td.diffrem               { background: #FF9933; font-family: monospace; }
td.diff                  { background: #FFFFFF; font-family: monospace; }

/* +++ 425 Edit/EditContent and CommentContent +++ */
body.edit                { background-color: #D9E8FF; } /* Edit.jsp BODY element */
body.comment             { background-color: #EEEEEE; } /* Comment.jsp BODY element */
#edithelp                {  }

/* +++ 430 Edit/EditContent +++ */
textarea.editor          { }
#editcontent             {  }
#searchbar               { margin: 1em 0; }
#searchbarhelp           {  }
                           
/* +++ 440 Favorites +++ */
.boxtitle                { padding: 0.25em; text-align: center;
                           border-bottom: 1px solid black; }
.myfavorites             { margin-bottom: 1.5ex; 
                           border: 1px outset grey; 
                           padding: .5em;}
.myfavorites .boxtitle   { margin-bottom: 0.5ex;
                           margin-top: 0.5ex;
                           font-size: 100%; }
.username                { font-style: italic; }

/* +++ 445 Favorites and Footer +++ */
.wikiversion, .rssfeed   { padding: 1em 0; 
                           text-align: center; }

/* +++ 450 FindContent +++ */
.graphBars               { }
.graphBar                { background: #ff9933; color: #ff9933; }
.gBar                    { white-space: nowrap; }

/* +++ 455 Footer +++ */
.copyright               { }

/* +++ 460 Header +++ */
.breadcrumbs             { font-size: 85%;
                           padding: 0 1.5em 0.5em 0em; }

/* +++ 465 InfoContent +++ */
#infocontent             { overflow: auto; }
#infocontent tr          { vertical-align: top; }
#infocontent th          { text-align: left; white-space: nowrap;  }
#referingto,
#referencedby,
#versionhistory          {  }
#versionhistory td       { white-space: nowrap; }
#infocontent .changenote { font-style: italic; }

/* +++ 470 PageActions +++ */
.pageInfo                { font-style: italic; padding: .5em 0; }
.quick2Top a             { background-image:url(images/bulletUp.png);
                           background-repeat: no-repeat; background-position: 0 1px;
                           padding: 0 8px 12px 0; 
                           text-decoration: none; }
.quick2Bottom a          { background-image:url(images/bulletDown.png);
                           background-repeat: no-repeat; background-position: 0 0;
                           padding: 0 8px 12px 0;
                           text-decoration: none; }

/* +++ 475 PreviewContent - "This is a preview" comment +++ */
.previewcontent          { background: #E0E0E0; padding: 1em; }

/* +++ 480 PreferencesContent, LoginContent, GroupContent +++ */
div.formcontainer        { width: 440px; margin: 20px 0 0 0; }
div.formcontainer form   { border-bottom: 2px solid silver; }
div.formcontainer div.block
                         { vertical-align: top;
                           padding: 10px 0px;
                           border-top: 1px solid silver; }
div.formcontainer form label 
                         { width: 120px; float: left;
                           padding-top: .25em; margin: 0 10px; }
div.formcontainer input  { padding: 0.15em; }
div.formcontainer input[type='submit'] 
                         { width:auto; margin-right: 1em; float:right }
div.formcontainer textarea 
                         { padding: 0; width:65%; margin: 0 0 0 140px;  }
div.formcontainer .instructions
                         { margin: 0.5em 0; }
div.formcontainer .description
                         { margin: 0.5em 10px 0.5em 140px; font-style: italic; }
div.formcontainer .readonly
                         { margin: 0 10px 0.5em 140px; }

/* +++ 485 SearchBox +++ */
/*
#searchboxMenu           { padding: 4px;
                           position: absolute; background: white;
                           border: 1px solid silver; }
#recentSearches          { margin: 0.5em 0 0 0.5em; color: silver; }
#recentSearches div      { color: black; cursor: pointer;}
.searchbox               { margin: 1em 0.5em 0.5em 0.5em; }
*/

/* +++ 490 ViewTemplate +++ */
body.view                { background-color: white; }   /* Wiki.jsp BODY element */

/* +++ 495 EditorBar in Edit.jsp +++ */
#editorbar            { float:right; 
                        border-style: solid;
                        border-width: 1px;
                        border-color: #A8A8A8;
                        background: #f0f0f0; 
                        padding: 2px; }


/* ----------------------------------------------------
   600 JSPWiki plugins
   ---------------------------------------------------- */

/* +++ 610 Image plugin +++ */
.imageplugin             { margin: .5em; }
.imageplugin img         { border: 0; }
.imageplugin caption     { }

/* +++ 620 Index plugin +++ */
div.index                { }
div.index .header        { padding: 4px; background: #f0f0f0; }
div.index .body          { }
div.index .section a     { display: block; padding: 0 0.25em;   
                           color:black;
                           font-weight: bold; text-decoration: none; }

/* +++ 625 Table of contents plugin +++ */
.toc                     { background: #edf3fe; padding: .75em; }
.toc h4                  { margin-top: 0px; }
.toc ul                  { list-style: none; margin-left: 0; padding-left: 0; }
.toc li                  { padding-left: 0; display: block; }
.toc li.toclevel-1       { margin-left: 0.5em; }
.toc li.toclevel-2       { margin-left: 1.5em; }
.toc li.toclevel-3       { margin-left: 2.5em; }

/* +++ 630 Weblog and weblogarchive plugins +++ */
.weblog                  { }
.weblogentry             { margin: 1em 0 2em 0; }
.weblogentryheading      { color: #999999; margin-top: 2em; 
 	                         border-bottom: 1px #D9D9D9 solid;}
.weblogentrytitle        { font-size: 1.5em; font-weight: bold; 
                           margin: 0.5em 0 .8em 0; }
.weblogentrybody         { }
.weblogentryfooter       { font-style: italic; margin-top: 1em; clear: both; }
.weblogentryfooter a     { font-style: normal; margin-left: 0.5em; }
.weblogarchive           { }
.weblogarchive ul        { margin-top: 0px;
                           padding: 0px; }
.weblogarchive li        { display: block; list-style-type: none; margin-left: 1em; }
.archiveyear             { font-weight: bold; text-decoration: none;
                           margin-left: 0px !important; }
.archiveyear:after       { content: " AD" }

/* +++ 640 RecentChangesPlugin +++ */

.recentchanges           { }
.recentchanges .changenote { font-style: italic; }

/* ----------------------------------------------------
   800 JSPWiki JSP Taglibs
   ---------------------------------------------------- */
   
/* +++ 805 CalendarTag +++ */
div.calendar             { border: 1px solid black; }
table.calendar           { }
table.calendar td        { text-align: center; }
table.calendar td.othermonth
                         { color: #707070; }
table.calendar td.link   { background: #E0E0E0; }
table.calendar tr.month  { }
table.calendar tr.weekdays
                         { color: #FF0000; }

/* +++ 810 The CSS Styles for the Contextual diff provider +++ */
.diff-wikitext           { margin: 10px; padding: 5px; 
                           border-width: thin; border-style:inset; 
                           font-family: monospace;  }
.diff-insertion          { background: #ddffdd; 
                           text-decoration:  none; color: #8000ff; } 
.diff-deletion           { background: #ffdddd; 
                           text-decoration: line-through; color: red; } 
.diff-nextprev           { vertical-align: super; text-decoration: none; }

/* ----------------------------------------------------
   900 "Special-effects" JavaScript styles
   ---------------------------------------------------- */
   
/* +++ 905 Search highlights +++
   For the search_highlight.js.  This style defines the how the words that have
   been found look like.  If you look for "thingy", you will get these following
   in the results.
   <span class="searchword">thingy</span>
 */
.searchword              { background-color: #FFFF00; color: black; 
                           text-decoration: inherit; }

/*
 * For fragments in search results (from FindPage), and the search match
 * within a fragment. 
 */
.fragment                { margin-left: 1em; font-size: 90%; }
.fragment_ellipsis       { font-weight: bold; }
/* .searchmatch             { background-color: yellow; } Too strong ? */
.searchmatch             { font-weight: bold; }

/* +++ 910 Tabbed Pages +++ */
/* use absolute position trick to avoid page bump when inserting tabmenu */
.tabs                    { margin: 0; padding: 1em;
                           border: 1px solid gray; border-top: none; }
.tabmenu                 { margin: 0; padding: 0.25em 0 0.25em 1em;
                           border-bottom: 1px solid gray; }
.tabmenu span            { margin: 0; padding: 0; overflow: hidden; }
.tabmenu span a          { color: grey; background: #dddddd;
                           margin: 0 0 0 -1px; padding: 0.25em 0.5em;
                           text-decoration: none; cursor: pointer;
                           border: 1px solid gray; border-bottom:none; }
.tabmenu .activetab      { color: black; background: white;
                           font-weight: bold;
                           border-bottom: 1px solid white; cursor: default;  }
.edit .tabmenu a         { background: white; }
.edit .tabmenu .activetab
                         { background: #D9E8FF; border-bottom: 1px solid #d9e8ff;}
.tabmenu .alerttab a, .edit .tabmenu .alerttab a
                         { color: white; background: red; }
.tabmenu .alerttab .activetab, .edit .tabmenu .alerttab .activetab
                         { color: red; background: #D9E8FF;
                           border-bottom: 1px solid #d9e8ff; }

/* +++ 920 Collapsable lists +++ */
div.collapse ul,
div.collapse ol          { margin-left: 1.5em; padding:0; }
div.collapse * ul,
div.collapse * ol        { margin-left:0 ; padding-left: 1.5em; }
     
div.collapse li          { list-style: none; position: relative; }

/* relative to the containing LI */     
.collapseBullet,
.collapseOpen,
.collapseClose           { position: absolute; left: -1.5em;
                           font-weight: bold; color: blue;
                           font-family: Verdana, sans-serif; }
.collapseOpen,
.collapseClose           { cursor: pointer; }

.collapseOpen:hover,
.collapseClose:hover     { background: #FF9933; color: white; }

.collapse .collapseBullet,
.collapse .collapseOpen,
.collapse .collapseClose { left: -1.5em !important; right: auto !important; }

/* collapsebox */
.collapsebox             { border: 1px solid gray; position:relative; margin: 1em 0;}
.collapsebox h2,
.collapsebox h3,
.collapsebox h4          { margin: 0; padding: 0.25em 0.5em; }
.collapsebody            { margin: 0.5em 1em;  }

.toc .collapsebox        { border: 0; margin: 0; }

.collapsebox .collapseOpen,
.collapsebox .collapseClose
                         { top:0; left:auto; right:0.5em;
                           font-size: 13px; }
.collapsebox .quicklinks { display: none; }

/* +++ 930 Sortable tables +++ */
.sortable .sort,
.sortable .sortAscending,
.sortable .sortDescending
                         { cursor: pointer;
                           background-color: #f0f0f0;
                           background-repeat: no-repeat; 
                           background-position: 0.25em 50%; }
.sortable .sortAscending { background-image: url(images/bulletDown.png); }
.sortable .sortDescending
                         { background-image: url(images/bulletUp.png); }

/* ----------------------------------------------------
   1000 Miscellaneous Cross-Browser Hackery
   ---------------------------------------------------- */
   
/* Use as div 'block enclosure' to clear floats properly. This works across browsers
   (even IE). Also known as the Wyke-Smith/Alsett/Holly 'clearfix' hack */
.block:after             { content: "."; display: block; height: 0; 
                           clear: both; visibility: hidden; }
.block                   { display: inline-block; }
* html .block            { height: 1%;}
.block                   { display: block; }


/* =================================================================================== */
/* @@@@@ */
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

/* padding: top right bottom left */

.view {
    font-family: Osaka, Tahoma, Arial, sans-serif;
    font-size: 85%;
    background-color: #ffffff;
}

.viewTab {
    width: 100%;
}

.viewTd1 {
    border-bottom: solid 1px #e0e0e0;
    width: 100%;
}

.viewTd2 {
    border-right: solid 1px #e0e0e0;
    vertical-align: top;
    padding: 10px 4px 10px 4px;
}

.viewTd3 {
    vertical-align: top;
    padding: 0px 8px 10px 16px;
    width: 100%;
}

.viewTd35 {
    border-right: solid 1px #e0e0e0;
    vertical-align: bottom;
    padding: 10px 4px 10px 4px;
}

.contentTd1 {
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
}

.adsense {
    padding: 10px 0px 0px 10px;
    vertical-align: top;
}

.viewTd4 {
    border-top: solid 1px #e0e0e0;
    text-align: right;
}

.headerTab {
    width: 100%;
}

.headerTd1 {
    width: 0%;
    white-space: nowrap;
    border-bottom: solid 1px #e0e0e0;
    padding: 20px 20px 12px 8px;
}

.headerTd2 {
    border-bottom: solid 1px #e0e0e0;
}

.headerTd21 {
    white-space: nowrap;
    text-align: center;
    vertical-align: bottom;
}

.headerTd22 {
    white-space: nowrap;
    text-align: right;
    vertical-align: bottom;
    width: 0%;
}

.searchbox {
}

.wikiversion {
    padding: 0;
    text-align: center;
}

ul { margin: 0; }

ul li { margin: 2px; }

/*
.rssfeed { text-align: left; }
*/

#leftMenuSpacer { border: 0; width: 155px; height: 0px; }

h4 {
color: maroon;
border-left: solid 6px maroon;
padding-left: 0.3em;
font-size: 1.3em;
}

div#pagecontent p {
margin-left: 1em;
}

pre {
font-size: 90%;
}

/* ----- form --------- */
.formResult {
   background-color: #f0f0f0;
   padding: 8px;
   margin-left: 12px;
   overflow: auto;
}

.formResultTitle {
    font-weight: bold;
    padding-bottom: 8px;
    color: #333399;
}

.formResultName {
    font-weight: bold;
}

.formResultValue {
    padding-left: 8px;
}

.formResultPre{
    font-family: "Courier New", monospace;
}

/* ---- syntax ---- */
.syntaxTag{
	color:blue;
}
/*
.endtag{
	color:blue;
}
.reference{
	color:black;
}
.name{
	color:maroon;
}
.value{
	font-style: italic;
	color:maroon;
}
.text{
	color:black;
}
*/

.syntaxReservedWord{
	color:#0054E3;
}
/*
.identifier{
	color:black;
}
*/
.syntaxLiteral{
	color:#ff3333;
}
/*
.separator{
	color:navy;
}
*/
.syntaxOperator{
    color:black;
}
.syntaxComment{
	color:green;
}
/*
.preprocessor{
	color:purple;
}
.whitespace{
}
.error{
	color:red;
}
.unknown{
	color:orange;
}
*/


.xpre {
    white-space: pre; margin: 1.5em 2em 1.8em 2em; 
    background:  #f0f0f0;
    padding: .5em .5em .6em .5em; overflow: auto;
    font-family: "Courier New", monospace;
}

.codeDiv {
    margin: 1.5em 2em 1.8em 2em; 
/*
    padding: .5em .5em .6em .5em; overflow: auto;
*/
    background:  #f0f0f0;
    text-align: left;
    font-family: "Courier New", monospace;
}

.codeTab { width: 100%; }

.code_line, .code_source {
    padding: .5em .5em .6em .5em;
    vertical-align: top;
    white-space: nowrap;
    font-family: "Courier New", monospace;
}

.code_line {
    color: #aaaaaa;
    text-align: right;
    width: 0;
}

.code_source {
    text-align: left;
    width: 100%;
}

.code_hline {
    background-color: #aaffaa;
}


body {
    margin: 0 0 0 8px;
}

.xnote {
background-color: #dfdfff;
border: 1px dotted #999999;
padding: 1em; 
}

.xnote2 {
background-color: #ffdfdf;
border: 1px dotted #999999;
padding: 1em;
}