Personalizando a tela Browser de Aplicativos

É possível utilizar os arquivos myapps.html, refresh.html e hf_style.css para personalizar a funcionalidade e a aparência da tela Browser de Aplicativos. A tabela a seguir relaciona o que é controlado por cada arquivo:

Arquivo Controla...

myapps.html
  • Qual Servidor de Camada Intermediária do ZENworks® é acessado;
  • Se a tela está habilitada ou não para portais da Web;
  • O gráfico do banner;
  • A altura do banner;
  • Se a tela inclui ou não a árvore de pastas;
  • Como os ícones de aplicativos são exibidos;
  • Os elementos de navegação que são exibidos.

refresh.html
  • A mensagem exibida na tela Browser de Aplicativos enquanto o Disparador de Aplicativos é iniciado e recupera informações sobre aplicativos.

hf_style.css
  • Todos os estilos aplicados aos elementos HTML da tela (título, texto, etc.).

As seções a seguir fornecem informações para ajudá-lo a utilizar os arquivos de forma a personalizar a tela Browser de Aplicativos:


Localização dos arquivos

Os arquivos myapps.html, refresh.html e hf_style.css residem, ou podem residir, em duas localizações, como mostra a tabela a seguir:

Arquivo Local

myapps.html
  • Diretório raiz_servidor_Web\nwdocs no Servidor de Camada Intermediária do ZENworks;
  • Diretório c:\arquivos de programas\novell\zenworks\nls\idioma na estação de trabalho local.

refresh.html

Esse arquivo somente existirá quando você criá-lo. Em seguida, é necessário colocá-lo em um destes diretórios:

  • Diretório raiz_servidor_Web\nwdocs\nal_html no Servidor de Camada Intermediária do ZENworks;
  • Diretório c:\arquivos de programas\novell\zenworks\nal_html na estação de trabalho local.

hf_style.css

Esse arquivo somente existirá quando você criá-lo. Em seguida, é necessário colocá-lo em um destes diretórios:

  • Diretório raiz_servidor_Web\nwdocs\nal_html no Servidor de Camada Intermediária do ZENworks;
  • Diretório c:\arquivos de programas\novell\zenworks\nal_html na estação de trabalho local.


Arquivo myapps.html

O arquivo myapps.html abre a tela Browser de Aplicativos e é instalado com um destes componentes:

Se você modificar o arquivo myapps.html no Servidor de Camada Intermediária, os usuários que o acessarem a partir do mesmo servidor terão o arquivo modificado myapps.html transferido por download para o diretório c:\arquivos de programas\novell\zenworks\nls\idioma em suas estações de trabalho. Isso garante que as mesmas configurações de myapps.html sejam utilizadas, independentemente de um usuário acessar o Browser de Aplicativos a partir do Servidor de Camada Intermediária ou da unidade local.

Se houver usuários que apenas disparam o Browser de Aplicativos acessando o arquivo myapps.html na estação de trabalho, será necessário modificar esse arquivo nas respectivas estações de trabalho. Convém modificar uma única cópia do arquivo e, em seguida, utilizar um objeto Aplicativo para colocá-lo na estação de trabalho de cada usuário.


Arquivos refresh.html e hf_style.css

Os arquivos refresh.html e hf_style.css apenas existirão quando você criá-los. Depois de criados e colocados no diretório apropriado, esses arquivos serão utilizados no lugar das configurações internas do Browser de Aplicativos.

Se os arquivos refresh.html e hf_style.css forem adicionados ao Servidor de Camada Intermediária do ZENworks, quando um usuário acessar o arquivo myapps.html no servidor, esses arquivos serão transferidos por download para a estação de trabalho do usuário de forma a manter a consistência.

Se os usuários não acessarem o arquivo myapps.html a partir de um Servidor de Camada Intermediária do ZENworks, será necessário adicionar os arquivos à estação de trabalho de cada um desses usuários. Convém distribuí-los no Disparador de Aplicativos ao mesmo tempo em que você distribui o arquivo myapps.html.


