Draggable Slideshow
created: 1258772476|%e %B %Y, %H:%M
ed-johnson
Let's see if this works.
Cool!
I found a bit of javascript that can create a Draggable Slideshow. Details are here:
http://www.codelifter.com/main/javascript/draggableslideshow.html
Note to self: Fix the CSS on this site!
overLIB Demo
created: 1252793335|%e %B %Y, %H:%M
Ed Johnson
I propose Wikidot consider adding the free overLIB javascript library and creating a module to use it's features. overLIB is for creating popups and tooltips and has many, many, many configurable options.
I created a small demo and even wrote up a rough draft of the documentation:
The list below is pulled from the overLIB Command Reference. Some options were omitted since they wouldn't work well with Wikidot (i.e. embedding HTML in a popup).
Suggested Syntax
[[overlib options…]]popup link text…[[/overlib]]
Options:
- event="event-specifier"
- Event that triggers the popup. onMouseOver, onClick, etc.
- text="text-specifier"
- Text to display in popup
- caption="caption-specifier"
- Sets the caption of the popup. A string whose default is the null string (" ").
- sticky="sticky-specifier"
- Makes the popup stick around until closed. Default is not to be STICKY (0). This is a number, either 1 or 0.
- width="width-specifier"
- Sets the width of the box to some other size in pixels. This is a number whose default value is 200.
- height="height-specifier"
- Sets the height of the box in pixels. This is a number whose default value is -1.
- position="position-specifier"
- left - Makes the popups go to the left of the mouse.
- right - (default) Makes the popups go to the right of the mouse.
- center - Makes the popups to be centered about the mouse.
- above - Makes the popups go above the mouse. Note: Only possible when HEIGHT has been set.
- below - (default) Makes the popups go below the mouse.
- offsetx="offsetx-specifier"
- How far away (in pixels) from the pointer the popup will show up, horizontally. This is a number whose default value is 10 pixels. NOTE: Positive values move the popup towards the right edge of the window and negative values move it toward the left edge of the window.
- offsety="offsety-specifier"
- How far away (in pixels) from the pointer the popup will show up, vertically. This is a number whose default value is 10 pixels. NOTE: Positive values move the popup downward toward the bottom of the browser's window and negative values move it upward.
- autostatus="autostatus-specifier"
- Sets the status bar's text to the popup's text. Overrides STATUS. A number whose default value is 1.
- autostatuscap="autostatuscap-specifier"
- Sets the status bar's text to the popup's caption. Overrides AUTOSTATUS and STATUS. A number whose default value is 2.
- snapx="snapx-specifier"
- Snaps the popup to an even position in a horizontal grid. A number whose default value is 0.
- snapy="snapy-specifier"
- Snaps the popup to an even position in a vertical grid. A number whose default value is 0.
- fixx="fixx-specifier"
- Locks the popup's horizontal position relative to the HTML page's upperleft hand corner. This may cause the popup to become invisible if the page is scrolled. Overrides all other horizontal placements, except RELX which takes precedence. A number whose default value is -1.
- fixy="fixy-specifier"
- Locks the popups vertical position relative to the HTML page's upperleft hand corner. This may cause the popup to become invisible if the page is scrolled. Overrides all other vertical placements, except RELY which takes precedence. A number whose default value is -1.
- relx="relx-specifier"
- Positions popup a number of pixels, relative to the upper left hand corner of the browser window, in the horizontal direction. Overrides all other horizontal placements, including FIXX. Negative values will position the popup from the browser window's right hand edge. A number whose default value is not set (NULL).
- rely="rely-specifier"
- Positions popup a number of pixels, relative to the upper left hand corner of the browser window, in the vertical direction. Overrides all other vertical placements, including FIXY. Negative values will position the popup from the bottom edge of the browser window. A number whose default value is not set (NULL).
- timeout="timeout-specifier"
- Makes the popup go away after the requested delay after first being shown. A number whose default value is 0. A delay on closing is similar (e.g., onMouseOut="return nd(500)"), but it becomes actived when your cursor leaves the triggering link. It is probably not a good idea to include both on the same popup.
- delay="delay-specifier"
- Makes that popup behave like a tooltip. It will popup only after a certain delay specified in millisecs. A number whose default value is 0. If DELAY has been scheduled for a popup, then any delay on closing will be cancelled.
- hauto="hauto-specifier"
- Automatically determine if the popup should be to the left or right of the mouse. This command switches the default value of this command to its opposite state for this invocation only. A number whose default value is off (0).
- vauto="vauto-specifier"
- Automatically determine if the popup should be to the above or below of the mouse. This command switches the default value of this command to its opposite state for this invocation only. A number whose default value is off (0).
- closeclick="closeclick-specifier"
- Force users to click on "Close" to close sticky popups. This command switches the default value of this command to its opposite state for this invocation only. A number whose default value is off(0).
- fgcolor="fgcolor-specifier"
- Color of the inside of the popup box. A string value whose default is "#CCCCFF".
- bgcolor="bgcolor-specifier"
- Color of the border of the popup box. A string value whose default is "#333399".
- textcolor="textcolor-specifier"
- Sets the color of the text inside the box. A string value whose is black ("#000000").
- capcolor="capcolor-specifier"
- Sets the color of the box's caption. A string value whose default is white ("#FFFFFF).
- closecolor="closecolor-specifier"
- Sets the color of the close text. A string value whose default is "#9999FF".
- textfont="textfont-specifier"
- Sets the font to be used by the main text. A string value whose default is "Verdana,Arial,Helvetica".
- captionfont="captionfont-specifier"
- Sets the font of the caption. A string value whose default is "Verdana,Arial,Helvetica".
- closefont="closefont-specifier"
- Defines the font for the "Close" text. A string whose default is "Verdana,Arial,Helvetica".
- textsize="textsize-specifier"
- Size of the main text's font. It is a string value containing either an integer, as '1', or a number with a length specifier, like '10px'. Default value is '1'.
- captionsize="captionsize-specifier"
- Size of the caption's font. It is a string value containing either an integer, as '1', or a number with a length specifier, like '10px'. Default value is '1'.
- closesize="closesize-specifier"
- Size of the "Close" text's font. It is a string value containing either an integer, as '1', or a number with a length specifier, like '10px'. Default value is '1'.
- fgbackground="fgbackground-specifier"
- Defines a picture to use instead of color for the inside of the popup. You will most likely want to set FGCOLOR to nothing or the color will show as well. A string value whose default is the null string (" "). Can also include the absolute or relative path to the image.
- bgbackground="bgbackground-specifier"
- Defines a picture to use instead of color for the border of the popup. You will most likely want to set BGCOLOR to nothing or the color will show as well. A string value whose default is the null string (" "). Can also include the absolute or relative path to the image.
- capicon="capicon-specifier"
- Displays a small icon before the popup caption. A string value whose default is the null string (" ").
- border="border-specifier"
- Border width in pixels. Makes the border of the popups thicker or thinner. A number whose default is 1.
- background="background-specifier"
- Instead of using the table box as background, your picture will be used. A string value whose default is the null string (" ").
- padx="padx-specifier"
- left, right Pads the background picture with horizontal whitespace for text placement. Note that this is a two parameter command. Both parameters are numbers with default values of 1.
- pady="pady-specifier"
- top, bottom Pads the background picture with vertical whitespace for text placement. Note that this is a two parameter command. Both parameters are numbers with default values of 1.
- cellpad="cellpad-specifier"
- Padding, in pixels, for the main body text in a popup. A number whose default value is 2. There can be from one to four additional values following this command, separated by commas. If there is more than one value, then their interpretation will follow the rules of CSS.
- closetext="closetext-specifier"
- Replaces the text "Close" with something else. A string whose default is "Close".
- closetitle="closetitle-specifier"
- Sets the text string of the TITLE attribute on the close event if CLOSECLICK is 1. A string whose default value is "Click to Close". If you don't want any TITLE to show, then set this variable to an empty string.
- donothing="donothing-specifier"
- true / false As the name implies, this command does absolutely nothing at all. It was introduced because it was requested by an experienced user of overlib in order to make programming shell wrapper functions easier.
- followmouse="followmouse-specifier"
- Sets whether the popup should follow the cursor. A number whose default is on (or true) (1).
- noclose="noclose-specifier"
- Doesn't display the text "Close" on stickies with caption, and will set event handlers so that the popup can be closed by mousing over it and then off of it. This will also cancel any TIMEOUT that has been scheduled for the popup. A number whose default is off (0).
- status="status-specifier"
- Sets the text in the browsers status bar to text. A string whose default is the null string (" ").
Hallelujah!
created: 1239135639|%e %B %Y, %H:%M
Ed Johnson
I just noticed I finally made guru! I guess it just took taking on a new project that required creating a lot of pages to get me over the hump.
Boy, it would have been nice to get some special notification from Wikidot. And cake! I might just have to raise a glass to celebrate tonight. ;)
Photo Gallery Update
created: 1239130571|%e %B %Y, %H:%M
Ed Johnson
It didn't take Michal and company to help solve some of the issues I presented in my Photo Gallery post a couple of days ago.
We now have an order option that can be used in the "simple" [[gallery...]] mode. For example:
[[gallery order="dateAdded" size="medium"]]
the order option currently supports name (the default if not specified), nameDesc, dateAdded and dateAddedDesc.
I expect to see a random option in the near future.
This change is going to make it really easy to set up a family photo album site. I envision setting up the improved gallery module in a live template. Then, all I have to do is let my family create a new page, add some descriptive text ("Our vacation in Maui - winter 2009") and save the page. Once they use the new Multi File Uploader to upload their photos, they're done and we have an instant addition to our photo album!
Photo Gallery
created: 1238771698|%e %B %Y, %H:%M
Ed Johnson
Now that the Multi File Uploader is a reality for Pro accounts (coming in a month for free accounts), I am anxious to start a photo gallery site for my family and extended family. One thing I noticed is that when I uploaded multiple files, I got a result that was not desirable. Initially, I didn't pay attention to the order of the files as they were being uploaded.
My images are all named sequentially, by number, with the files names my camera created. I think the files did not upload in numerical order because my [[gallery]] did not display them in order. As a workaround, I tried to explicitly define the order by using the following code:
[[gallery viewer="false"]]
: 100_4709.JPG
: 100_4710.JPG
: 100_4711.JPG
<snip>
: 100_4726.JPG
: 100_4727.JPG
: 100_4728.JPG
[[/gallery]]
Still no love. I got the same order as if I didn't list the images individually. I then did a more controlled "experiment" to try and see what's happening.
[edit: Not true. I made a typo in my [[gallery]] ... [[/gallery]] block when testing that wasn't allowing the images to be displayed in the order I wanted. The above method DOES WORK as a workaround.]
Here's the sequence of events:
Select files to be uploaded
Tip: In Windows, select the files from the bottom, up (i.e click on the last file in the sequence and then shift-click the first file so they get listed in alpha/numerical order in the filename field).

Preview the file list
Here's the order the files were listed by the Wikidot uploader:

Wikidot's file display
Wikidot does sort the file list for display purposes.

Conclusions
- Even though I was careful to populate my filename field in the order I wanted the files displayed/uploaded, it didn't work. The files ended up being listed in some order that was probably determined by my operating system.
- After the files were uploaded, the gallery module displayed them in the reverse order they were uploaded. I'm sure the thinking is that you would generally want newest files uploaded to be displayed first.
- It looks like I'm going to have to ask for some new parameters to be added to the gallery module so I can control the order of the images being displayed.
- [edit: In spite of my silly typo getting me all worked up, I think adding some sort options is still a good idea. Being able to create a template with a simple [[gallery sort="sort_option"]] would keep things simple for non-techie users so they don't have to create a large gallery block to control the order of images.]
- It would also be nice if some options could be built into the multi file uploader to rearrange the file list before starting the upload.
My Test Gallery
I want these displayed in the order 100_4709.JPG, 100_4710.JPG … 100_4728.JPG, but can't control that right now (see the workaround notes above - it can be done).
Animoto
created: 1238551024|%e %B %Y, %H:%M
Ed Johnson
My very hip and cool Aunt Mar and Uncle Pete (DraugalisPhotography.com) have set up an account on Animoto and had some fun with pictures of my grandkids. Photos courtesy of my very hip and cool wife!
Ava Baby and Her Big Brother (Myles)
Wikidot Rocks!
Wikidot API
created: 1237952153|%e %B %Y, %H:%M
Ed Johnson
I've had a chance to play around a bit with the new Wikidot API and so far it looks promising! I posted a sample script. I'll have more content related to installing and using Python for Windows later on.
Steal This CSS! Part 2
created: 1236028026|%e %B %Y, %H:%M
Ed Johnson
If you looked at my CSS file in Part 1, you'll see that I don't exactly follow conventional formatting. Essentially, I took each page element's CSS block and converted into individual lines, each with a single CSS style on it. For example, a "conventional" section of CSS might look like this:
#header h1 {
position: absolute;
text-align: top;
width: 360px;
padding: 0;
margin: 0;
border-bottom: none;
left: 10px;
top: 25px;
font-size: 1.5em;
}
Using MS Excel with a couple of simple macros and formulas, I split each block so that a single CSS sytle is on its own line and the result is like this:
#header h1 { border-bottom: none; }
#header h1 { font-size: 1.5em; }
#header h1 { left: 10px; }
#header h1 { margin: 0; }
#header h1 { padding: 0; }
#header h1 { position: absolute; }
#header h1 { text-align: top; }
#header h1 { top: 25px; }
#header h1 { width: 360px; }
I then sorted the entire CSS file in order by page element to get the complete result you see in Part 1.
There are 2 things I really like about this non-conventional formatting.
- If you use the Web Developer or Firebug plugins with Firefox to edit CSS, it's really simple to find the block you want to change.
- I can quickly resort my CSS by style. Doing this, I can quickly change, for example, the color scheme of my entire site and not worry about missing any page elements.
For example, here are all of the CSS styles that have the background color that I assigned to the top navigation bar on this site:
#edit-cancel-button:hover { background: #254b5c; }
#edit-diff-button:hover { background: #254b5c; }
#edit-preview-button:hover { background: #254b5c; }
#edit-save-button:hover { background: #254b5c; }
#edit-save-continue-button:hover { background: #254b5c; }
#ntf-cancel:hover { background: #254b5c; }
#ntf-post:hover { background: #254b5c; }
#ntf-preview:hover { background: #254b5c; }
#side-bar h1 a:hover { background: #254b5c; }
#side-bar h1:hover { background: #254b5c; }
#side-bar h1:hover a { background: #254b5c; }
#top-bar { background: #254b5c; }
.page-options-bottom a:hover { background: #254b5c; }
body { background: #254b5c; }
input.button:hover { background: #254b5c; }
As you can see, if you wanted to steal my CSS and edit the colors, you can do it easily by having all of the elements that share the same color grouped together. The other thing this method helps me with is in identifying colors that I may have missed editing.
Note: The reason for the gap between the "{" and the style name is that there is a tab character in between. This is also useful since you can copy this code and paste it directly into Excel and it will end up in 2 columns, rather than one. Conversely, copying the 2 columns and pasting it back into your custom CSS box in Wikidot creates the tab space. Bottom line? It's easy to go back and forth between Excel and Wikidot!
You can download the Excel file I used and try it out yourself. Let known what you think!
If you like the layout of my CSS, but want to change the color scheme, I suggest you visit one of the many sites devoted to web site color schemes and create your own scheme. Then grab my Excel file and start sorting and editing. A couple of sites I like for color schemes are ColorBlender and ColorScheme Designer.
Steal This CSS!
created: 1235969370|%e %B %Y, %H:%M
Ed Johnson
I launched my new theme today. Ever since reading Rob Elliot's gem on the community site, I have been spending most of my free time tweaking things in custom CSS.
This actually turned into a 2-part project. Part 1 is the result you see (identifying the page elements and applying styles to create the new theme). Those who use the Firebug or Web Developer plugins for Firefox know how great those tools are. What's always been a challenge for me is tracking down where a particular element is located in the CSS. The other issue is that sometimes the same element and style are repeated in more than one place in a CSS file.
This is where my second project came in. I decided to create my CSS file in a way that would be easy for those using the Firefox plugins to "have a play" (as my friends across the pond might say). I also set up my CSS in Microsoft Excel so I could easily sort it in different ways. For example, it's easy for me to list all of my color styles together or to quickly resort the list in order of element. I'll save the full story for another day.
Read Part 2
Like the new look I've created? Then…
#account-options { background: #9ed5ed none repeat scroll 0 0; }
#account-options { border: 1px solid #808080; }
#account-options { box-sizing: border-box; }
#account-options { color: #9ed5ed; }
#account-options { display: none; }
#account-options { font-weight: 400; }
#account-options { left: 200px; }
#account-options { -moz-box-sizing: border-box; }
#account-options { padding: 0; }
#account-options { position: absolute; }
#account-options { right: 0; }
#account-options { width: 15em; }
#account-options { z-index: 100; }
#account-options a:hover { background-color: #d0e4ed; }
#account-options li { display: block; }
#account-options li { margin: 0; }
#account-options li { padding: 0; }
#account-options li a { box-sizing: border-box; }
#account-options li a { color: #254b5c; }
#account-options li a { display: block; }
#account-options li a { -moz-box-sizing: border-box; }
#account-options li a { padding: 2px 5px; }
#account-options li a { z-index: 100; }
#account-options li a:hover { color: #926737; }
#account-options li a:hover { text-decoration: none; }
#account-options ul { display: block; }
#account-options ul { list-style: none; }
#account-options ul { margin: 0; }
#account-options ul { padding: 0; }
#account-topbutton { background-color: #fff; }
#account-topbutton { border: 1px solid #888; }
#account-topbutton { font-size: 80%; }
#account-topbutton { font-weight: bold; }
#account-topbutton { margin-left: 5px; }
#account-topbutton { padding: 0 5px; }
#account-topbutton { text-decoration: none; }
#action-area { padding: 0 0 1em 0; }
#action-area { width: 100%; }
#breadcrumbs { margin-top: -0.5em; }
#container { background: #d0e4ed; }
#container { border: 3px solid #222d32; }
#container { border-left-width: 0px; }
#container { border-top-width: 0px; }
#container { margin: 0px 0px 0px 0px; }
#container { -moz-border-radius: 60px 60px; }
#container { padding: 10px 15px 15px 1em; }
#container { -webkit-border-radius: 20px; }
#content-wrap { _height: 1%; }
#content-wrap { border-top: 0px solid #cbe3f3; }
#content-wrap { margin: 0; }
#content-wrap { margin-top: 15px; }
#content-wrap { min-height: 1px; }
#content-wrap { padding: 0; }
#edit-cancel-button:hover { background-color: #254b5c; }
#edit-cancel-button:hover { color: #9ed5ed; }
#edit-cancel-button:hover { cursor: pointer; }
#edit-diff-button:hover { background-color: #254b5c; }
#edit-diff-button:hover { color: #9ed5ed; }
#edit-diff-button:hover { cursor: pointer; }
#edit-page-comments { border: 1px solid #222d32; }
#edit-page-comments { border-left-width: 0px; }
#edit-page-comments { border-top-width: 0px; }
#edit-page-comments { -moz-border-radius: 20px 20px; }
#edit-page-comments { padding: 10px; }
#edit-page-comments { -webkit-border-radius: 10px; }
#edit-page-textarea { border: 1px solid #222d32; }
#edit-page-textarea { border-left-width: 0px; }
#edit-page-textarea { border-top-width: 0px; }
#edit-page-textarea { -moz-border-radius: 20px 20px; }
#edit-page-textarea { padding: 10px; }
#edit-page-textarea { -webkit-border-radius: 10px; }
#edit-page-title { border: 1px solid #222d32; }
#edit-page-title { border-left-width: 0px; }
#edit-page-title { border-top-width: 0px; }
#edit-page-title { margin: -20px 0px 0px -160px; }
#edit-page-title { -moz-border-radius: 20px 20px; }
#edit-page-title { padding: 10px; }
#edit-page-title { position: absolute; }
#edit-page-title { -webkit-border-radius: 10px; }
#edit-page-title { width: 65%; }
#edit-preview-button:hover { background-color: #254b5c; }
#edit-preview-button:hover { color: #9ed5ed; }
#edit-preview-button:hover { cursor: pointer; }
#edit-save-button:hover { background-color: #254b5c; }
#edit-save-button:hover { color: #9ed5ed; }
#edit-save-button:hover { cursor: pointer; }
#edit-save-continue-button:hover { background-color: #254b5c; }
#edit-save-continue-button:hover { color: #9ed5ed; }
#edit-save-continue-button:hover { cursor: pointer; }
#edit-section-content { border: 1px solid #66a; }
#edit-section-content { padding: 0 1em; }
#footer .options { float: right; }
#footer .options { font-size: 90%; }
#footer .options { padding: 1px 0; }
#footer { background: #9ed5ed; }
#footer { background-color: #9ed2c5; }
#footer { border: 2px solid #222d32; }
#footer { border-left-width: 1px; }
#footer { border-top-width: 0px; }
#footer { clear: both; }
#footer { color: #254b5c; }
#footer { font-size: 80%; }
#footer { margin: 15px 0px 0px 0px; }
#footer { -moz-border-radius: 20px 20px; }
#footer { overflow: hidden; }
#footer { padding: 3px 10px 3px 10px; }
#footer { -webkit-border-radius: 10px; }
#footer a { color: #254b5c; }
#footer a { font-weight: bold; }
#footer p { margin: 0px; }
#footer p { padding: 0px; }
#header { background-image: url(http://my-wd-local-dev.wikidot.com/local--files/start/MyWikidotCloud1.png); }
#header { background-position: 100% 80%; }
#header { background-repeat: no-repeat; }
#header { height: 175px; }
#header { position: relative; }
#header { width: 100%; }
#header { z-index: 30; }
#header a { color: #113355; }
#header a { font-weight: 700; }
#header h1 { border-bottom: none; }
#header h1 { font-size: 1.5em; }
#header h1 { left: 10px; }
#header h1 { margin: 0; }
#header h1 { padding: 0; }
#header h1 { position: absolute; }
#header h1 { text-align: top; }
#header h1 { top: 25px; }
#header h1 { width: 360px; }
#header h1 a { border-bottom: none; }
#header h1 a { color: #113355}
#header h1 a { text-decoration: none; }
#header h1 a:hover { background: transparent none repeat scroll 0 0; }
#header h1 a:hover { border-bottom: none; }
#header h1 a:hover { text-decoration: none; }
#header h2 { border-bottom: medium none; }
#header h2 { font-size: .7em; }
#header h2 { left: -10px; }
#header h2 { margin: 0; }
#header h2 { padding: 0; }
#header h2 { position: absolute; }
#header h2 { text-align: top; }
#header h2 { top: 50px; }
#header h2 { width: 410px; }
#header-extra-div-1 { border-bottom: 3px none #101010; }
#header-extra-div-1 { height: 0; }
#header-extra-div-1 { left: 0; }
#header-extra-div-1 { position: absolute; }
#header-extra-div-1 { right: 0; }
#header-extra-div-1 { top: 263px; }
#header-extra-div-1 { width: 100%; }
#header-extra-div-1 { z-index: -1; }
#jquery-lightbox { left: 0; }
#jquery-lightbox { line-height: 0; }
#jquery-lightbox { position: absolute; }
#jquery-lightbox { text-align: center; }
#jquery-lightbox { top: 0; }
#jquery-lightbox { width: 100%; }
#jquery-lightbox { z-index: 100; }
#jquery-lightbox a img { border: none; }
#jquery-overlay { height: 500px; }
#jquery-overlay { left: 0; }
#jquery-overlay { position: absolute; }
#jquery-overlay { top: 0; }
#jquery-overlay { width: 100%; }
#jquery-overlay { z-index: 90; }
#license-area { color: #555; }
#license-area { padding: 0.5em 0; }
#license-area { text-align: center; }
#lightbox-container-image { padding: 10px; }
#lightbox-container-image-box { background-color: #fff; }
#lightbox-container-image-box { height: 250px; }
#lightbox-container-image-box { margin: 0 auto; }
#lightbox-container-image-box { position: relative; }
#lightbox-container-image-box { width: 250px; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-container-image-data #lightbox-image-details { float: left; }
#lightbox-container-image-data #lightbox-image-details { text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; }
#lightbox-container-image-data { color: #666; }
#lightbox-container-image-data { padding: 0 10px; }
#lightbox-container-image-data-box { background-color: #fff; }
#lightbox-container-image-data-box { font: 10px verdana, helvetica, sans-serif; }
#lightbox-container-image-data-box { line-height: 1.4em; }
#lightbox-container-image-data-box { margin: 0 auto; }
#lightbox-container-image-data-box { overflow: auto; }
#lightbox-container-image-data-box { padding: 0 10px 0; }
#lightbox-container-image-data-box { width: 100%; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { clear: left; }
#lightbox-image-details-currentNumber { display: block; }
#lightbox-image-details-currentNumber { padding-bottom: 1.0em; }
#lightbox-loading { height: 25%; }
#lightbox-loading { left: 0%; }
#lightbox-loading { line-height: 0; }
#lightbox-loading { position: absolute; }
#lightbox-loading { text-align: center; }
#lightbox-loading { top: 40%; }
#lightbox-loading { width: 100%; }
#lightbox-nav { height: 100%; }
#lightbox-nav { left: 0; }
#lightbox-nav { position: absolute; }
#lightbox-nav { top: 0; }
#lightbox-nav { width: 100%; }
#lightbox-nav { z-index: 10; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnNext { display: block; }
#lightbox-nav-btnNext { float: right; }
#lightbox-nav-btnNext { height: 100%; }
#lightbox-nav-btnNext { right: 0; }
#lightbox-nav-btnNext { width: 49%; }
#lightbox-nav-btnNext { zoom: 1; }
#lightbox-nav-btnPrev { display: block; }
#lightbox-nav-btnPrev { float: left; }
#lightbox-nav-btnPrev { height: 100%; }
#lightbox-nav-btnPrev { left: 0; }
#lightbox-nav-btnPrev { width: 49%; }
#lightbox-nav-btnPrev { zoom: 1; }
#lightbox-secNav-btnClose { float: right; }
#lightbox-secNav-btnClose { padding-bottom: 0.7em; }
#lightbox-secNav-btnClose { width: 66px; }
#lock-info { background-color: #f3e4d4; }
#lock-info { border: 2px solid #222d32; }
#lock-info { border-left-width: 0px; }
#lock-info { border-top-width: 0px; }
#lock-info { margin: 1em 0; }
#lock-info { -moz-border-radius: 20px 20px; }
#lock-info { padding: 0.5em 1em; }
#lock-info { -webkit-border-radius: 10px; }
#login-iframe { height: 24em; }
#login-status { color: #254b5c; }
#login-status { font-weight: 700; }
#login-status { left: 0px; }
#login-status { left: 10px; }
#login-status { overflow: visible; }
#login-status { position: absolute; }
#login-status { right: 10px; }
#login-status { top: 3px; }
#login-status { z-index: 25; }
#login-status a { color: #254b5c; }
#login-status a { font-weight: 700; }
#login-status a:hover { background-color: transparent; }
#login-status a:hover { color: #926737; }
#login-status img { display: inline; }
#login-status img:hover { background: #9ed5ed; }
#main-content { background: #d0e4ed; }
#main-content { border: 0px solid #ccc; }
#main-content { margin-left: 0px; }
#main-content { margin-left: 17em; } /* side bar left*/
#main-content { margin-left: 10px; } /* side bar right, no side bar */
#main-content { margin-right: 0em; } /* no side bar */
#main-content { margin-right: 17em; } /* side bar right*/
#main-content { -moz-border-radius: 20px 20px; }
#main-content { padding: 10px 15px 0px 15px; }
#main-content { -webkit-border-radius: 10px; }
#ntf-cancel:hover { background-color: #254b5c; }
#ntf-cancel:hover { color: #9ed5ed; }
#ntf-cancel:hover { color: #9ed5ed; }
#ntf-post:hover { background-color: #254b5c; }
#ntf-post:hover { color: #9ed5ed; }
#ntf-post:hover { color: #9ed5ed; }
#ntf-preview:hover { background-color: #254b5c; }
#ntf-preview:hover { color: #9ed5ed; }
#ntf-preview:hover { color: #9ed5ed; }
#odialog-container { height: 100%; }
#odialog-container { position: absolute; }
#odialog-container { top: 0; }
#odialog-container { width: 100%; }
#odialog-container { z-index: 50; }
#odialog-wrapper { text-align: center; }
#page-info { clear: both; }
#page-info { color: #444444; }
#page-info { font-size: 87%; }
#page-info { margin: 2px 2px; }
#page-info { text-align: right; }
#page-title { background: #9ed5ed; }
#page-title { border: 3px solid #222d32; }
#page-title { border-left-width: 1px; }
#page-title { border-top-width: 0px; }
#page-title { color: #254b5c; }
#page-title { font-family: georgia,"times new roman",times,serif; }
#page-title { font-size: 200%; }
#page-title { margin: -5px 0px 0px 0px; }
#page-title { -moz-border-radius: 20px 20px; }
#page-title { padding: 10px 25px 10px 25px; }
#page-title { -webkit-border-radius: 10px; }
#page-version-info { background-color: #eef; }
#page-version-info { border: 1px dashed #888; }
#page-version-info { filter: alpha(opacity=95); }
#page-version-info { max-width: 20em; }
#page-version-info { opacity: 0.95; }
#page-version-info { padding: 0.5em 1em; }
#page-version-info { position: absolute; }
#page-version-info { right: 2em; }
#post-edit { border: 1px solid #222d32; }
#post-edit { border-left-width: 0px; }
#post-edit { border-top-width: 0px; }
#post-edit { -moz-border-radius: 20px 20px; }
#post-edit { -webkit-border-radius: 10px; }
#revision-list .pager { margin: 1em 0; }
#revision-list .pager { text-align: center; }
#search-top-box { background: #926737; }
#search-top-box { border: 2px solid #222d32; }
#search-top-box { border-left-width: 0px; }
#search-top-box { border-top-width: 0px; }
#search-top-box { margin: 3px 0px 0px 0px; }
#search-top-box { -moz-border-radius: 60px 60px; }
#search-top-box { padding: 3px 10px 2px 10px; }
#search-top-box { right: 18px; }
#search-top-box { top: 148px; }
#search-top-box { -webkit-border-radius: 20px; }
#search-top-box { z-index: 10; }
#search-top-box input.empty { background-color: #926737; }
#search-top-box input.empty { color: #f3cb9e; }
#search-top-box-form .text empty { background-color: #926737; }
#search-top-box-form .text empty { border: 0px solid #222d32; }
#search-top-box-form { border: 0px solid #222d32; }
#search-top-box-form input.button { background: #341c02; }
#search-top-box-form input.button { border: 2px solid #222d32; }
#search-top-box-form input.button { border-left-width: 0px; }
#search-top-box-form input.button { border-top-width: 0px; }
#search-top-box-form input.button { color: #f3cb9e; }
#search-top-box-form input.button { margin: 0px 0px 0px 0px; }
#search-top-box-form input.button { -moz-border-radius: 50px 50px; }
#search-top-box-form input.button { padding: 0px 5px 0px 5px; }
#search-top-box-form input.button { -webkit-border-radius: 10px; }
#search-top-box-form input.button:hover { *opacity: .75; }
#search-top-box-form input.button:hover { cursor: pointer; }
#search-top-box-form input.button:hover { opacity: .75; }
#search-top-box-input .text empty { border: 0px solid #113355; }
#search-top-box-input .text empty { color: #926737; }
#search-top-box-input { background-color: #926737; }
#search-top-box-input { border: 0px solid #222d32; }
#side-bar { background: #d0e4ed; }
#side-bar { border: 3px solid #222d32; }
#side-bar { border-left-width: 1px; }
#side-bar { border-top-width: 0px; }
#side-bar { clear: left; }
#side-bar { float: left; } /* side bar left */
#side-bar { float: right; } /* side bar right */
#side-bar { margin: -15px 0px 0px 0px; }
#side-bar { -moz-border-radius: 20px 20px; }
#side-bar { padding: 10px 15px 15px .6em; }
#side-bar { position: relative; }
#side-bar { right: 0; }
#side-bar { text-indent: 0; }
#side-bar { top: 20px; }
#side-bar { -webkit-border-radius: 20px; }
#side-bar { width: 15em; }
#side-bar a:hover { background-color: #d0e4ed; }
#side-bar div.foldable-list-container ul li ul li { font-size: 90%; }
#side-bar h1 { background: #d0e4ed; }
#side-bar h1 { border: 3px solid #113355; }
#side-bar h1 { border-left-width: 1px; }
#side-bar h1 { border-top-width: 0px; }
#side-bar h1 { color: #254b5c }
#side-bar h1 { font-size: 120%; }
#side-bar h1 { margin: 0px 0px 5px 0px; }
#side-bar h1 { -moz-border-radius: 50px 50px; }
#side-bar h1 { padding: 5px 25px 5px 25px; }
#side-bar h1 { text-align: center; }
#side-bar h1 { text-indent: 0; }
#side-bar h1 { -webkit-border-radius: 10px; }
#side-bar h1 a { color: #254b5c; }
#side-bar h1 a:hover { background: #254b5c; }
#side-bar h1 a:hover { color: #9ed5ed; }
#side-bar h1:hover { background: #254b5c; }
#side-bar h1:hover { color: #9ed5ed; }
#side-bar h1:hover a { background: #254b5c; }
#side-bar h1:hover a { color: #9ed5ed; }
#side-bar h2 { background: #9ed5ed; }
#side-bar h2 { border: 3px solid #113355; }
#side-bar h2 { border-left-width: 1px; }
#side-bar h2 { border-top-width: 0px; }
#side-bar h2 { color: #254b5c }
#side-bar h2 { font-size: 120%; }
#side-bar h2 { margin: 0px 0px 5px 0px; }
#side-bar h2 { -moz-border-radius: 50px 50px; }
#side-bar h2 { padding: 5px 25px 5px 25px; }
#side-bar h2 { text-align: center; }
#side-bar h2 { text-indent: 0; }
#side-bar h2 { -webkit-border-radius: 10px; }
#side-bar ul { display: block; }
#side-bar ul { list-style-image: none; }
#side-bar ul { list-style-position: outside; }
#side-bar ul { list-style-type: none; }
#side-bar ul { margin: 0; }
#side-bar ul { padding: 5px 0 15px 15px; }
#side-bar ul { text-indent: -10px; }
#side-bar ul li { display: block; }
#side-bar ul li a { display: block; }
#site-manager-menu li a.active { background-color: #d0e4ed; }
#thread-description { border: 1px solid #222d32; }
#thread-description { border-left-width: 0px; }
#thread-description { border-top-width: 0px; }
#thread-description { -moz-border-radius: 20px 20px; }
#thread-description { -webkit-border-radius: 10px; }
#toc #toc-action-bar { padding: 2px; }
#toc .title { font-weight: 700; }
#toc .title { margin: 0.2em 0; }
#toc .title { padding: 0 2em; }
#toc .title { text-align: center; }
#toc { background-color: #101010; }
#toc { border: 1px solid gray; }
#toc { display: table; }
#toc { margin: 1em auto 1em 0; }
#toc { padding: 0 0.5em; }
#toc.floatleft { float: left; }
#toc.floatleft { margin: 0 1em 0 0; }
#toc.floatright { float: right; }
#toc.floatright { margin: 0 0 0 1em; }
#toc-list { margin: 0.5em 0; }
#top-bar { background: #254b5c; }
#top-bar { border: 3px solid #222d32; }
#top-bar { border-left-width: 0px; }
#top-bar { border-top-width: 0px; }
#top-bar { bottom: -15px; }
#top-bar { color: #f3e4d4; }
#top-bar { left: 0em; }
#top-bar { margin: 0px 0px 0px 0px; }
#top-bar { -moz-border-radius: 50px 50px; }
#top-bar { padding: 10px 25px 5px 25px; }
#top-bar { position: absolute; }
#top-bar { right: 0; }
#top-bar { -webkit-border-radius: 10px; }
#top-bar { z-index: 0; }
#top-bar a { color: #f3e4d4; }
#top-bar a { text-decoration: none; }
#top-bar a:hover { background-color: #926737; }
#top-bar a:hover { color: #113355; }
#top-bar a:hover { text-decoration: none; }
#top-bar li { background: #926737; }
#top-bar li { border: 3px solid #222d32; }
#top-bar li { border-left-width: 0px; }
#top-bar li { border-top-width: 0px; }
#top-bar li { color: #f3e4d4; }
#top-bar li { float: left; }
#top-bar li { list-style-image: none; }
#top-bar li { list-style-position: outside; }
#top-bar li { list-style-type: none; }
#top-bar li { margin: 2px 2px 2px 2px; }
#top-bar li { -moz-border-radius: 50px 50px; }
#top-bar li { padding: 0; }
#top-bar li { padding: 5px 10px 5px 10px; }
#top-bar li { -webkit-border-radius: 10px; }
#top-bar li { width: 7em; }
#top-bar li a { display: block; }
#top-bar li a { margin: 0; }
#top-bar li a { padding: 0px; }
#top-bar li a { text-align: center; }
#top-bar li a { text-decoration: none; }
#top-bar li ul { border: 1px none #eee; }
#top-bar li ul { left: -999em; }
#top-bar li ul { margin: 0; }
#top-bar li ul { padding: 0; }
#top-bar li ul { position: absolute; }
#top-bar li ul { visibility: hidden; }
#top-bar li ul { width: 12em; }
#top-bar li ul li { display: block; }
#top-bar li ul li { float: none; }
#top-bar li ul li { margin: 0; }
#top-bar li ul li { padding: 0; }
#top-bar li ul li a { background: #926737; }
#top-bar li ul li a { border: 0px solid #222d32; }
#top-bar li ul li a { border-color: -moz-use-text-color #ccd19a #ccd19a; }
#top-bar li ul li a { border-left-width: 0px; }
#top-bar li ul li a { border-style: none solid solid; }
#top-bar li ul li a { border-top-width: 0px; }
#top-bar li ul li a { border-width: medium 3px 3px; }
#top-bar li ul li a { color: #f3e4d4; }
#top-bar li ul li a { -moz-border-radius: 10px 10px; }
#top-bar li ul li a { padding: 5px 10px 5px 10px; }
#top-bar li ul li a { text-align: left; }
#top-bar li ul li a { text-align: left; }
#top-bar li ul li a { -webkit-border-radius: 10px; }
#top-bar li ul li a { width: 10em; }
#top-bar li.sfhover ul { left: auto; }
#top-bar li.sfhover ul { visibility: visible; }
#top-bar li.sfhover ul a { text-decoration: none; }
#top-bar li:hover ul { left: auto; }
#top-bar li:hover ul { visibility: visible; }
#top-bar li:hover ul a { text-decoration: none; }
#top-bar ul { display: block; }
#top-bar ul { list-style-image: none; }
#top-bar ul { list-style-position: outside; }
#top-bar ul { list-style-type: none; }
#top-bar ul { margin: 0; }
#top-bar ul { padding: 0; }
#top-bar ul li a.sfhover { background: #926737; }
#top-bar ul li a.sfhover { color: #222d32; }
#top-bar ul li a.sfhover { text-decoration: none; }
#top-bar ul li a:hover { background: #926737; }
#top-bar ul li a:hover { color: #341c02; }
#top-bar ul li a:hover { text-decoration: none; }
#top-bar ul li ul { *opacity: 0.85; }
#top-bar ul li ul { opacity: 0.85; }
#top-bar ul li ul li { background: #341c02; }
#top-bar ul li ul li { border: 0px solid #222d32; }
#top-bar ul li ul li { border-left-width: 0px; }
#top-bar ul li ul li { border-top-width: 0px; }
#top-bar ul li ul li a { background: #341c02; }
#top-bar ul li ul li a { border: 2px solid #222d32; }
#top-bar ul li ul li a { border-left-width: 0px; }
#top-bar ul li ul li a { border-top-width: 0px; }
#top-bar ul li ul li a { color: #f3e4d4; }
#top-bar ul li ul li a:hover { background: #f3e4d4; }
#top-bar ul li ul li a:hover { color: #341c02; }
* html hr { margin: 2px 2em; }
.autocomplete-container { margin: 0; }
.autocomplete-container { position: relative; }
.autocomplete-container { width: 100%; }
.autocomplete-input { height: 1.2em; }
.autocomplete-input { position: relative; }
.autocomplete-input { width: 100%; }
.autocomplete-list { background-color: #011721; }
.autocomplete-list { border: 1px solid gray; }
.autocomplete-list { left: 0; }
.autocomplete-list { left: 0px; }
.autocomplete-list { overflow: hidden; }
.autocomplete-list { padding: 0; }
.autocomplete-list { position: absolute; }
.autocomplete-list { text-align: left; }
.autocomplete-list { width: 100%; }
.autocomplete-list { z-index: 100; }
.autocomplete-list li { cursor: default; }
.autocomplete-list li { padding: 0 0.5em; }
.autocomplete-list li { white-space: nowrap; }
.autocomplete-list li.yui-ac-highlight { background-color: #d0e4ed; }
.autocomplete-list ul { list-style: none; }
.autocomplete-list ul { margin: 0; }
.autocomplete-list ul { padding: 2px 0; }
.autocomplete-list ul { width: 100%; }
.bibitem { height: 1%; }
.bibitems .title { font-size: 130%; }
.bibitems .title { font-weight: bold; }
.bibitems .title { margin: 0.5em 0; }
.bibitems { margin: 0; }
.bibitems { padding: 0.5em 0; }
.box { background: #d8e7ec; }
.box { border: 3px solid #000; }
.box { border-left-width: 0px; }
.box { border-top-width: 0px; }
.box { -moz-border-radius: 20px 20px; }
.box { padding: 0px 10px 10px 10px; }
.box { -webkit-border-radius: 20px; }
.box { width: 200px; }
.box444 .button-bar { background-color: #101010; }
.box444 .button-bar { padding: 0.3em 1em; }
.box444 .button-bar { text-align: right; }
.box444 { background-color: #101010; }
.box444 { left: 10px; }
.box444 { top: 10px; }
.box444 { width: 40%; }
.box-container { height: auto; }
.box-container { padding: 0px; }
.box-header h2 { background: #dddddd; }
.box-header h2 { border: 3px solid #113355; }
.box-header h2 { border-left-width: 0px; }
.box-header h2 { border-top-width: 0px; }
.box-header h2 { color: #553311; }
.box-header h2 { margin: 0px 0px 0px -10px; }
.box-header h2 { -moz-border-radius: 20px 20px; }
.box-header h2 { padding: 10px 15px; }
.box-header h2 { padding-left: 15px; }
.box-header h2 { padding-top: 5px; }
.box-header h2 { -webkit-border-radius: 20px; }
.box-header h2 { width: 190px; }
.changes-list-item:hover { background-color: #d0e4ed; }
.change-textarea-size { float: right; }
.change-textarea-size { padding-left: 1em; }
.change-textarea-size { padding-right: 7em; }
.change-textarea-size { text-align: right; }
.change-textarea-size a { background-color: #eee; }
.change-textarea-size a { border: 1px solid #222d32; }
.change-textarea-size a { border: 1px solid #bbb; }
.change-textarea-size a { border-left-width: 0px; }
.change-textarea-size a { border-top-width: 0px; }
.change-textarea-size a { border-width: 0 1px 1px 1px; }
.change-textarea-size a { color: black; }
.change-textarea-size a { font-size: 120%; }
.change-textarea-size a { -moz-border-radius: 10px 10px; }
.change-textarea-size a { padding: 2px 10px; }
.change-textarea-size a { text-decoration: none; }
.change-textarea-size a { -webkit-border-radius: 10px; }
.code { background-color: #011721; }
.code { border: 1px solid #926737; }
.code { font-family: 'andale mono','courier new',courier,monospace; }
.code { margin: 0.4em 0; }
.code { overflow: auto; }
.code { padding: 0 1em; }
.diff-table { width: 97%; }
.diff-table td.action { font-weight: bold; }
.diff-table td.action { padding: 0.5em; }
.diff-table td.action { text-align: center; }
.diff-table td.action { vertical-align: middle; }
.diff-table td.action { width: 10%; }
.diff-table td.from { border: 1px dashed #bbb; }
.diff-table td.from { padding: 1em; }
.diff-table td.from { vertical-align: top; }
.diff-table td.from { width: 45%; }
.diff-table td.to { border: 1px dashed #bbb; }
.diff-table td.to { padding: 1em; }
.diff-table td.to { vertical-align: top; }
.diff-table td.to { width: 45%; }
.edit-help-34 { margin-top: 2px; }
.edit-section-button { background: #9ed5ed; }
.edit-section-button { border: 3px solid #113355; }
.edit-section-button { border-left-width: 0px; }
.edit-section-button { border-top-width: 0px; }
.edit-section-button { color: #113355; }
.edit-section-button { float: right; }
.edit-section-button { margin: 0px 0px 0px 0px; }
.edit-section-button { -moz-border-radius: 60px 60px; }
.edit-section-button { padding: 3px 10px 2px 10px; }
.edit-section-button { -webkit-border-radius: 20px; }
.equation-number { float: right; }
.equation-number { font-size: 110%; }
.error-block .title { font-size: 120%; }
.error-block .title { font-weight: bold; }
.error-block .title { margin-bottom: 0.5em; }
.error-block { border: 1px solid #faa; }
.error-block { color: #b00; }
.error-block { padding: 1em;margin: 1em; }
.error-inline { border: 1px solid red; }
.error-inline { color: red; }
.footnotes-footer .title { font-size: 130%; }
.footnotes-footer .title { font-weight: bold; }
.footnotes-footer .title { margin: 0.5em 0; }
.footnotes-footer { height: 1%; }
.footnotes-footer { margin: 0; }
.footnotes-footer { padding: 0.5em 0; }
.forum-breadcrumbs { margin: 5px 0 -5px 0; }
.forum-category-box .description-block .statistics { color: #666; }
.forum-category-box .description-block .statistics { float: right; }
.forum-category-box .description-block .statistics { font-size: 85%; }
.forum-category-box .description-block .statistics { padding: 0 0.5em; }
.forum-category-box .description-block .statistics { text-align: right; }
.forum-category-box .description-block { background-color: #f3e4d4; }
.forum-category-box .description-block { border: 1px solid #222d32; }
.forum-category-box .description-block { border: 1px solid gray; }
.forum-category-box .description-block { border-left-width: 0px; }
.forum-category-box .description-block { border-top-width: 0px; }
.forum-category-box .description-block { height: 100%; }
.forum-category-box .description-block { margin: 1em 4em; }
.forum-category-box .description-block { -moz-border-radius: 20px 20px; }
.forum-category-box .description-block { overflow: hidden; }
.forum-category-box .description-block { padding: 0.5em; }
.forum-category-box .description-block { -webkit-border-radius: 10px; }
.forum-category-box .new-post { margin: -30px 0px 0px 0px; }
.forum-category-box .new-post a { background: #d0e4ed; }
.forum-category-box .new-post a { border: 2px solid #222d32; }
.forum-category-box .new-post a { border-left-width: 1px; }
.forum-category-box .new-post a { border-top-width: 0px; }
.forum-category-box .new-post a { color: #254b5c; }
.forum-category-box .new-post a { color: #254b5c; }
.forum-category-box .new-post a { font-size: 120%; }
.forum-category-box .new-post a { -moz-border-radius: 60px 60px; }
.forum-category-box .new-post a { padding: 5px 10px 5px 10px; }
.forum-category-box .new-post a { text-align: center; }
.forum-category-box .new-post a { text-indent: 0; }
.forum-category-box .new-post a { -webkit-border-radius: 10px; }
.forum-category-box .new-post a:hover { background: #f3e4d4; }
.forum-category-box .options { margin: 1em 4em; }
.forum-category-box .options { text-align: right; }
.forum-category-box .pager { margin: 1em 0; }
.forum-category-box .pager { text-align: center; }
.forum-category-box { margin: 0.5em 0; }
.forum-category-box table { border: 1px solid #bbb; }
.forum-category-box table { border-collapse: separate; }
.forum-category-box table { border-spacing: 0; }
.forum-category-box table { margin: 10px 0; }
.forum-category-box table { padding: 0; }
.forum-category-box table { width: 100%; }
.forum-category-box table td { border: 1px solid #222d32; }
.forum-category-box table td { padding: 5px 10px; }
.forum-category-box table td.last { font-size: 87%; }
.forum-category-box table td.last { text-align: center; }
.forum-category-box table td.last { width: 16em; }
.forum-category-box table td.name .description { color: #777; }
.forum-category-box table td.name .description { font-size: 87%; }
.forum-category-box table td.name .title { font-weight: bold; }
.forum-category-box table td.posts { text-align: center; }
.forum-category-box table td.posts { width: 5em; }
.forum-category-box table td.started { font-size: 87%; }
.forum-category-box table td.started { text-align: center; }
.forum-category-box table td.started { width: 17em; }
.forum-category-box table tr.head td { -moz-border-radius: 20px 20px; }
.forum-category-box table tr.head td { -webkit-border-radius: 10px; }
.forum-category-box table tr.head td { background-color: #9ed5ed; }
.forum-category-box table tr.head td { border: 1px solid #222d32; }
.forum-category-box table tr.head td { border-left-width: 0px; }
.forum-category-box table tr.head td { border-top-width: 0px; }
.forum-category-box table tr.head td { font-size: 90%; }
.forum-category-box table tr.head td { text-align: center; }
.forum-group { margin: 0.5em 0; }
.forum-group div.head { -moz-border-radius: 20px 20px; }
.forum-group div.head { -webkit-border-radius: 10px; }
.forum-group div.head .title { font-weight: bold; }
.forum-group div.head { background-color: #f3cb9e; }
.forum-group div.head { border: 2px solid #222d32; }
.forum-group div.head { border-left-width: 1px; }
.forum-group div.head { border-top-width: 0px; }
.forum-group div.head { color: #4f4234; }
.forum-group div.head { margin: 0 0 0 10px; }
.forum-group div.head { padding: 0.5em 1em; }
.forum-group table { border-collapse: separate; }
.forum-group table { border-spacing: 0; }
.forum-group table { margin: 0 0px 0 5%; }
.forum-group table { width: 91%; }
.forum-group table td { border: 1px solid #ddd; }
.forum-group table td { padding: 2px 10px; }
.forum-group table td.last { font-size: 85%; }
.forum-group table td.last { text-align: center; }
.forum-group table td.last { width: 17em; }
.forum-group table td.name .description { color: #777; }
.forum-group table td.name .description { font-size: 87%; }
.forum-group table td.name .title { font-weight: bold; }
.forum-group table td.posts { text-align: center; }
.forum-group table td.posts { width: 5em; }
.forum-group table td.threads { text-align: center; }
.forum-group table td.threads { width: 5em; }
.forum-group table tr.head td { -moz-border-radius: 20px 20px; }
.forum-group table tr.head td { -webkit-border-radius: 10px; }
.forum-group table tr.head td { background-color: #f3e4d4; }
.forum-group table tr.head td { border: 1px solid #222d32; }
.forum-group table tr.head td { border-left-width: 0px; }
.forum-group table tr.head td { border-top-width: 0px; }
.forum-group table tr.head td { color: #4f4234; }
.forum-group table tr.head td { font-size: 85%; }
.forum-group table tr.head td { text-align: center; }
.forum-mini-stat .item .info { color: #777; }
.forum-mini-stat .item .info { font-size: 80%; }
.forum-mini-stat { margin: 0.5em 0; }
.forum-new-thread-box .description .statistics { color: #666; }
.forum-new-thread-box .description .statistics { float: right; }
.forum-new-thread-box .description .statistics { font-size: 87%; }
.forum-new-thread-box .description .statistics { padding: 0 0.5em; }
.forum-new-thread-box .description .statistics { text-align: right; }
.forum-new-thread-box .description { background-color: #f3e4d4; }
.forum-new-thread-box .description { border: 1px solid #222d32; }
.forum-new-thread-box .description { border-left-width: 0px; }
.forum-new-thread-box .description { border-top-width: 0px; }
.forum-new-thread-box .description { height: 100%; }
.forum-new-thread-box .description { margin: 1em 4em; }
.forum-new-thread-box .description { -moz-border-radius: 20px 20px; }
.forum-new-thread-box .description { overflow: auto; }
.forum-new-thread-box .description { padding: 0.5em; }
.forum-new-thread-box .description { -webkit-border-radius: 10px; }
.forum-recent-posts-box .pager { margin: 1em 0; }
.forum-recent-posts-box .pager { text-align: center; }
.forum-thread-box .action-area { border: 1px solid #eee; }
.forum-thread-box .action-area { margin: 1em 4em; }
.forum-thread-box .action-area { padding: 0.5em 1em; }
.forum-thread-box .description-block .head { color: #777; }
.forum-thread-box .description-block .head { font-size: 87%; }
.forum-thread-box .description-block .statistics { color: #666; }
.forum-thread-box .description-block .statistics { float: right; }
.forum-thread-box .description-block .statistics { font-size: 87%; }
.forum-thread-box .description-block .statistics { margin: 0.5em 0; }
.forum-thread-box .description-block .statistics { padding: 0 0.5em; }
.forum-thread-box .description-block .statistics { text-align: right; }
.forum-thread-box .description-block { background-color: #f5f5f5; }
.forum-thread-box .description-block { border: 1px solid #ccc; }
.forum-thread-box .description-block { height: 100%; }
.forum-thread-box .description-block { margin: 1em 4em; }
.forum-thread-box .description-block { overflow: hidden; }
.forum-thread-box .description-block { padding: 0.5em; }
.forum-thread-box .options { margin: 0.2em 4em; }
.forum-thread-box .options { text-align: right; }
.forum-thread-box { margin: 0.5em 0; }
.gallery-box .gallery-item .td { border-collapse: collapse; }
.gallery-box .gallery-item .td { border-spacing: 0; }
.gallery-box .gallery-item .td { margin: 0; }
.gallery-box .gallery-item .td { padding: 0; }
.gallery-box .gallery-item table { border-collapse: collapse; }
.gallery-box .gallery-item table { border-spacing: 0; }
.gallery-box .gallery-item table { margin: 0; }
.gallery-box .gallery-item table { padding: 0; }
.gallery-box { overflow: hidden; }
.gallery-box { width: 98%; }
.gallery-item { border: 1px none #bbb; }
.gallery-item { float: left; }
.gallery-item { margin: 5px; }
.gallery-item table { height: 100%; }
.gallery-item table { width: 100%; }
.gallery-item td { text-align: center; }
.gallery-item.medium { height: 550px; }
.gallery-item.medium { width: 550px; }
.gallery-item.small { height: 280px; }
.gallery-item.small { width: 280px; }
.gallery-item.square { height: 85px; }
.gallery-item.square { width: 85px; }
.gallery-item.thumbnail { height: 120px; }
.gallery-item.thumbnail { width: 120px; }
.help-block { border: 1px solid #afa; }
.help-block { color: #030; }
.help-block { padding: 1em;margin: 1em; }
.hl-brackets { color: #000; }
.hl-builtin { color: teal; }
.hl-code { color: #000; }
.hl-comment { color: #494; }
.hl-default { color: #000; }
.hl-gutter { background-color: #999999; }
.hl-gutter { color: white}
.hl-identifier { color: #000; }
.hl-inlinedoc { color: blue; }
.hl-inlinetags { color: #949; }
.hl-inlinetags { font-weight: bold; }
.hl-number { color: maroon; }
.hl-quotes { color: #009; }
.hl-reserved { color: #55d; }
.hl-special { color: navy; }
.hl-special { font-weight: bold; }
.hl-string { color: #009; }
.hl-url { color: blue; }
.hl-var { color: #494; }
.hovertip .content { background-color: #ffffff; }
.hovertip .content { padding: 0.2em 0.5em; }
.hovertip .title { background-color: #ffffff; }
.hovertip .title { border: 1px solid gray; }
.hovertip .title { font-size: 110%; }
.hovertip .title { font-weight: 700; }
.hovertip .title { padding: 0.2em 0.5em; }
.hovertip { background-color: #f3f3f3; }
.hovertip { border: 2px solid gray; }
.hovertip { display: none; }
.hovertip { width: 20em; }
.hovertip { z-index: 100; }
.image-container { padding: 1em; }
.image-container.aligncenter { text-align: center; }
.image-container.alignleft { padding-left: 0; }
.image-container.alignleft { text-align: left; }
.image-container.alignright { padding-right: 0; }
.image-container.alignright { text-align: right; }
.image-container.floatleft { float: left; }
.image-container.floatleft { padding-left: 0; }
.image-container.floatright { float: right; }
.image-container.floatright { padding-right: 0; }
.inline-diff del { background-color: #fcc; }
.inline-diff ins { background-color: #ddf; }
.math-equation { height: 1%; }
.math-equation { padding: 0.5em 0; }
.math-equation { text-align: center; }
.monetize-tla-box .by { font-size: 90%; }
.monetize-tla-box { padding: 0.2em 0; }
.monetize-tla-box ul { list-style-type: none; }
.monetize-tla-box ul { margin: 0.5em 0em; }
.monetize-tla-box ul { padding: 0; }
.monetize-tla-box ul li { display: list-item; }
.monetize-tla-box ul li a { display: inline; }
.monetize-tla-box.footer { font-size: 90%; }
.monetize-tla-box.footer { text-align: center; }
.monetize-tla-box.footer ul li { display: inline; }
.monetize-tla-box.footer ul li { padding: 0 1em; }
.monetize-tla-box.footer ul li { white-space: nowrap; }
.monetize-tla-box.horizontal { text-align: center; }
.monetize-tla-box.horizontal ul li { display: inline; }
.monetize-tla-box.horizontal ul li { padding: 0 1em; }
.monetize-tla-box.horizontal ul li { white-space: nowrap; }
.new-page-box { margin: 1em 0; }
.new-page-box { text-align: center; }
.odate { display: none; }
.odialog-shader { background-color: #222222; }
.odialog-shader { filter: alpha(opacity=80); }
.odialog-shader { left: 0; }
.odialog-shader { opacity: 0.8; }
.odialog-shader { position: absolute; }
.odialog-shader { right: 0; }
.odialog-shader { top: 0; }
.odialog-shader { width: 100%; }
.odialog-shader { z-index: 40; }
.odialog-shader-iframe { filter: alpha(opacity=0); }
.odialog-shader-iframe { left: 0; }
.odialog-shader-iframe { opacity: 0; }
.odialog-shader-iframe { position: absolute; }
.odialog-shader-iframe { right: 0; }
.odialog-shader-iframe { top: 0; }
.odialog-shader-iframe { width: 100%; }
.owindow .button-bar { margin: 0.5em; }
.owindow .button-bar { padding: 0.2em 1em; }
.owindow .button-bar { text-align: right; }
.owindow .button-bar a { background-color: #9ed5ed; }
.owindow .button-bar a { border: 3px solid 113355; }
.owindow .button-bar a { border-left-width: 0px; }
.owindow .button-bar a { border-top-width: 0px; }
.owindow .button-bar a { color: #113355; }
.owindow .button-bar a { margin: 0px 0px 0px 0px; }
.owindow .button-bar a { -moz-border-radius: 60px 60px; }
.owindow .button-bar a { padding: 3px 10px 2px 10px; }
.owindow .button-bar a { text-decoration: none; }
.owindow .button-bar a { -webkit-border-radius: 20px; }
.owindow .button-bar a:hover { background-color: #d0e4ed; }
.owindow .button-bar a:hover { color: #aaaaaa; }
.owindow .button-bar input { padding: 0 0.5em; }
.owindow .close { cursor: hand; }
.owindow .close { cursor: pointer; }
.owindow .close { float: right; }
.owindow .close { font-size: 85%; }
.owindow .close { padding: 0.2em 0.4em; }
.owindow .content { padding: 0.5em 1em; }
.owindow .title { background-color: #f5f5f5; }
.owindow .title { cursor: move; }
.owindow .title { font-size: 120%; }
.owindow .title { font-weight: 700; }
.owindow .title { height: 1%; }
.owindow .title { padding: 0.2em 1em; }
.owindow { background-color: #ffffff; }
.owindow { border: 2px solid #bbbbbb; }
.owindow { position: absolute; }
.owindow { text-align: left; }
.owindow { width: 50em; }
.owindow.osuccess .content { margin: 10px; }
.owindow.osuccess .content { padding: 0 50px; }
.owindow.osuccess { width: auto; }
.owindow.owait .content { background-image: url(../images/progress/progressbar.gif); }
.owindow.owait .content { background-position: bottom center; }
.owindow.owait .content { background-repeat: no-repeat; }
.owindow.owait .content { margin: 10px; }
.owindow.owait .content { padding: 0 50px 20px 50px; }
.owindow.owait { width: auto; }
.page-calendar-box { padding: 0.5em 0; }
.page-calendar-box li { list-style: none; }
.page-calendar-box li { margin: 0; }
.page-calendar-box li { padding: 0; }
.page-calendar-box li.selected { font-weight: bold; }
.page-calendar-box li.selected ul li { font-weight: normal; }
.page-calendar-box ul { list-style: none; }
.page-calendar-box ul { margin: 0; }
.page-calendar-box ul { padding: 0; }
.page-calendar-box ul li ul { font-size: 87%; }
.page-calendar-box ul li ul { padding-left: 2em; }
.page-options-bottom { height: 1%; }
.page-options-bottom { line-height: 150%; }
.page-options-bottom { margin: 4px 0; }
.page-options-bottom { text-align: right; }
.page-options-bottom a { background: #9ed5ed; }
.page-options-bottom a { border: 2px solid #222d32; }
.page-options-bottom a { border-left-width: 0px; }
.page-options-bottom a { border-top-width: 0px; }
.page-options-bottom a { color: #222d32; }
.page-options-bottom a { font-size: 95%; }
.page-options-bottom a { margin: 0px 0px 0px 0px; }
.page-options-bottom a { -moz-border-radius: 60px 60px; }
.page-options-bottom a { padding: 3px 10px 2px 10px; }
.page-options-bottom a { text-decoration: none; }
.page-options-bottom a { -webkit-border-radius: 20px; }
.page-options-bottom a:hover { background-color: #254b5c; }
.page-options-bottom a:hover { color: #9ed5ed; }
.pager .current { background-color: #888888; }
.pager .current { border: 1px solid #808080; }
.pager .current { color: #ffffff; }
.pager .current { font-weight: bold; }
.pager .current { margin: 0 3px; }
.pager .current { padding: 0 7px; }
.pager .dots { margin: 0 3px; }
.pager .dots { padding: 0 7px; }
.pager { margin: 0.5em 0; }
.pager a { border: 1px solid #cccccc; }
.pager a { margin: 0 3px; }
.pager a { padding: 0 7px; }
.pager a { text-decoration: none; }
.pager-no { padding: 0.2em 1em; }
.pages-list-item:hover { background-color: #d0e4ed; }
.page-source { border: 1px dashed #aaa; }
.page-source { padding: 1em 2em; }
.page-source pre { white-space: wrap; }
.page-tags { clear: both; }
.page-tags { margin: 10px 0 0 0; }
.page-tags { padding: 0 2px; }
.page-tags { text-align: left; }
.page-tags a { margin: 0 3px; }
.page-tags span { border-top: 1px solid #bbb; }
.page-tags span { font-size: 85%; }
.page-tags span { padding-top: 2px; }
.page-watch-options { font-size: 95%; }
.page-watch-options { text-align: right; }
.page-watch-options a { text-decoration: none; }
.page-watch-options a:hover { text-decoration: underline; }
.pmessage .body { padding: 0.5em 0.5em; }
.pmessage .header { background-color: #f4f4f4; }
.pmessage .header { border: 1px solid #eee; }
.pmessage .header { padding: 0.2em 0.5em; }
.pmessage .header td.subject { font-weight: bold; }
.pmessage { margin: 1em 0; }
.post-container .post-container { margin-left: 5%; }
.post-container.fordelete { border: 2px solid #e44; }
.post-container.fordelete { padding: 0.5em; }
.preview-message { background-color: #fdd; }
.preview-message { border: 1px dashed #888; }
.preview-message { filter: alpha(opacity=90); }
.preview-message { max-width: 20em; }
.preview-message { opacity: 0.9; }
.preview-message { padding: 0.5em 1em; }
.preview-message { position: absolute; }
.preview-message { right: 2em; }
.printuser .ip { font-size: 90%; }
.printuser a { margin-right: -1px; }
.printuser a:hover img.large { display: block; }
.printuser img.small { background-position: center left; }
.printuser img.small { background-repeat: no-repeat; }
.printuser img.small { height: 16px; }
.printuser img.small { margin: 0; }
.printuser img.small { padding: 1px 9px 1px 8px; }
.printuser img.small { vertical-align: -0.3em; }
.printuser img.small { width: 16px; }
.printuser img.small { z-index: 0; }
.printuser.anonymous img.small { padding: 1px; }
.rss-icon { vertical-align: -10%; }
.search-highlight { background-color: yellow; }
.self-ads .image { float: right; }
.self-ads .image { padding-left: 1em; }
.self-ads .title { font-size: 1.5em; }
.self-ads .title { padding-bottom: 5px; }
.self-ads { border: 1px solid #888; }
.self-ads { margin: 1em auto;padding: 10px 10px; }
.self-ads { width: 700px; }
.spantip { cursor: help; }
.spantip { text-decoration: underline; }
.thread-container .post .head { background-color: #eee; }
.thread-container .post .head { padding: 0.2em 0.5em; }
.thread-container .post .long .changes { color: #777; }
.thread-container .post .long .changes { font-size: 85%; }
.thread-container .post .long .changes { margin-bottom: 4px; }
.thread-container .post .long .changes { text-align: right; }
.thread-container .post .long .changes a { color: #77a; }
.thread-container .post .long .head .options { float: right; }
.thread-container .post .long .head .options { margin: 0; }
.thread-container .post .long .head .options { padding: 0; }
.thread-container .post .long .head .title { font-size: 1.2em; }
.thread-container .post .long .head .title { font-weight: bold; }
.thread-container .post .long .options { height: 1%; }
.thread-container .post .long .options { margin: 0; }
.thread-container .post .long .options { padding: 0; }
.thread-container .post .long .options { text-align: right; }
.thread-container .post .long .revisions .title { font-size: 110%; }
.thread-container .post .long .revisions .title { font-weight: bold; }
.thread-container .post .long .revisions .title { padding-bottom: 0.3em; }
.thread-container .post .long .revisions { font-size: 90%; }
.thread-container .post .long .revisions { padding: 0.5em; }
.thread-container .post .long .revisions { text-align: right; }
.thread-container .post .long .revisions table { font-size: 90%; }
.thread-container .post .long .revisions table { margin: 0 0 0 auto; }
.thread-container .post .long .revisions table tr.active td { background-color: #eee; }
.thread-container .post .options a { color: #77a; }
.thread-container .post .options a { margin: 0; }
.thread-container .post .options a { padding: 0; }
.thread-container .post .short .options { color: #77a; }
.thread-container .post .short .options { float: right; }
.thread-container .post .short .options { margin: 0; }
.thread-container .post .short .options { padding: 0; }
.thread-container .post .short { background-color: #f4f4f4; }
.thread-container .post .short { display: none; }
.thread-container .post .short { padding: 0.2em 0.5em; }
.thread-container .post .signature { font-size: 85%; }
.thread-container .post .signature hr.signature-separator { margin: 2px auto 2px 0; }
.thread-container .post .signature hr.signature-separator { padding: 0; }
.thread-container .post .signature hr.signature-separator { width: 15em; }
.thread-container .post { padding: 10px 0 10px 0; }
.thread-container .post { width: 99%; }
.thread-container .post.folded .long { display: none; }
.thread-container .post.folded .short { display: block; }
.wait-block { background-image: url(../images/progress/progresscircle.gif)}
.wait-block { background-repeat: no-repeat; }
.wait-block { padding-left: 20px; }
.wait-icon { background-image: url(http//www.napyfab.com/ajax-indicators/images/indicator_medium.gif); }
.wait-icon { background-position: center center; }
.wait-icon { background-repeat: no-repeat; }
.wait-icon { height: 40px; }
.wait-progress { background-image: url(../images/progress/progressbar.gif); }
.wait-progress { background-position: center center; }
.wait-progress { background-repeat: no-repeat; }
.wait-progress { height: 20px; }
.warning-block .title { font-size: 120%; }
.warning-block .title { font-weight: bold; }
.warning-block .title { margin-bottom: 0.5em; }
.warning-block { border: 2px solid yellow; }
.warning-block { color: #444; }
.warning-block { padding: 1em;margin: 1em; }
.wd-editor-toolbar-pane { }
.wd-editor-toolbar-panel a { background-color: #FFF; }
.wd-editor-toolbar-panel a { border: 1px transparent; }
.wd-editor-toolbar-panel a { margin: 0; }
.wd-editor-toolbar-panel a:hover { border-color: #333; }
.wd-editor-toolbar-panel div { height: 30px; }
.wd-editor-toolbar-panel li.hseparator { background-color: #333; }
.wd-editor-toolbar-panel li.hseparator { height: 28px; }
.wd-editor-toolbar-panel li.hseparator { margin: 0 5px; }
.wd-editor-toolbar-panel li.hseparator { width: 2px; }
.wd-editor-toolbar-panel ul { float: left; }
.wd-editor-toolbar-panel ul { list-style: none; }
.wd-editor-toolbar-panel ul { margin: 0; }
.wd-editor-toolbar-panel ul { padding: 0; }
.wd-editor-toolbar-panel ul li { float: left; }
.wd-editor-toolbar-panel ul li { margin: 1px; }
.wd-editor-toolbar-panel ul li { padding: 0; }
.wd-editor-toolbar-panel ul li a { display: block; }
.wd-editor-toolbar-panel ul li a { height: 22px; }
.wd-editor-toolbar-panel ul li a { margin: 0; }
.wd-editor-toolbar-panel ul li a { padding: 0; }
.wd-editor-toolbar-panel ul li a { width: 22px; }
.wd-editor-toolbar-panel ul li a span { display: none; }
.wd-editor-toolbar-panel ul li ul { left: -999em; }
.wd-editor-toolbar-panel ul li ul { position: absolute; }
.wd-editor-toolbar-panel ul li ul { z-index: 30; }
.wd-editor-toolbar-panel ul li ul li { margin: 0; }
.wd-editor-toolbar-panel ul li ul li a { display: block; }
.wd-editor-toolbar-panel ul li ul li a { float: none; }
.wd-editor-toolbar-panel ul li ul li a { float: none; }
.wd-editor-toolbar-panel ul li.sfhover ul { background-color: black; }
.wd-editor-toolbar-panel ul li.sfhover ul { border: 2px solid #555; }
.wd-editor-toolbar-panel ul li.sfhover ul { left: auto; }
.wd-editor-toolbar-panel ul li:hover ul { background-color: black; }
.wd-editor-toolbar-panel ul li:hover ul { border: 2px solid #555; }
.wd-editor-toolbar-panel ul li:hover ul { left: auto; }
.wiki-email { visibility: hidden; }
.wiki-parse-error { color: red; }
.wiki-parse-error { padding: 0.2em 0; }
.yui-ac-content { background: #101010 none repeat scroll 0 0; }
.yui-ac-content { border: 1px solid gray; }
.yui-nav { list-style: none; }
.yui-nav { margin: 0; }
.yui-nav { padding: 0; }
.yui-nav li { list-style: none; }
.yui-nav li { margin: 0; }
.yui-nav li { padding: 0; }
.yui-navset .yui-content { background: #f4f5ff; }
.yui-navset .yui-content { border: 1px solid #808080; }
.yui-navset .yui-content { border-top-color: #243356; }
.yui-navset .yui-content { padding: 0.25em 0.5em; }
.yui-navset .yui-content { zoom: 1; }
.yui-navset .yui-nav .selected { margin: 0 0.16em -1px 0; }
.yui-navset .yui-nav .selected a { background: #2647a0 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x left -1400px; }
.yui-navset .yui-nav .selected a { border-color: #243356; }
.yui-navset .yui-nav .selected a { color: #fff; }
.yui-navset .yui-nav .selected a em { border-color: #243356; }
.yui-navset .yui-nav .selected a em { padding: 0.35em 0.75em; }
.yui-navset .yui-nav .selected a: focus { background: #2647a0 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x left -1400px; }
.yui-navset .yui-nav .selected a: focus { color: #fff; }
.yui-navset .yui-nav .selected a:hover { background: #2647a0 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x left -1400px; }
.yui-navset .yui-nav .selected a:hover { color: #fff; }
.yui-navset .yui-nav { border: solid #2647a0; }
.yui-navset .yui-nav { border-width: 0 0 5px; }
.yui-navset .yui-nav { xposition: relative; }
.yui-navset .yui-nav { zoom: 1; }
.yui-navset .yui-nav a { background: #d8d8d8 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x; }
.yui-navset .yui-nav a { border: solid #a3a3a3; }
.yui-navset .yui-nav a { border-width: 0 1px; }
.yui-navset .yui-nav a { color: #000; }
.yui-navset .yui-nav a { position: relative; }
.yui-navset .yui-nav a { position: relative; }
.yui-navset .yui-nav a { text-decoration: none; }
.yui-navset .yui-nav a em { border: solid #a3a3a3; }
.yui-navset .yui-nav a em { border-width: 1px 0 0; }
.yui-navset .yui-nav a em { bottom: 0; }
.yui-navset .yui-nav a em { cursor: hand; }
.yui-navset .yui-nav a em { left: 0; }
.yui-navset .yui-nav a em { padding: 0.25em .75em; }
.yui-navset .yui-nav a em { position: relative; }
.yui-navset .yui-nav a em { right: 0; }
.yui-navset .yui-nav a em { top: -1px; }
.yui-navset .yui-nav a: focus { background: #bfdaff url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x left -1300px; }
.yui-navset .yui-nav a: focus { outline: 0; }
.yui-navset .yui-nav a:hover { background: #bfdaff url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x left -1300px; }
.yui-navset .yui-nav a:hover { outline: 0; }
.yui-navset .yui-nav li { *display: inline; }
.yui-navset .yui-nav li { cursor: pointer; }
.yui-navset .yui-nav li { display: inline-block; }
.yui-navset .yui-nav li { display: -moz-inline-stack; }
.yui-navset .yui-nav li { margin: 0 0.16em 0 0; }
.yui-navset .yui-nav li { margin: 0 0.5em 0 0; }
.yui-navset .yui-nav li { padding: 1px 0 0; }
.yui-navset .yui-nav li { vertical-align: bottom; }
.yui-navset .yui-nav li { zoom: 1; }
.yui-navset .yui-nav li { zoom: 1; }
.yui-navset .yui-nav li a { display: block; }
.yui-navset .yui-nav li a { display: inline-block; }
.yui-navset .yui-nav li a { vertical-align: bottom; }
.yui-navset .yui-nav li a { zoom: 1; }
.yui-navset .yui-nav li a em { display: block; }
.yui-navset .yui-navset-bottom .yui-content { border: 1px solid #808080; }
.yui-navset .yui-navset-bottom .yui-content { border-bottom-color: #243356; }
.yui-navset .yui-navset-bottom .yui-nav .selected { margin: -1px 0.16em 0 0; }
.yui-navset .yui-navset-bottom .yui-nav { border-width: 5px 0 0; }
.yui-navset .yui-navset-bottom .yui-nav a em { border-width: 0 0 1px; }
.yui-navset .yui-navset-bottom .yui-nav a em { bottom: -1px; }
.yui-navset .yui-navset-bottom .yui-nav a em { top: auto; }
.yui-navset .yui-navset-bottom .yui-nav li { *display: inline; }
.yui-navset .yui-navset-bottom .yui-nav li { cursor: pointer; }
.yui-navset .yui-navset-bottom .yui-nav li { display: inline-block; }
.yui-navset .yui-navset-bottom .yui-nav li { display: -moz-inline-stack; }
.yui-navset .yui-navset-bottom .yui-nav li { margin: 0 0.5em 0 0; }
.yui-navset .yui-navset-bottom .yui-nav li { padding: 0 0 1px 0; }
.yui-navset .yui-navset-bottom .yui-nav li { vertical-align: bottom; }
.yui-navset .yui-navset-bottom .yui-nav li { vertical-align: top; }
.yui-navset .yui-navset-bottom .yui-nav li { zoom: 1; }
.yui-navset .yui-navset-left .yui-nav .selected { margin: 0 -1px 0.16em 0; }
.yui-navset .yui-navset-left .yui-nav { border-width: 0 5px 0 0; }
.yui-navset .yui-navset-left .yui-nav { bottom: 0; }
.yui-navset .yui-navset-left .yui-nav { left: 0; }
.yui-navset .yui-navset-left .yui-nav { position: absolute; }
.yui-navset .yui-navset-left .yui-nav { right: auto; }
.yui-navset .yui-navset-left .yui-nav { top: 0; }
.yui-navset .yui-navset-left .yui-nav { width: 6em; }
.yui-navset .yui-navset-left .yui-nav { xposition: absolute; }
.yui-navset .yui-navset-left .yui-nav { z-index: 1; }
.yui-navset .yui-navset-left .yui-nav a em { border-width: 0 0 0 1px; }
.yui-navset .yui-navset-left .yui-nav a em { left: -1px; }
.yui-navset .yui-navset-left .yui-nav a em { padding: 0.2em .75em; }
.yui-navset .yui-navset-left .yui-nav a em { top: auto; }
.yui-navset .yui-navset-left .yui-nav li { margin: 0 0 0.16em; }
.yui-navset .yui-navset-left .yui-nav li { padding: 0 0 0 1px; }
.yui-navset .yui-navset-left { padding: 0 0 0 6em; }
.yui-navset .yui-navset-right .yui-nav { border-width: 0 0 0 5px; }
.yui-navset .yui-navset-right .yui-nav { left: auto; }
.yui-navset .yui-navset-right .yui-nav { position: absolute; }
.yui-navset .yui-navset-right .yui-nav { right: 0; }
.yui-navset .yui-navset-right .yui-nav { width: 6em; }
.yui-navset .yui-navset-right .yui-nav { z-index: 1; }
.yui-navset .yui-navset-top .yui-content { border: 1px solid #808080; }
.yui-navset .yui-navset-top .yui-content { border-top-color: #243356; }
.yui-navset .yui-navset-top .yui-content { padding: 0.25em 0.5em; }
.yui-navset .yui-navset-top .yui-nav .selected { margin: 0 0.16em -1px 0; }
.yui-navset .yui-navset-top .yui-nav { border: solid #2647a0; }
.yui-navset .yui-navset-top .yui-nav { border-width: 0 0 5px; }
.yui-navset .yui-navset-top .yui-nav { xposition: relative; }
.yui-navset .yui-navset-top .yui-nav { zoom: 1; }
.yui-navset .yui-navset-top .yui-nav a { background: #d8d8d8 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x; }
.yui-navset .yui-navset-top .yui-nav a { border: solid #a3a3a3; }
.yui-navset .yui-navset-top .yui-nav a { border-width: 0 1px; }
.yui-navset .yui-navset-top .yui-nav a { color: #000; }
.yui-navset .yui-navset-top .yui-nav a { position: relative; }
.yui-navset .yui-navset-top .yui-nav a { text-decoration: none; }
.yui-navset .yui-navset-top .yui-nav a em { border: solid #a3a3a3; }
.yui-navset .yui-navset-top .yui-nav a em { border-width: 1px 0 0; }
.yui-navset .yui-navset-top .yui-nav a em { bottom: 0; }
.yui-navset .yui-navset-top .yui-nav a em { cursor: hand; }
.yui-navset .yui-navset-top .yui-nav a em { left: 0; }
.yui-navset .yui-navset-top .yui-nav a em { padding: 0.25em .75em; }
.yui-navset .yui-navset-top .yui-nav a em { position: relative; }
.yui-navset .yui-navset-top .yui-nav a em { right: 0; }
.yui-navset .yui-navset-top .yui-nav a em { top: -1px; }
.yui-navset .yui-navset-top .yui-nav li { *display: inline; }
.yui-navset .yui-navset-top .yui-nav li { cursor: pointer; }
.yui-navset .yui-navset-top .yui-nav li { display: inline-block; }
.yui-navset .yui-navset-top .yui-nav li { display: -moz-inline-stack; }
.yui-navset .yui-navset-top .yui-nav li { margin: 0 0.16em 0 0; }
.yui-navset .yui-navset-top .yui-nav li { padding: 1px 0 0; }
.yui-navset .yui-navset-top .yui-nav li { vertical-align: bottom; }
.yui-navset .yui-navset-top .yui-nav li { zoom: 1; }
.yui-navset { position: relative; }
.yui-navset { zoom: 1; }
.yui-navset li em { font-style: normal; }
.yui-navset-bottom .yui-content { border: 1px solid #808080; }
.yui-navset-bottom .yui-content { border-bottom-color: #243356; }
.yui-navset-bottom .yui-nav .selected { margin: -1px 0.16em 0 0; }
.yui-navset-bottom .yui-nav .selected a { background-image: none; }
.yui-navset-bottom .yui-nav { border-width: 5px 0 0; }
.yui-navset-bottom .yui-nav { position: static; }
.yui-navset-bottom .yui-nav { width: auto; }
.yui-navset-bottom .yui-nav a { background-image: none; }
.yui-navset-bottom .yui-nav a em { border-width: 0 0 1px; }
.yui-navset-bottom .yui-nav a em { bottom: -1px; }
.yui-navset-bottom .yui-nav a em { top: auto; }
.yui-navset-bottom .yui-nav a:hover { background-image: none; }
.yui-navset-bottom .yui-nav li { padding: 0 0 1px 0; }
.yui-navset-bottom .yui-nav li { vertical-align: top; }
.yui-navset-bottom .yui-nav li a { display: block; }
.yui-navset-bottom .yui-nav li a { display: inline-block; }
.yui-navset-bottom .yui-nav li a { vertical-align: bottom; }
.yui-navset-bottom .yui-nav li a { vertical-align: text-top; }
.yui-navset-bottom .yui-nav li a { zoom: 1; }
.yui-navset-bottom .yui-nav li a em { display: block; }
.yui-navset-bottom { padding: auto; }
.yui-navset-left .yui-content { border: 1px solid #808080; }
.yui-navset-left .yui-content { border-left-color: #243356; }
.yui-navset-left .yui-nav .selected { margin: 0 -1px 0.16em 0; }
.yui-navset-left .yui-nav .selected a { background-image: none; }
.yui-navset-left .yui-nav { border-width: 0 5px 0 0; }
.yui-navset-left .yui-nav { bottom: 0; }
.yui-navset-left .yui-nav { left: 0; }
.yui-navset-left .yui-nav { position: absolute; }
.yui-navset-left .yui-nav { right: auto; }
.yui-navset-left .yui-nav { top: 0; }
.yui-navset-left .yui-nav { width: 6em; }
.yui-navset-left .yui-nav { xposition: absolute; }
.yui-navset-left .yui-nav { z-index: 1; }
.yui-navset-left .yui-nav a { background-image: none; }
.yui-navset-left .yui-nav a { border-width: 1px 0; }
.yui-navset-left .yui-nav a em { border-width: 0 0 0 1px; }
.yui-navset-left .yui-nav a em { left: -1px; }
.yui-navset-left .yui-nav a em { padding: 0.2em .75em; }
.yui-navset-left .yui-nav a em { top: auto; }
.yui-navset-left .yui-nav a:hover { background-image: none; }
.yui-navset-left .yui-nav li { display: block; }
.yui-navset-left .yui-nav li { margin: 0 0 0.16em; }
.yui-navset-left .yui-nav li { padding: 0 0 0 1px; }
.yui-navset-left .yui-nav li a { display: block; }
.yui-navset-left { padding: 0 0 0 6em; }
.yui-navset-right .yui-nav .selected { margin: 0 0 0.16em -1px; }
.yui-navset-right .yui-nav .selected a { background-image: none; }
.yui-navset-right .yui-nav { border-width: 0 0 0 5px; }
.yui-navset-right .yui-nav { bottom: 0; }
.yui-navset-right .yui-nav { left: auto; }
.yui-navset-right .yui-nav { position: absolute; }
.yui-navset-right .yui-nav { right: 0; }
.yui-navset-right .yui-nav { top: 0; }
.yui-navset-right .yui-nav { width: 6em; }
.yui-navset-right .yui-nav { xposition: absolute; }
.yui-navset-right .yui-nav { z-index: 1; }
.yui-navset-right .yui-nav a { background-image: none; }
.yui-navset-right .yui-nav a { border-width: 1px 0; }
.yui-navset-right .yui-nav a em { border-width: 0 1px 0 0; }
.yui-navset-right .yui-nav a em { left: auto; }
.yui-navset-right .yui-nav a em { padding: 0.2em .75em; }
.yui-navset-right .yui-nav a em { right: -1px; }
.yui-navset-right .yui-nav a em { top: auto; }
.yui-navset-right .yui-nav a:hover { background-image: none; }
.yui-navset-right .yui-nav li { display: block; }
.yui-navset-right .yui-nav li { margin: 0 0 0.16em; }
.yui-navset-right .yui-nav li { padding: 0 1px 0 0; }
.yui-navset-right .yui-nav li a { display: block; }
.yui-navset-right { padding: 0 6em 0 0; }
.yui-navset-top .yui-nav { position: static; }
.yui-navset-top .yui-nav { width: auto; }
.yui-navset-top .yui-nav li a { display: block; }
.yui-navset-top .yui-nav li a { display: inline-block; }
.yui-navset-top .yui-nav li a { vertical-align: bottom; }
.yui-navset-top .yui-nav li a { zoom: 1; }
.yui-navset-top .yui-nav li a em { display: block; }
.yui-navset-top { padding: auto; }
a #account-topbutton { background: #8dbde5 none repeat scroll 0 0; }
a #account-topbutton { border: 3px solid #9ed5ed; }
a #account-topbutton { color: #227499; }
a #account-topbutton { font-weight: 800; }
a { color: #926737; }
a { font-weight: bold; }
a { text-decoration: none; }
a.action-area-close { background-color: #101010; }
a.action-area-close { color: #222244; }
a.action-area-close { float: right; }
a.action-area-close { font-size: 95%; }
a.action-area-close { margin: 2px 2px; }
a.action-area-close { padding: 0 0.7em; }
a.action-area-close { text-decoration: none; }
a.action-area-close:hover { background-color: #ddd; }
a.avatar-hover { background: none; }
a.avatar-hover { background-image: url(../images/background/opacity2.png); }
a.avatar-hover { color: black; }
a.avatar-hover { font-size: 130%; }
a.avatar-hover { font-weight: bold; }
a.avatar-hover { padding: 8px; }
a.avatar-hover { text-decoration: none; }
a.avatar-hover div { position: relative; }
a.avatar-hover div div { background-color: white; }
a.avatar-hover div div { filter: alpha(opacity=90); }
a.avatar-hover div div { height: 48px; }
a.avatar-hover div div { left: 48px; }
a.avatar-hover div div { opacity: 0.9; }
a.avatar-hover div div { position: absolute; }
a.avatar-hover div div { right: 0px; }
a.avatar-hover div div { top: 0; }
a.avatar-hover div div { width: 100%; }
a.avatar-hover div span { background-color: white; }
a.avatar-hover div span { filter: alpha(opacity=90); }
a.avatar-hover div span { margin: 0 1em; }
a.avatar-hover div span { opacity: 0.9; }
a.avatar-hover div span { padding: 0.5em 1em; }
a.avatar-hover div span { z-index: 30; }
a.avatar-hover img { vertical-align: middle; }
a.avatar-hover:hover { background: none; }
a.avatar-hover:hover { background-image: url(../images/background/opacity2.png); }
a.avatar-hover:hover { color: black; }
a.avatar-hover:hover { font-size: 130%; }
a.avatar-hover:hover { font-weight: bold; }
a.avatar-hover:hover { padding: 8px; }
a.avatar-hover:hover { text-decoration: none; }
a.bibcite { display: inline-block; }
a.button { background: #9ed5ed; }
a.button { border: 3px solid #113355; }
a.button { border-left-width: 0px; }
a.button { border-top-width: 0px; }
a.button { color: #113355; }
a.button { margin: 0px 0px 0px 0px; }
a.button { -moz-border-radius: 60px 60px; }
a.button { padding: 3px 10px 2px 10px; }
a.button { text-decoration: none; }
a.button { -webkit-border-radius: 20px; }
a.button:hover { background-color: #ddd; }
a.button:hover { color: #000; }
a.footnoteref { display: inline-block; }
a.newpage { background-color: #000000; }
a.newpage { color: #aaaaaa; }
a.newpage { padding: 0 2px; }
a.newpage:hover { background-color: #d0e4ed; }
a.weditor-audio { background-position: -638px 0; }
a.weditor-audio { background-position: -638px 0; }
a.weditor-bib { background-position: -902px 0; }
a.weditor-bib { background-position: -902px 0; }
a.weditor-bibcite { background-position: -924px 0; }
a.weditor-bibcite { background-position: -924px 0; }
a.weditor-bold { background-position: -132px 0; }
a.weditor-bold { background-position: -132px 0; }
a.weditor-bullist { background-position: -726px 0; }
a.weditor-bullist { background-position: -726px 0; }
a.weditor-clearfloat { background-position: -374px 0; }
a.weditor-clearfloat { background-position: -374px 0; }
a.weditor-clearfloatleft { background-position: -396px 0; }
a.weditor-clearfloatleft { background-position: -396px 0; }
a.weditor-clearfloatright { background-position: -418px 0; }
a.weditor-clearfloatright { background-position: -418px 0; }
a.weditor-code { background-position: -660px 0; }
a.weditor-code { background-position: -660px 0; }
a.weditor-codewiz { background-position: -682px 0; }
a.weditor-codewiz { background-position: -682px 0; }
a.weditor-decindent { background-position: -770px 0; }
a.weditor-decindent { background-position: -770px 0; }
a.weditor-deflist { background-position: -792px 0; }
a.weditor-deflist { background-position: -792px 0; }
a.weditor-div { background-position: -352px 0; }
a.weditor-div { background-position: -352px 0; }
a.weditor-divwiz { background-position: -440px 0; }
a.weditor-divwiz { background-position: -440px 0; }
a.weditor-eqref { background-position: -880px 0; }
a.weditor-eqref { background-position: -880px 0; }
a.weditor-footnote { background-position: -814px 0; }
a.weditor-footnote { background-position: -814px 0; }
a.weditor-h1 { background-position: 0px 0; }
a.weditor-h1 { background-position: 0px 0; }
a.weditor-h2 { background-position: -22px 0; }
a.weditor-h2 { background-position: -22px 0; }
a.weditor-h3 { background-position: -44px 0; }
a.weditor-h3 { background-position: -44px 0; }
a.weditor-h4 { background-position: -66px 0; }
a.weditor-h4 { background-position: -66px 0; }
a.weditor-h5 { background-position: -88px 0; }
a.weditor-h5 { background-position: -88px 0; }
a.weditor-h6 { background-position: -110px 0; }
a.weditor-h6 { background-position: -110px 0; }
a.weditor-hr { background-position: -330px 0; }
a.weditor-hr { background-position: -330px 0; }
a.weditor-image { background-position: -572px 0; }
a.weditor-image { background-position: -572px 0; }
a.weditor-imagewiz { background-position: -594px 0; }
a.weditor-imagewiz { background-position: -594px 0; }
a.weditor-incindent { background-position: -748px 0; }
a.weditor-incindent { background-position: -748px 0; }
a.weditor-italic { background-position: -154px 0; }
a.weditor-italic { background-position: -154px 0; }
a.weditor-math { background-position: -836px 0; }
a.weditor-math { background-position: -836px 0; }
a.weditor-mathinline { background-position: -858px 0; }
a.weditor-mathinline { background-position: -858px 0; }
a.weditor-numlist { background-position: -704px 0; }
a.weditor-numlist { background-position: -704px 0; }
a.weditor-pagelink { background-position: -528px 0; }
a.weditor-pagelink { background-position: -528px 0; }
a.weditor-pagelinkwiz { background-position: -550px 0; }
a.weditor-pagelinkwiz { background-position: -550px 0; }
a.weditor-quote { background-position: -242px 0; }
a.weditor-quote { background-position: -242px 0; }
a.weditor-raw { background-position: -308px 0; }
a.weditor-raw { background-position: -308px 0; }
a.weditor-strikethrough { background-position: -198px 0; }
a.weditor-strikethrough { background-position: -198px 0; }
a.weditor-subscript { background-position: -286px 0; }
a.weditor-subscript { background-position: -286px 0; }
a.weditor-superscript { background-position: -264px 0; }
a.weditor-superscript { background-position: -264px 0; }
a.weditor-table { background-position: -440px 0; }
a.weditor-table { background-position: -440px 0; }
a.weditor-teletype { background-position: -220px 0; }
a.weditor-teletype { background-position: -220px 0; }
a.weditor-toc { background-position: -462px 0; }
a.weditor-toc { background-position: -462px 0; }
a.weditor-underline { background-position: -176px 0; }
a.weditor-underline { background-position: -176px 0; }
a.weditor-uri { background-position: -484px 0; }
a.weditor-uri { background-position: -484px 0; }
a.weditor-uriwiz { background-position: -506px 0; }
a.weditor-uriwiz { background-position: -506px 0; }
a.weditor-video { background-position: -616px 0; }
a.weditor-video { background-position: -616px 0; }
a:hover { background-color: #d0e4ed; }
a:hover { color: #254b5c; }
blockquote { background: #f3e4d4; }
blockquote { border: 3px solid #222d32; }
blockquote { border-left-width: 0px; }
blockquote { border-top-width: 0px; }
blockquote { -moz-border-radius: 20px 20px; }
blockquote { padding: 1px 15px 0px 15px; }
blockquote { -webkit-border-radius: 10px; }
blockquote h1 { background: #222d32; }
blockquote h1 { border: 2px solid #222d32; }
blockquote h1 { border-left-width: 0px; }
blockquote h1 { border-top-width: 0px; }
blockquote h1 { color: #d0e4ed; }
blockquote h1 { font-size: 150%; }
blockquote h1 { margin: 5px 0px 5px 0px; }
blockquote h1 { -moz-border-radius: 20px 20px; }
blockquote h1 { padding: 5px 15px 5px 15px; }
blockquote h1 { -webkit-border-radius: 20px; }
body { background-color: #254b5c; }
body { color: #444444; }
body { font-family: verdana,arial,helvetica,sans-serif; }
body { font-size: 0.82em; }
body { margin: 0px; }
body { padding: 0px; }
body.wait * { cursor: wait; }
body.wait { cursor: wait; }
button { background: #9ed5ed; }
button { border: 3px solid #113355; }
button { border-left-width: 0px; }
button { border-top-width: 0px; }
button { color: #113355; }
button { margin: 0px 0px 0px 0px; }
button { -moz-border-radius: 60px 60px; }
button { padding: 3px 10px 2px 10px; }
button { text-decoration: none; }
button { -webkit-border-radius: 20px; }
button:hover { background-color: #ddd; }
button:hover { color: #000; }
code { color: #f3e4d4; }
code { font-family: 'andale mono', 'courier new', courier, monospace; }
div.buttons { padding: 1em 0; }
div.buttons { text-align: center; }
div.buttons input { background: #9ed5ed; }
div.buttons input { border: 3px solid #113355; }
div.buttons input { border-left-width: 0px; }
div.buttons input { border-top-width: 0px; }
div.buttons input { color: #113355; }
div.buttons input { margin: 0px 0px 0px 0px; }
div.buttons input { -moz-border-radius: 60px 60px; }
div.buttons input { padding: 3px 10px 2px 10px; }
div.buttons input { text-decoration: none; }
div.buttons input { -webkit-border-radius: 20px; }
div.buttons input.disabled { background-color: #f7f7f7; }
div.buttons input.disabled { color: #bbb; }
div.buttons input.disabled:hover { background-color: #f7f7f7; }
div.buttons input.disabled:hover { color: #bbb; }
div.buttons input:hover { background-color: #ddd; }
div.buttons input:hover { color: #000; }
div.buttons.alignleft { text-align: left; }
div.foldable-list-container li.folded { color: red; }
div.foldable-list-container li.unfolded { color: blue; }
div.new-post { margin: 20px 0; }
div.new-post { text-align: left; }
div.new-post a { background-color: #f7f7f7; }
div.new-post a { border: 1px solid #999; }
div.new-post a { font-size: 100%; }
div.new-post a { font-weight: bold; }
div.new-post a { padding: 5px 10px; }
div.note { background-color: #f4f4f4; }
div.note { border: 1px solid #eee; }
div.note { font-size: 90%; }
div.note { margin: 1em; }
div.note { padding: 0 1em; }
div.note-block { border: 1px solid #eaa; }
div.note-block { padding: 0 1em;margin: 0.5em 0 ; }
div.owindow.photowindow { background-color: #000000; }
div.owindow.photowindow { border: 3px solid #808080; }
div.owindow.photowindow { color: #aaaaaa; }
div.owindow.photowindow a { color: #aaaaaa; }
div.owindow.photowindow a:hover { color: #aaaaaa; }
div.site-list-item .description { font-style: italic; }
div.site-list-item .description { padding-left: 2em; }
div.site-list-item .name { font-size: 120%; }
div.site-list-item .name { font-weight: bold; }
div.site-list-item .options { float: right; }
div.site-list-item .options { margin-right: 100px; }
div.site-list-item { margin: 0.5em 0; }
div.site-list-item { padding: 0.3em; }
div.site-list-item:hover { background-color: #d0e4ed; }
div.wiki-note { border: 1px solid #999; }
div.wiki-note { margin: 0.5em 5em; }
div.wiki-note { text-align: center; }
div.wiki-note { width: auto; }
file { background: #9ed5ed; }
file { border: 3px solid #113355; }
file { border-left-width: 0px; }
file { border-top-width: 0px; }
file { color: #113355; }
file { margin: 0px 0px 0px 0px; }
file { -moz-border-radius: 60px 60px; }
file { padding: 3px 10px 2px 10px; }
file { text-decoration: none; }
file { -webkit-border-radius: 20px; }
form { margin: 0; }
form { padding: 0; }
form div.sub { color: #777; }
form div.sub { font-size: 90%; }
h1 { border-bottom: 6px solid #9ed5ed; }
h1 { color: #222d32; }
h1 { font-family: georgia,"times new roman",times,serif; }
h1 { font-size: 190%; }
h1 { font-weight: normal; }
h2 { border-bottom: 5px solid #9ed5ed; }
h2 { color: #222d32; }
h2 { font-family: georgia,"times new roman",times,serif; }
h2 { font-size: 150%; }
h2 { font-weight: normal; }
h3 { border-bottom: 4px solid #9ed5ed; }
h3 { color: #222d32; 9ed5ed; }
h3 { font-family: georgia,"times new roman",times,serif; }
h3 { font-size: 130%; }
h3 { font-weight: normal; }
h4 { border-bottom: 3px solid #9ed5ed; }
h4 { color: #222d32; }
h4 { font-family: georgia,"times new roman",times,serif; }
h4 { font-size: 115%; }
h4 { font-weight: normal; }
h5 { border-bottom: 2px solid #9ed5ed; }
h5 { color: #222d32; }
h5 { font-family: georgia,"times new roman",times,serif; }
h5 { font-size: 100%; }
h5 { font-weight: normal; }
h6 { border-bottom: 1px solid #9ed5ed; }
h6 { color: #222d32; }
h6 { font-family: georgia,"times new roman",times,serif; }
h6 { font-size: 90%; }
h6 { font-weight: normal; }
hr { background-color: #aaa; }
hr { border: none; }
hr { color: #222d32; }
hr { height: 1px; }
hr { margin: 5px 0px; }
hr { padding: 0; }
img { border-width: 0px; }
img.math-inline { vertical-align: bottom; }
input { font-size: 100%; }
input.button { background: #9ed5ed; }
input.button { border: 2px solid #222d32; }
input.button { border-left-width: 1px; }
input.button { border-top-width: 0px; }
input.button { color: #254b5c; }
input.button { margin: 0px 0px 0px 0px; }
input.button { -moz-border-radius: 60px 60px; }
input.button { padding: 1px 10px 2px 10px; }
input.button { text-decoration: none; }
input.button { -webkit-border-radius: 20px; }
input.button.disabled { background-color: #222d32; }
input.button.disabled { border: 2px solid #bbbbbb; }
input.button.disabled { color: gray; }
input.button.disabled:hover { background-color: #222d32; }
input.button.disabled:hover { border: 2px solid #bbbbbb; }
input.button.disabled:hover { color: gray; }
input.button:hover { background-color: #254b5c; }
input.button:hover { color: #9ed5ed; }
input.checkbox { background-color: #fff; }
input.checkbox { color: #000; }
input.text { background-color: #fff; }
input.text { border: 1px solid #222d32; }
input.text { border-left-width: 0px; }
input.text { border-top-width: 0px; }
input.text { color: #000; }
input.text { margin: 0 1px; }
input.text { -moz-border-radius: 20px 20px; }
input.text { padding: 1px 2px; }
input.text { -webkit-border-radius: 10px; }
input.text.invalid { border-color: red; }
pre { font-family: 'andale mono', 'courier new', courier, monospace; }
select { border: 1px solid #777; }
table { empty-cells: show; }
table tbody tr td { vertical-align: top; }
table#odialog-box-container { left: 0; }
table#odialog-box-container { margin: 0; }
table#odialog-box-container { position: absolute; }
table#odialog-box-container { width: 100%; }
table#odialog-box-container td { height: 100%; }
table#odialog-box-container td { text-align: center; }
table#odialog-box-container td { vertical-align: middle; }
table#odialog-box-container td { width: 100%; }
table#odialog-box-container td div { margin: 0 auto; }
table.form { margin: 0 auto; }
table.form > tr> td: first-child { text-align: right; }
table.form div.field-error-message { color: #d00; }
table.form div.field-error-message { display: none; }
table.form td { padding: 0.2em 1em; }
table.form td { vertical-align: top; }
table.form td div.sub { color: #777; }
table.form td div.sub { font-size: 90%; }
table.form th { padding: 0.2em 1em; }
table.form th { vertical-align: top; }
table.form tr.invalid-value-row div.field-error-message { color: #d00; }
table.form tr.invalid-value-row div.field-error-message { display: none; }
table.form tr.invalid-value-row td { background-color: #fdff95; }
table.form tr.invalid-value-row td div.field-error-message { display: block; }
table.form.alignleft { margin: 0 auto 0 0; }
table.form.grid { border-collapse: collapse; }
table.form.grid { border-spacing: 0; }
table.form.grid td { border: 1px solid #ddd; }
table.form.grid td { padding: 0.5em 1em; }
table.form.grid th { border: 1px solid #ddd; }
table.form.grid th { padding: 0.5em 1em; }
table.page-compare { border-collapse: collapse; }
table.page-compare { border-spacing: 0; }
table.page-compare { margin: 1em auto; }
table.page-compare td { border: 1px solid #ccc; }
table.page-compare td { padding: 0.2em 1em; }
table.page-compare th { border: 1px solid #ccc; }
table.page-compare th { padding: 0.2em 1em; }
table.page-files .highlight { background-color: #eee; }
table.page-files .options { text-align: right; }
table.page-files { border-collapse: collapse; }
table.page-files { border-spacing: 0; }
table.page-files { margin: 1em auto; }
table.page-files td { padding: 2px 5px; }
table.page-history td.optionstd a { border: 1px solid #bbb; }
table.page-history td.optionstd a { padding: 0 3px; }
table.page-history td.optionstd a { text-decoration: none; }
table.wiki-content-table { border-collapse: collapse; }
table.wiki-content-table { border-spacing: 0; }
table.wiki-content-table { margin: 0.5em auto; }
table.wiki-content-table td { border: 1px solid #888; }
table.wiki-content-table td { padding: 0.3em 0.7em; }
table.wiki-content-table th { background-color: #eee; }
table.wiki-content-table th { border: 1px solid #888; }
table.wiki-content-table th { padding: 0.3em 0.7em; }
td { text-align: left; }
textarea { background-color: #fff; }
textarea { border: 1px solid #777; }
textarea { color: #000; }
textarea { font-family: verdana,arial,helvetica,sans-serif; }
textarea { font-size: 100%; }
textarea { padding: 2px; }
tt { font-family: 'andale mono', 'courier new', courier, monospace; }
tt { font-size: 100%; }
Dropbox
created: 1235154377|%e %B %Y, %H:%M
Ed Johnson
I just read a review about Dropbox, a file hosting/sharing site that the editors of MaximumPC really like. I just created an account today and I'm going to try hosting my Wikidot OS V1 installable ISO on Dropbox to see how well it performs. Here are links to the ISO and corresponding md5 hash file:
mywikidot_backup_rev_393_20090123.iso (1.0 GB)
mywikidot_backup_rev_393_20090123.iso.md5 (93 bytes)
If you find it takes too long to download (it took about 3 hours to upload through the Dropbox client), send me a PM and we can look at a Plan B to get you the ISO file.
The articile on how to use this ISO with a virtual machine is here: installable-iso-and-a-virtual-machine
Fast-CGI Issue
created: 1234107416|%e %B %Y, %H:%M
Ed Johnson
Yesterday, I was working on a new wiki site on my server at work and just about had a heart attack after saving a page and returning to my index page. I got the dreaded
500 Internal Server Error
The page had actually saved fine. The problem was with my index page that had a ListPages module that was doing some fancy includes based on this thread on the community site. I inspected the server logs and found this type of entry for every 500 error:
2009-02-07 15:04:13: (mod_fastcgi.c.2471) unexpected end-of-file (perhaps the fastcgi process died): pid: 6075 socket: unix:/var/run/lighttpd/php-fastcgi.socket-3
2009-02-07 15:04:13: (mod_fastcgi.c.3281) response not received, request sent: 1089 on socket: unix:/var/run/lighttpd/php-fastcgi.socket-3 for /index.php , closing connection
I was able to manually delete the "broken" page by using pgAdmin3. BTW, I love how nice PostgreSQL is when deleting records with dependencies. It deletes data in related tables without making a fuss.
After rebooting my server, I tried one more time to recreate the index page as it was just to make sure it wasn't some kind of fluke error. Same result. Now I'm in way over my head. Since the error log indicated "(perhaps the fastcgi process died)", I decided to try giving more memory to php-cgi. I increased my memory limit in the php.ini file here (was 32M):
/etc/php5/cgi/php.ini
;;;;;;;;;;;;;;;;;;;
; Resource Limits ;
;;;;;;;;;;;;;;;;;;;
max_execution_time = 30 ; Maximum execution time of each script, in seconds
max_input_time = 60 ; Maximum amount of time each script may spend parsing request data
;max_input_nesting_level = 64 ; Maximum input variable nesting level
memory_limit = 64M ; Maximum amount of memory a script may consume (16MB)
This seems to have solved my problem. I'm not sure if I should be looking at anything else or making other config changes. At this point it's working, so I'm going to mark this as "solved for now". I updated ubuntu-8-04-with-lighttpd-install to indicate this change. I'll be doing the same with my next Installable ISO
MyWikidot rev 393
created: 1231099991|%e %B %Y, %H:%M
Ed Johnson
I just completed updating my installable ISO (MyWikidot ISO And A Virtual Machine) to rev 393.
I really believe this is a great way to distribute Wikidot to those who want to use it with a VM or install it on their own hardware for use as a home server or a production server at work.
If you're interested in getting a copy, send Ed Johnson a private message and I can send you a link and download instructions.






