<html><head>
<title>Citations Box</title>
<link rel=StyleSheet href="pop-upstyle.css" type="text/css" media="screen">
</head>

<BODY BGCOLOR="#F2F9FA" TEXT="#000000" LINK="#99CCFF" VLINK="#99CCFF" ALINK="#99CCFF" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginheight=0 marginwidth=0>

<!-- OUTER TABLE-->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="100%" height="100%"><tr><td ALIGN="CENTER" VALIGN="TOP">

<!-- CONTENT TABLE -->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="80%"><tr><td ALIGN="left" VALIGN="TOP">
<br>

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Citations Box:</strong></span>
<br />
This option will enable the Citations Box.  This button will be added to row four of the visual editor.

<br /><br />

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Usage:</strong></span>
<br />
Placing a check in the box will enable the button in your visual editor.  Unchecking the box removes the button from the editor.<br /><br />
I'm not too sure as to the functionality of this button.  As far as I can tell, the only thing it does is italicize the font and float it left.  In the screenshot below, you can see I added the same line of text over and over.  The results are not extremely pleasing.  This button wraps the selected text with the "cite" tag.<br /><br />

The screenshot below also shows how you can add styles to some of the popup boxes.  Just enter your property, then a colon, followed by your value, and lastly a semi-colon.  You can repeat the process for mutliple properties and values.<br /><br />

<img src="images/cite.png" border="1px solid #000000" /><br />
<em>The popup box for adding a citation.</em><br /><br />

<img src="images/cite2.png" border="1px solid #000000" /><br />
<em>The results from the font-end.</em>

<br /><br />
</td></tr></table>
<!-- CONTENT TABLE -->

</td></tr><tr><td ALIGN="center" VALIGN="bottom"><!-- OUTER TABLE -->

<!-- CLOSE BUTTON -->
<form>
<input type=button value="Close Window" onClick='self.close()'>
</form>

</td></tr></table>
<!-- OUTER TABLE-->

</BODY>
</HTML>