Modificando o arquivo myapps.html

O arquivo myapps.html carrega um controle ActiveX (axnalserver.dll) que é utilizado para gerar a tela Browser de Aplicativos. É possível personalizar a tela Browser de Aplicativos, modificando os parâmetros que são transferidos para o controle do ActiveX. Existem nove parâmetros, mostrados abaixo.

<!--param name=\"SingleTree\" value=\"ZENWORKS_TREE\"--> 
<!--param name=\"PortalView\" value=\"false\"--> 
<!--param name=\"BannerURL\" value=\"http://www.company.com/banner.html\"--> 
<!--param name=\"BannerHeight\" value=\"80\"--> 
<!--param name=\"ShowTree\" value=\"true\"--> 
<!--param name=\"ShowTasks\" value=\"false\"--> 
<!--param name=\"AppDisplayType\" value=\"0\"--> 
<!--param name=\"ShowAppFrameNavigation\" value=\"true\"--> 
<!--param name=\"ShowIEToolbarButton\" value=\"true\"-->

Além disso, se você utilizar o gerenciador de instalação do plug-in do NAL para fazer o download do arquivo myapps.html a partir de um Servidor de Camada Intermediária, poderá personalizar dois parâmetros adicionais que são utilizados por esse gerenciador de instalação:

<!--param name=\"MiddleTierAddress\" value=\"$$IPADDR$$\"--> 
<!--param name=\"Nt4PluginVersion\" value=\"4,0,1,0\"-->

Por padrão, os parâmetros são assinalados como comentários, fazendo com que o controle ActiveX utilize seus valores internos predefinidos.

