/*
 *  $Id: vzamenu.css,v 1.4 2009/06/15 10:07:04 cvs Exp $
 *
 *  $Log: vzamenu.css,v $
 *  Revision 1.4  2009/06/15 10:07:04  cvs
 *  Bring changes in line with website configuration
 *
 *  Revision 1.2  2007/01/09 16:15:33  cvs
 *  Revised layout information for the top capping area to comply with Safari
 *  browser.
 *
 *  Revision 1.1  2007/01/09 13:27:37  cvs
 *  Initial entry.
 *
 */

* {margin:0; padding:0; font-size:8pt;}
body      {background:#768EBA url(../images/bg_sky.jpg); font-family:"arial", "helvetica", sans-serif;}

a         {text-decoration:none;}
a, img    {border:none;}
/*a img.button  {width:84px;}*/

div.body  {background:transparent url(../images/fuselage_bg.gif) fixed no-repeat center top; font:10px sans-serif; text-align:center;}
div.panel {position:relative; width:790px; margin:auto;}
div.capping_top_left   {float:left; height:20px; width:20px; background:url(../images/panel_capping_top_left.gif) no-repeat;}
div.capping_top_centre {height:20px; width:750px; line-height:20px; float:left; background:url(../images/panel_capping_top.gif) repeat-x; text-align:center; vertical-align:middle;}
div.capping_top_right  {float:left; height:20px; width:20px; background:url(../images/panel_capping_top_right.gif) no-repeat;}
div.capping_left       {clear:left; float:left; height:200px; width:20px; background:url(../images/panel_capping_left.gif) repeat-y;}
div.instrument_panel_bkgnd  {float:left; height:200px; width:750px; background:#666 url(../images/panel_bkgnd.gif) repeat;}
div.instrument_panel_left   {float:left; height:200px; width:180px; text-align:center;}
div.instrument_panel_centre {float:left; height:200px; width:390px; text-align:center;}
div.instrument_panel_right  {float:left; height:200px; width:180px; text-align:center;}
div.capping_right      {float:left; height:200px; width:20px; background:url(../images/panel_capping_right.gif) repeat-y;}
div#sessiontimeout {position:absolute; top:0; left:600px; width:170px; text-align:right;}
div.info_panel_left,
div.info_panel_right        {width:166px; margin:4px auto; border:3px inset #888; background:#BBF url(../images/instrument_panel_outer.jpg);}
div.info_panel_left table th,
div.info_panel_right table th {font-weight:normal; text-align:right; text-transform:uppercase; padding:1px;}
div.info_panel_left table td,
div.info_panel_right table td {text-align:left; padding:1px;}

div.menu_panel              {height:45px; width:378px; margin:4px auto; border:3px inset #888; background:#B8DCB8 url(../images/instrument_panel_h.jpg);}
div.menu_panel table td     {width:25%; padding:1px;}
div.menu_panel table td a   {display:block; text-transform:uppercase; background-color:transparent; color:#000;}
div.menu_panel table td a:hover {color:#AFA; background-color:#777;}

table        {width:100%; border-collapse:collapse; text-align:left;}

table.menudefault {display:none;}
table.menuselected  {display:table;}

table.buttons td    {text-align:center;}

form        {margin:4px auto; width:80%; text-align:right;}
form#register {display:none;}
form input  {margin:1px; height:15px; border:1px dotted #888; background-color:#B8DCB8;}
form label  {font-family:arial,helvetica,sans-serif; color:#000; text-transform:uppercase;}
form button.imageonly {padding:0px; margin:0px;}
input.login_submit  {position:absolute;width:0; height:0; padding:0px; margin:0px; left:-1000px;}
#submit_code        {display:none;}

/*
table     {border-collapse:collapse; width:100%;}
th                  {text-align:right; font-weight:normal; padding:0 2px; color:#222; font-size:8pt}
td                  {text-align:left; padding:0 2px; text-transform:uppercase; color:0;  font-size:8pt}
td.center           {text-align:center;}
td#sessiontimeout   {color:#BBB; font-size:9pt;}

table.panelframe    {height:200px;}
td.capping_top      {height:20px; background:url(../images/panel_capping_top.gif) repeat-x;}
td.capping_topleft  {height:20px; width:20px; background:url(../images/panel_capping_top_left.gif) no-repeat;}
td.capping_topright {height:20px; width:20px; background:url(../images/panel_capping_top_right.gif) no-repeat;}
td.capping_left     {width:20px; background:url(../images/panel_capping_left.gif) repeat-y;}
td.capping_right    {width:20px; background:url(../images/panel_capping_right.gif) repeat-y;}

td.intrument_panel  {vertical-align:top; background:#666 url(../images/panel_bkgnd.gif);}
td.infopanel        {width:150px; vertical-align:top; }
td.spacer           {width:14px;}
td.infopanel div    {border:3px inset #888; background:#BBF url(../images/instrument_panel_outer.jpg);}
td.infopanel div table th {padding:0px 2px; text-align:right; text-transform:uppercase; font-size:xx-small; font-weight:normal;}
td.infopanel div table td {padding:0px 2px; font-size:xx-small; text-align:left;}

div#menupanel {width:378px; margin:4px auto; border:3px inset #888; background:#B8DCB8 url(../images/instrument_panel_h.jpg);}
div#menupanel table td     {width:25%;}
div#menupanel table td a    {display:block; text-transform:uppercase; background-color:transparent; color:#000;}
div#menupanel table td a:hover {color:#AFA; background-color:#777;}

div.menupanel       {border:3px inset #888; background:#B8DCB8 url(../images/instrument_panel_h.jpg); font-size:8pt;}
div.menupanel table {width:100%;}
table.menudefault   {display:none;}
table.menuselected  {display:table;}
div.menupanel table td      {width:25%; padding:0px 2px; text-align:left;}
div.menupanel table td a    {display:block; text-transform:uppercase; background-color:transparent; color:#000;}
div.menupanel table td a:hover {color:#AFA; background-color:#777;}
table.loginpanel, table.loginpanel td, table.loginpanel td label {font-size:9pt; width:auto;}

form input  {margin:1px; padding:0px 2px; border:1px dotted #888; background-color:#B8DCB8; font-size:8pt;}
form label  {font-family:arial,helvetica,sans-serif; color:#000; font-size:9pt!important;}
form button.imageonly {padding:0px; margin:0px;}

table#buttons td    {text-align:center; padding:6px 0px 0px 0px; vertical-align:bottom;}
#submit_code        {visibility:hidden;}
#submit_login,
#submit_register    {height:0px; width:0px; border:none; padding:0; margin:0; z-index:1;}
/* #register           {height:0px; width:0px; border:none; background:transparent; visibility:hidden; z-index:-1;} */


div.default       {display:none;}
div.selected      {display:block;}

/* Help popup
  styles for the overlib library
  NOTE: '!important' is used here to override the inbuilt classes of overlib
*/
#overDiv *        {margin:0; padding:0;}
#overDiv          {position:absolute; width:240px; visibility:hidden; z-index:10000!important; background-color:#DCDCDC; border:1px maroon solid;}
#overDiv table    {background-color:transparent; width:100%; border:none; border-collapse:collapse!important;}
#overDiv table td {background-color:transparent; border:none;}
.help_caption     {background-color:#A00!important; color:#FFF; font-size:small; font-weight:bold; text-align:center; padding:3px;}
.help_text        {font-size:9pt; padding:3px!important;}
.help_text ul     {margin:0 0 0 1em!important;}
.help_text ol,li  {margin:0 0 0 .5em!important;}
.help_text p:first-line {text-indent:1em!important;}