/* These styles govern the look of the navigation tabs and bars */

/* The profile header */
div.profile              { width:100%; background-image:url('../images/topBg.jpg'); background-color:#808080; 
                           font-family:Verdana, Arial;	font-size:14px; font-style:normal; 
                           position:absolute; left:0px; top:0px; max-height:114px; white-space:nowrap; }
  .profile a:link        { color:#FFFFFF; }
  .profile a:active      { color:#FFFFFF; }
  .profile a:visited     { color:#FFFFFF; }
  .profile a:hover       { color:#FF0000; }
  
address.profile          { position:absolute; top:7px; left:150px }

/* The social networking links and extra functions */
img.resume               { border-collapse:collapse; border-width:0px; width:198px; height:291px; 
                           float:right; margin-left:12px; }
img.linkedin             { border-collapse:collapse; border-width:0px; width:16px; height:16px;
                           position:absolute; top:90px; left:400px; }
img.xing                 { border-collapse:collapse; border-width:0px; width:16px; height:16px;
                           position:absolute; top:90px; left:370px; }

/* The language selection menu */
div.langsel              { font-family:Verdana, Arial; font-size:14px; font-weight:bold; 
                           text-align:right; color:#2F4F4F; clear:both;
                           padding-top:3px ; padding-bottom:3px; white-space:nowrap; }
  .langsel a             { text-decoration:none; }
  .langsel a:link        { color:#00008B; }
  .langsel a:active      { color:#00008B; }
  .langsel a:visited     { color:#00008B; }
  .langsel a:hover       { color:#FF0000; }

span.active              { color:#FF0000; }


/* The certification logos bar */
div.certlogo             { white-space:nowrap; text-align: center;
                           margin-left:auto; margin-right:auto; }
  .certlogo img          { margin: 1px 10px 1px 10px;}

/* The old layout style */
table.navigation         { width: 100%; }
  .navigation td         { font-family: Verdana, Arial; font-size: 14px; font-weight: bold; 
                           text-align: center; height: 23px; empty-cells: show;
                           white-space: nowrap; color: #2F4F4F; background-color: #FFFFFF; }
  .navigation a          { text-decoration: none; }
  .navigation a:link     { color: #00008B; }
  .navigation a:active   { color: #00008B; }
  .navigation a:visited  { color: #00008B; }
  .navigation a:hover    { color: #FF0000; }
  
/* The tab navigation */
td.active                { color: #FF0000; }
td.tabActive             { background-image: url('../images/tabs/tabBgOn.png'); color: #FF0000;
                           white-space: nowrap; width: 160px; min-width: 160px; }
td.tabOff                { background-image: url('../images/tabs/tabBgOff.png'); color: #00008B;
                           white-space: nowrap; width: 160px; min-width: 160px; }
td.tabNone               { background-image: url('../images/tabs/tabBgLine.png');
                           white-space: nowrap; }
td.tab0                  { background-image: url('../images/tabs/tabStartOff.png'); width: 23px;
                           max-width: 23px; min-width: 23px; }
td.tab1                  { background-image: url('../images/tabs/tabStartOn.png'); width: 23px;
                           max-width: 23px; min-width: 23px; }
td.tab2                  { background-image: url('../images/tabs/tabLeftOff.png'); width: 17px;
                           max-width: 17px; min-width: 17px; }
td.tab3                  { background-image: url('../images/tabs/tabLeftOn.png'); width: 17px;
                           max-width: 17px; min-width: 17px; }
td.tab4                  { background-image: url('../images/tabs/tabRightOff.png'); width: 17px;
                           max-width: 17px; min-width: 17px; }
td.tab5                  { background-image: url('../images/tabs/tabRightOn.png'); width: 17px;
                           max-width: 17px; min-width: 17px; }
td.tab6                  { background-image: url('../images/tabs/tabEndOff.png'); width: 23px;
                           max-width: 23px; min-width: 23px; }
td.tab7                  { background-image: url('../images/tabs/tabEndOn.png'); width: 23px;
                           max-width: 23px; min-width: 23px; }