Para modificar um parâmetro:

  1. Remova o !-- (comentário inicial) e o -- (comentário final) para ativar o parâmetro. Por exemplo:

    <param name=\"SingleTree\" value=\"novell_tree\"

  2. Modifique a parte VALUE do parâmetro. Cada parâmetro é descrito abaixo.

    SingleTree: Este parâmetro permite especificar uma árvore única do Novell eDirectoryTM da qual é possível ler informações de aplicativos. Se este parâmetro for usado, o Disparador de Aplicativos ignorará as outras árvores nas quais o usuário faz autenticação.

    Este parâmetro é aplicado somente no momento da instalação. Após a instalação, as mudanças feitas nele não terão efeito.

    PortalView: Este parâmetro permite um suporte melhor de portais, removendo a seção de banner da tela Browser de Aplicativo. As configurações de VALUE são True (verdadeiro) ou False (falso). Verdadeiro remove a seção de banner.

    BannerURL: Este parâmetro só será aplicável quando o parâmetro PortalView for definido como Falso.

    Você pode usar este parâmetro para especificar um banner alternativo. Por exemplo, use um banner que contenha o logotipo da empresa e não o logotipo da Novell. A configuração de VALUE deve ser um URL para uma página HTML ou um arquivo gráfico (GIF, JPEG, etc.). Se você especificar uma página HTML, a página será recortada na altura especificada pelo parâmetro BannerHeight. Se especificar um arquivo gráfico, a seção de banner rolará para ajustar o arquivo gráfico inteiro. A menos que queira que a seção de banner seja rolável, verifique se a altura do gráfico não é maior que a altura especificada pelo parâmetro BannerHeight.

    BannerHeight: Este parâmetro só será aplicável quando o parâmetro PortalView for definido como Falso e o banner padrão da Novell for substituído pelo parâmetro BannerView.

    Você pode usar este parâmetro para determinar a altura da seção de banner. A configuração de VALUE deve variar de 5 a 200. Qualquer número menor que 5 será arredondado para 5 e qualquer número maior que 200 será arredondado para 200.

    ShowTree: Este parâmetro determina se a tela Browser de Aplicativo incluirá ou não o painel esquerdo (referido como a tela de pastas). As configurações de VALOR são Verdadeiro e Falso. Verdadeiro faz com a tela de pastas seja exibida e Falso faz com que ela seja removida.

    ShowTasks: Este parâmetro determina se a tela da pasta (painel esquerdo) inclui ou não as opções Trabalhar Online/Trabalhar Offline, Login na Camada Intermediária/Logout na Camada Intermediária, Atualizar Aplicativos e Ajuda. As configurações de VALOR são Verdadeiro e Falso. True faz com as opções sejam exibidas e False faz com que elas sejam removidas.

    AppDisplayType: Este parâmetro determina como os aplicativos serão exibidos no painel direito da tela Browser de Aplicativo. As configurações de VALUE são 0 e 1. A configuração padrão, 0, faz com que os ícones de aplicativos sejam exibidos como ícones grandes, semelhantes ao modo de exibição Ícones Grandes no Windows Explorer. O valor 1 faz com que os aplicativos sejam listados em formato de tabela, semelhante à exibição em Lista do Windows Explorer.

    ShowAppFrameNavigation: Este parâmetro determina se o painel direito da tela Browser de Aplicativo incluirá ou não a navegação. As configurações de VALOR são Verdadeiro e Falso. Verdadeiro faz com que o painel direito inclua a navegação. O tipo de navegação depende da definição do parâmetro AppDisplayType:

    • Quando o parâmetro AppDisplayType é definido como 0 (ícones grandes), a navegação é exibida como uma trilha de breadcrumb (por exemplo, Árvore do ZENworks > Pasta do Aplicativos > Aplicativo A).
    • Quando o parâmetro AppDisplayType é definido como 1 (ícones pequenos), a navegação é exibida como uma seta Para cima, na parte superior da lista de aplicativos.

    A definição deste parâmetro como Falso faz com que a tela Browser de Aplicativo inicie com todas as pastas abertas, ou seja, todos os ícones de aplicativos são exibidos no painel direito. Se a opção Todas as Pastas for desabilitada nas definições da Configuração do Disparador do usuário no ConsoleOne, este parâmetro será ignorado, em outras palavras, será usado o valor padrão Verdadeiro.

    ShowIEToolbarButton: Este parâmetro determina se o botão Browser de Aplicativo será adicionado ou não à barra de ferramentas do Internet Explorer. Esse botão dispara a versão local do arquivo myapps.html. As configurações de VALOR são Verdadeiro e Falso. Verdadeiro é a configuração padrão e faz com que o botão Browser de Aplicativo seja adicionado à barra de ferramentas. Falso faz com que esse botão seja removido da barra de ferramentas. Sempre que essa configuração for mudada, o usuário deverá fechar o Internet Explorer e reabri-lo para que a mudança entre em vigor.

    MiddleTierAddress: Este parâmetro só será aplicável se você tiver configurado o Servidor de Camada Intermediária do ZENworks para acessar o eDirectory.

    O parâmetro MiddleTierAddress permite especificar o endereço IP do Servidor de Camada Intermediária no qual o usuário faz a autenticação. Só será usado se o endereço do Servidor de Camada Intermediária não estiver incluído no registro do Windows; o registro incluirá o endereço se o usuário digitá-lo ao executar o programa de instalação do Agente do ZENworks Desktop Management.

    Nt4PluginVersion: O plug-in do NAL do ZENworks 6.5 não é suportado nas estações de trabalho Windows NT 4 (consulte "Interoperabilidade com as estações de trabalho Windows NT 4" em "Interoperabilidade com ZENworks for Desktops 4.x", no Guia de Instalação do Novell ZENworks 6.5 Desktop Management, para obter mais informações sobre o suporte a Windows NT 4). No entanto, você pode continuar usando o plug-in de NAL do ZfD 4.0.1 nessas estações de trabalho. Este parâmetro especifica a versão mínima do plug-in de NAL do ZfD 4.0.1 que será executado nas estações de trabalho Windows NT.

    Por exemplo, a definição padrão do parâmetro (4.0.1.0) exige apenas que o plug-in original do NAL para o ZfD 4.0.1 seja instalado na estação de trabalho. Se você colocar um plug-in do NAL atualizado para o ZfD 4.0.1 (zfd40.cab), com um número de versão superior a 4.0.1.0 (por exemplo, 4.0.1.1 ou 4.0.1.2) no Servidor de Camada Intermediária, as estações de trabalho que estiverem com o plug-in do NAL 4.0.1.0 serão atualizadas com a nova versão somente se esse parâmetro for mudado para a nova versão. Em outras palavras, os upgrades não ocorrem automaticamente quando você coloca uma versão mais nova de plug-in do NAL no Servidor de Camada Intermediária; se quiser que seja feito upgrade das estações de trabalho, será necessário forçar o upgrade, aumentando o número da versão especificado nesse parâmetro.

  3. Grave o arquivo.


