<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">

<html>

<head>
<title>Applying a new skin</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<meta name="generator" content="RoboHelp by eHelp Corporation www.ehelp.com">
<link rel="stylesheet" href="ensim3purple_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='ensim3purple.css'>");}
//-->
</script>
<style type="text/css">
<!--
div.whs1 { width:100%; }
p.whs2 { text-align:right; }
img_whs3 { border:none; width:20px; height:20px; float:none; border-style:none; }
table.whs4 { width:98.872%; x-cell-content-align:Top; border-spacing:0px; }
col.whs5 { width:100%; }
tr.whs6 { x-cell-content-align:center; height:22px; }
td.whs7 { width:100%; padding-right:10px; padding-left:10px; background-color:#f5f5f5; border-left-style:none; border-top-style:Solid; border-right-style:none; border-bottom-style:none; border-top-width:1px; }
img_whs8 { border:none; width:20px; height:20px; float:none; border-style:none; }
tr.whs9 { x-cell-content-align:center; height:56px; }
td.whs10 { width:100%; padding-right:10px; padding-left:10px; background-color:Transparent; border-left-style:none; border-right-style:none; border-bottom-style:none; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "td.whs10 {background-color:white; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Set-up tasks\nApplying a new skin");
addButton("show",BTN_TEXT,"View Help Contents","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if (window.setRelStartPage)
	{
	setRelStartPage("site_help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();
//-->
</script><script type="text/javascript" language="JavaScript1.2" src="./ehlpdhtm.js" x-save-method="compute-relative" name="EHELP_DHTM"></script>
<script type="text/javascript"
		language=JavaScript1.2>
<!-- 
if( typeof( kadovInitEffects ) != 'function' ) kadovInitEffects = new Function();if( typeof( kadovInitTrigger ) != 'function' ) kadovInitTrigger = new Function();if( typeof( kadovFilePopupInit ) != 'function' ) kadovFilePopupInit = new Function();if( typeof( kadovTextPopupInit ) != 'function' ) kadovTextPopupInit = new Function();
 //-->
</script>


<form>


<div placeholder id="header" class="whs1">
 <p align="right" class="whs2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a 
 href="javascript:window.history.back();"><img src="!skinsubfolder!/ensim3purple/prev_on_purple.gif" x-maintain-ratio="TRUE" alt="Go to previously viewed topic" width="20px" height="20px" border="0" class="img_whs3"></a><a href="javascript:window.history.forward();"><img src="!skinsubfolder!/ensim3purple/next_on_purple.gif" alt="Go forward to previously viewed topic" x-maintain-ratio="TRUE" width="20px" height="20px" border="0" class="img_whs3"></a></p>
</div>
<p class=BannerBase>Applying a new skin</p>

<p class=Base
	style="color: #000000;"><span style="color: #000000;"><font color=black >You can change 
 the appearance of your control panel by creating a skin or customizing 
 available skins. </font></span></p>

<ul>
	
	<li style="margin-left: -20px; /*begin!kadov{{*/ color: #000000; /*}}end!kadov*/ "
		class=kadov-p-CNote><p class=Note
								style="color: #000000;"><span style="font-weight: bold;"><B>Note:</B></span> 
 The user accounts hosted on the site inherit the visual appearance of 
 the control panel.</p></li>
</ul>

<p class=Base
	style="color: #000000; font-weight: normal;">To apply a new skin:</p>

<ol>
	
	<li style="/*begin!kadov{{*/ color: #000000; /*}}end!kadov*/ "
		class=kadov-p-CNumberLong><p CLASS=NumberLong
									style="color: #000000;">In 
 the shortcuts section of the <a href="javascript:void(0);" id="a1" style="color: #0000ff;" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('oh_site_home_page.htm');return false;">Home page</a><script 
 type="text/javascript"
	language=JavaScript1.2><!--
kadovFilePopupInit('a1');
//--></script>, 
 click <span style="font-weight: bold;"><B>Manage Skins</B></span> (Tools section).</p></li>
	
	<li style="/*begin!kadov{{*/ color: #000000; /*}}end!kadov*/ "
		class=kadov-p-CNumberLong><p CLASS=NumberLong
									style="color: #000000;">In the Manage 
 Skins area, select the option button next to the skin you want to apply.</p></li>
	
	<li style="/*begin!kadov{{*/ color: #000000; /*}}end!kadov*/ "
		class=kadov-p-CNumberLong><p CLASS=NumberLong
									style="color: #000000;">Click <span 
 style="font-weight: bold;"><B>Preview</B></span> to preview the control panel 
 with the selected skin.</p></li>
	
	<li style="/*begin!kadov{{*/ color: #000000; /*}}end!kadov*/ "
		class=kadov-p-CNumberLong><p CLASS=NumberLong
									style="color: #000000;">Click <span 
 style="font-weight: bold;"><B>Apply</B></span> to apply the skin to the control 
 panel. This process takes a few seconds.</p></li>
	
	<li style="/*begin!kadov{{*/ color: #000000; /*}}end!kadov*/ "
		class=kadov-p-CNumberLong><p CLASS=NumberLong
									style="color: #000000;">Log out from 
 the control panel by clicking <span style="font-weight: bold;"><B>Log out 
 </B></span>in the Login Info panel.</p></li>
	
	<li style="/*begin!kadov{{*/ color: #000000; /*}}end!kadov*/ "
		class=kadov-p-CNumberLong><p CLASS=NumberLong
									style="color: #000000;">Log in again 
 using your account information. <span>T</span><span>he control panel displays 
 the new skin.</span></p></li>
</ol>

<div placeholder id="footer" class="whs1"><table x-use-null-cells cellspacing="0" width="98.872%" class="whs4">
  <col class="whs5">
  <tr valign="middle" class="whs6">
  <td colspan="1" rowspan="1" bgcolor="#F5F5F5" width="100%" class="whs7">
  <p class=FooterProjectTitle
	style="text-align: right;"
	align=right><a href="javascript:window.history.back();"><img src="!skinsubfolder!/ensim3purple/prev_on_purple.gif" alt="Go to previously viewed topic" x-maintain-ratio="TRUE" width="20px" height="20px" border="0" class="img_whs8"></a><a href="javascript:window.history.forward();"><img src="!skinsubfolder!/ensim3purple/next_on_purple.gif" alt="Go forward to previously viewed topic" x-maintain-ratio="TRUE" width="20px" height="20px" border="0" class="img_whs8"></a></td></tr>
  <tr valign="middle" class="whs9">
  <td width="100%" class="whs10">
  <p class=FooterProjectTitle
	style="text-align: right; font-size: 6pt;"
	align=right><input TYPE="image" &quot;&lt;img&quot; src="!skinsubfolder!/ensim3purple/print_on.gif" x-maintain-ratio="TRUE" none ; width: 36px; height: 34px; float: none ;&quot; width="36" height="34" border="0>" NAME="print1" ONCLICK="javascript:window.print()" alt="Print" style="width: 36px; height: 34px;"></p>
  <p class=FooterProjectTitle
	style="text-align: right;"
	align=right>Site Administrator's Help</p>
  <p class=FooterProjectTitle
	style="text-align: right;"
	align=right>Published September 22, 2006</td></tr>
 </table>
</div>
<script type="text/javascript" language="javascript1.2">
<!--
if (window.writeIntopicBar)
	writeIntopicBar(0);
//-->
</script>
</body>
</html>
