<html><head>
<title>Style Select 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>Style Select Box:</strong></span>
<br />
This option will enable the Style Select Box.  This button will be added to row three 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 />
NOTE: This button is required to be enabled if you are using the advanced custom styles option below.  If this option is not enabled, you will not see the styles drowdown box when using the advanced custom styles option below.
<br /><br />

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>If NOT using Advanced Custom Styles Option:</strong></span><br /><br />

<img src="images/custom-styles.png" border="1px solid #000000" /><br />
<em>The default wordpress styles dropdown box.</em><br /><br />

The available default styles are:
<ul><li>wpGallery</li><li>wp-oembed</li><li>aligncenter</li><li>alignleft</li><li>alignright</li><li>wp-caption</li><li>wp-caption-dd</li><li>wp-caption-text</li><li>wp-smiley</li></ul><br /><br />

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Using Advanced Custom Styles Option:</strong></span><br /><br />

<img src="images/custom-styles2.png" border="1px solid #000000" /><br />
<em>The advanced custom styles dropdown box.</em><br /><br />

The available advanced custom styles are:
<ul><li>Bold Red Text</li><li>Bold Green Text</li><li>Bold Blue Text</li><li>Border Black</li><li>Border Red</li><li>Border Green</li><li>Border Blue</li><li>Float Left</li><li>Float Right</li><li>Normal Alert</li><li>Green Alert</li><li>Yellow Alert</li><li>Red ALert</li></ul><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>