Criando um arquivo refresh.html

Ao ser iniciado pela primeira vez, o Disparador de Aplicativos faz a leitura do eDirectory e do cache local em busca de informações sobre os aplicativos que ele precisa apresentar. Se for iniciado com a abertura da tela Browser de Aplicativos, a seguinte mensagem será exibida nessa tela enquanto o Disparador de Aplicativos recupera suas informações sobre aplicativos:


Em Andamento: sua lista de aplicativos está sendo gerada.

É possível substituir essa mensagem criando um arquivo refresh.html que contenha a mensagem e os gráficos que você deseja exibir durante a inicialização.

  1. Crie o arquivo que você deseja utilizar. Lembre-se das seguintes diretrizes:

    • O arquivo pode conter textos, gráficos e outros elementos HTML padrão;
    • Verifique se os arquivos referenciados estão disponíveis. Se o arquivo refresh.html estiver sendo acessado a partir de uma estação de trabalho e não do Servidor de Camada Intermediária do ZENworks, utilize um URL absoluto em vez de um URL relativo. Por exemplo, ao fazer referência a uma imagem, utilize <IMG SRC="http://www.novell.com/graphics/banner.jpg"> no lugar de <IMG SRC="banner.jpg">. Todos os arquivos referenciados a partir do arquivo refresh.html, independentemente da localização, são transferidos por download para as estações de trabalho dos usuários junto com esse arquivo refresh.html. Além disso, as referências são modificadas de forma a apontarem para os arquivos na estação de trabalho. Apenas os arquivos referenciados um nível abaixo são transferidos por download. Por exemplo, se o arquivo refresh.html fizer referência ao arquivo message.html, que, por sua vez, faz referência ao arquivo banner.jpg, message.html será transferido por download, o que não acontecerá com banner.jpg.

  2. Forneça um nome para o arquivo refresh.html.

  3. Crie um diretório nal_html em uma das duas localizações a seguir:

    • No diretório raiz_servidor_Web\nwdocs do Servidor de Camada Intermediária do ZENworks (por exemplo, apache\nwdocs\nal_html). O diretório nal_html e seu conteúdo são copiados para a estação de trabalho de cada usuário da mesma maneira que o arquivo myapps.html. Para obter informações, consulte Localização dos arquivos.
    • No diretório c:\arquivos de programas\novell\zenworks da estação de trabalho de cada usuário se os usuários não forem acessar a página myapps.html a partir do Servidor de Camada Intermediária.

  4. Copie o arquivo refresh.html para o diretório nal_html.


Criando um arquivo hf_style.css

O Browser de Aplicativos utiliza uma folha de estilos em cascata (.css) padrão interna para determinar a aparência de elementos, como títulos e textos de parágrafo. É possível substituir a folha de estilos padrão criando um arquivo hf_style.css que contenha as definições de estilo que você deseja utilizar.

  1. Crie a folha de estilos em cascata. É possível utilizar a folha de estilos em cascata padrão do Browser de Aplicativos, apresentada a seguir, como exemplo ou gabarito.

  2. Forneça um nome para o arquivo hf_style.css.

  3. Crie um diretório nal_html em uma das duas localizações a seguir:

    • No diretório raiz_servidor_Web\nwdocs do Servidor de Camada Intermediária do ZENworks (por exemplo, apache\nwdocs\nal_html). O diretório nal_html e seu conteúdo são copiados para a estação de trabalho de cada usuário da mesma maneira que o arquivo myapps.html. Para obter informações, consulte Localização dos arquivos.
    • No diretório c:\arquivos de programas\novell\zenworks da estação de trabalho de cada usuário se os usuários não forem acessar a página myapps.html a partir do Servidor de Camada Intermediária do ZENworks.

  4. Copie o arquivo hf_style.css para o diretório nal_html.


Folha de estilos em cascata padrão do Browser de Aplicativos

a  { color: #039; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, 
Swiss, SunSans-Regular; text-decoration: underline }body  { font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }p, option, li, ol, ul  { color: black; font-size: 0.9em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }th  { font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.datalink  { color: #039; text-decoration: underline; margin-top: 2px }.errorlink  { color: #c82727; text-decoration: underline; margin-top: 2px }.errorhead  { color: #c82727; font-style: normal; font-weight: 800; font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em }.formcolumnhead1   { color: #556c79; font-weight: bold; font-size: 0.7em; text-align: center }.formhead1  { color: white; font-weight: bold; font-size: 1em; line-height: 1.2em; background-color: #6b8899; text-align: left; text-indent: 0.5em; letter-spacing: 0.1em; vertical-align: middle }.formhead1b  { color: white; font-weight: bold; font-size: 1em; line-height: 1.2em; background-color: #6b8899; text-align: left; text-indent: 0.5em; letter-spacing: 0.1em; vertical-align: middle }.formhead2  { color: black; font-weight: bold; font-size: 1em; line-height: 1.2em; text-align: left; vertical-align: middle }.formdescriptext   { color: #355263; font-size: 0.8em; margin-left: 1em }.head1   { color: black; font-weight: bold; font-size: 1.3em; line-height: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 0.6em }.head1a   { color: #663; font-weight: bold; font-size: 1.3em; line-height: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 0.6em; margin-left: 1em }.head1b   { color: black; font-weight: bold; font-size: 1.3em; line-height: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head1w   { color: white; font-weight: bold; font-size: 1.3em; line-height: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head2   { color: black; font-weight: bold; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.4em }.head2a   { color: #663; font-weight: bold; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.4em }.head2b  { color: black; font-weight: 600; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: 0.1em; margin-top: 0.4em; margin-bottom: 0.3em; border-bottom: 2px solid #6c8899 }.head2tm6   { color: black; font-weight: bold; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.6em }.head2w  { color: #fff; font-weight: bold; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head2indent  { color: black; font-weight: bold; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.4em; margin-left: 0.5em }.head3  { color: black; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.3em }.head3a  { color: #663; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.3em }.head3b  { color: black; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }.head3center  { color: black; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center }.head3indent   { color: black; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.3em; margin-left: 1em }.head3tm6   { color: black; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.6em }.head3w  { color: #fff; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head4   { color: black; font-weight: bold; font-size: 0.85em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.2em }.head4b   { color: #663; font-weight: bold; font-size: 0.85em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.2em }.head4tm6   { color: black; font-weight: bold; font-size: 0.85em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.6em }.head5   { color: black; font-weight: 600; font-size: 0.75em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.2em }.head5b   { color: #663; font-weight: 600; font-size: 0.75em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.2em }.head5tm6   { color: black; font-weight: 600; font-size: 0.75em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0.6em; margin-left: 2em }.hint1  { color: #663; font-size: 12px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.hint1centered   { color: #663; font-size: 12px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center }.hint1right   { color: #663; font-size: 12px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: right }.inactive  { color: #738c9c }.indent1   { margin-top: 0.3em; margin-left: 1em }.indent1b  { line-height: 18pt; margin-top: 0.5em; margin-left: 1em }.indent1c  { margin-top: 0.8em; margin-left: 1em }.iconindent1  { margin-left: 18px }.iconindent2  { margin-left: 34px }.indent2  { margin-top: 0.3em; margin-left: 2em }.indent3  { margin-top: 0.3em; margin-left: 3em }.indentall     { margin-left: 0.5em }.listhead1  { color: black; font-style: normal; font-weight: 800; font-size: 12pt; text-indent: .3em; }.mainnavlink  { font-weight: bold; font-size: 15pt; line-height: 18pt; }.margintop1  { margin-top: 0.3em }.margintop2  { margin-top: 0.5em }.margintop3  { margin-top: 1em }.marginleft1  { margin-left: 1em }.marginleft1b { font-size: 0.85em; margin-left: 1em }.marginleft2  { margin-left: 2em }.marginleft3  { margin-left: 3em }.marginleft4  { margin-left: 4em }.navlink  { color: #030; font-weight: normal; text-decoration: underline }.nonproportional  { color: black; font-size: 12pt; font-family: "Courier New", Courier, Monaco }.rowaltcolor  { color: #efeee9 }.serverhead1  { color: #c82727; font-weight: 800; font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext   { font-size: 0.7em; line-height: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.mediumtext { font-size: 0.85em; line-height: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext2c   { color: #355263; font-size: 0.7em; line-height: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width: 400px }.textblue1  { color: #355263; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext2a     { color: #663; font-size: 0.9em; line-height: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext2b   { color: black; font-weight: bold; font-size: 0.8em; line-height: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.subtitle1  { color: black; font-weight: bold; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.subtitle2  { color: white; font-weight: bold; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.headpb  { color: black; font-weight: bold; font-size: 15px; text-align: left; vertical-align: top; letter-spacing:2px;}.tab1s  { color: white; font-weight: bold; font-size: 12px; line-height: 17px; text-decoration: none; background-color: #6b8899; text-align: center }.tab1u  {  color: black; background-color:#DFDDD5; font-size:12px; text-decoration:none; font-weight:bold; text-align:center }.tab2s  { color: white; font-weight: bold; font-size: 11px; text-decoration: none; background-color: #6b8899 }.tab2u  { color: white; font-weight: normal; font-size: 11px; text-decoration: none; background-color: #6b8899 }span.tab1u  { color: black }span.tab2u  { text-decoration: underline }span.tab2s  {text-decoration: underline }.tablecolumnhead1  { color: #663; font-weight: bold; font-size: 0.7em; text-align: center }.tablecolumnhead2   { color: #663; font-weight: 600; font-size: 0.75em }.tablehead1    { font-weight: bold; font-size: 1em; line-height: 1.1em; background-color: #cc9; text-align: left; text-indent: 0.5em; letter-spacing: 0.1em }.tablehead1b   { font-weight: bold; font-size: 1em; line-height: 1.1em; background-color: #cc9; text-align: left; text-indent: 0.5em }.tablesubhead1  { color: black; font-weight: bold; font-size: 0.85em; background-color: #efeee9; text-align: left; text-indent: 0.5em }.tablehead3  { color: black; font-weight: bold; margin-left: .5em }.tabb  { font-weight: bold; font-size: 14pt;}.tabw  { color: white; font-weight: bold; font-size: 14pt; }.task1  { margin-top: 0.3em; margin-left: 1em; font-size: 0.8em }.task2  { margin-top: 0.3em; margin-left: 2em; font-size: 0.8em }.windowheaddgrey  { color: #5a5958; font-weight: bold; font-size: 18pt; line-height: 18pt; letter-spacing: 1px }.windowheadblack  { color: #5a5958; font-weight: bold; font-size: 18pt; line-height: 18pt; letter-spacing: 1px }.windowheadwhite  { color: white; font-weight: bold; font-size: 18pt; line-height: 18pt; letter-spacing: 1px }.width350  { width: 350px }.width400  { width: 400px }.width450  { width: 450px }.width500  { width: 500px }