html, body
{
  height:        100%;
  border:        none;
  margin:        0px;
  padding:       0px;
  font-family:   arial;
  font-size:     10pt;
}

/*************************
 * Top Menu              *
 *************************/

.menu
{
    position:         absolute;
    font-family:      arial;
    font-size:        10pt;
    background-color: #eee;
    color:            blue;
    border:           0px threedhighlight solid;
    cursor:           default;
    visibility:       hidden;
    line-height:      140%;
}

td.main-menu
{
    background-color:  #006699;
    background-image: url('/images/menu_selected_bg.gif');
    background-repeat:repeat-x;
}

table.header
{
/*   background-color:  #006699; */
}


div.footer
{
   background-color:  #006699;
   width:             100%;
   border:            0;
   padding:           0;
   margin:            0;   
   color:             lightgray;   
   position:          fixed;
   left:              0;
   bottom:            0; /* 94.3%; */
}

div.footer-address
{
    background-image: url('/images/menu_selected_bg.gif');
    background-repeat:repeat-x;
    width:            100%;
    text-align:       center;
    vertical-align:   middle;
    font-size:        8pt;
    padding:          5px;
    margin:           0;   
}

div.footer-address a
{
    text-decoration:  underline;    
}


div.footer-copyright
{
    width:            100%;
    text-align:       center;
    vertical-align:   middle;
    font-size:        10pt;
    FONT-WEIGHT:      bold;
    padding:          2px;
}

ul.dropDownMenu
{
   padding:          0;
   margin:           0;
	 visibility:       hidden;
   display:          none;
   position:         absolute;
   top:              23px;
   left:             0;
   font-size:        10pt;
   background-color: #eee;
   border:           thin outset;
   cursor:           default;
   list-style:       none outside none;
   z-index:          1000;   
}

ul.topMenu
{
    padding:         0;
    margin:          0;
    list-style:      none outside none;
}

li.topMenuItem
{
    padding:          4px 10px;
    white-space:      nowrap;
    float:            left;
    position:         relative;       
}

li.topMenuItem a
{
    color:            white;  
	  font-weight:      bold;
    text-decoration:  none;
}

li.topMenuItem:hover
{
    background-color: highlight;
    background-image: none;
    visibility:       inherit !important;
}

li.topMenuItem:hover ul.dropDownMenu
{
	  visibility:       visible;
    display:          block;
}

li.menuItem
{
	  padding:          5px 10px;
	  background-color: #eee;
	  cursor:           default;
}

li.menuItem:hover
{
    background-color: highlight;
}

li.menuItem a
{
    color:            blue;
	  font-weight:      normal;
    text-decoration:  none;
    white-space:      nowrap;     
}

li.topMenuItem a:after, li.menuItem a:after
{
    content:          ".";
    display:          block;
    height:           0;
    clear:            both;
    visibility:       hidden;
    border-width:     0;
    border-style:     none;
}

li.menuItem:hover a
{
    color:            highlighttext;
}

li.menuItem img
{
    vertical-align:   middle;
    height:           15px;
    width:            15px;
    border-style:     none;
}

.more
{
    font-family:      WebDings;
    text-align:       right;
    position:         absolute;
}


td.contextMenu
{
    text-align:       right;
    vertical-align:   top;
}

.contextMenu tr
{
    text-align:       right;
    vertical-align:   top;
    background-color: #C0C0C0;
}

/***************
 * Popup Menu  *
 ***************/
#maildiv
{
   visibility:        hidden;
   position:          absolute;
 }

table.popup-window
{
    background-color: #eee;
    border:           thin threedhighlight outset;
}

td.popup-decoration
{
    background-color: highlight;
    border-style:     none;
    vertical-align:   middle;
    min-height:       10px;
    max-height:       10px;
    width:            100%;
}

.popup-decoration table
{
    height:           10px;
    max-height:       10px;
    width:            100%;
    padding:          2px;
}

td.popup-title
{
    font-weight:      normal;
    color:            highlighttext;
    text-align:       left;
    vertical-align:   middle;
}

td.popup-ctrl
{
    text-align:       right;
    vertical-align:   middle;
}

.popup-ctrl img
{
    background-color: grey;
    border:           thin threedhighlight outset;
    width:            12px;
    height:           10px;
}

td.popup-body
{
    vertical-align:   top;
    text-align:       left;
    width:            100%;
    height:           100%;
}

table.objectMenu
{
    border-style:     none;
    border-collapse:  collapse;
}


.objectMenuItem td
{
    VERTICAL-ALIGN:   middle;
    PADDING:          5px;
    FONT-WEIGHT:      normal;
    COLOR:            #ccc;
    BACKGROUND-COLOR: #eee;
}

.objectMenuItem a
{
    COLOR:         #ccc;
}

.objectMenuItem IMG
{
    VERTICAL-ALIGN: middle;
    text-align:     left;
    WIDTH:          15px;
    HEIGHT:         15px;
    BORDER-STYLE:   none;
}

.objectMenuItem#Selected TD
{
    FONT-WEIGHT:      normal;
    COLOR:            highlighttext;
    BACKGROUND-COLOR: highlight
}


td.motto
{
    text-align:       left;
}
.motto a
{
    FONT-WEIGHT:      bold;
    FONT-SIZE:        12pt;
    letter-spacing:   2pt;
}

/************************
* Object List           *
*************************/

div.page-container
{
    text-align:      left;
    width:           100%;
    height:          84%;
    display:         block;
}

div.page-container-extra:after
{
    content:          ".";
    display:          block;
    height:           0;
    clear:            both;
    visibility:       hidden;
    border-width:     0;
    border-style:     none;
}

th.content-table-header
{
    FONT-WEIGHT:      normal;
    BORDER:           1px outset;
    PADDING-RIGHT:    5px;
    PADDING-LEFT:     5px;
    PADDING-BOTTOM:   2px;
    PADDING-TOP:      2px;
}

table.table-body
{
  width:            100%;
  border-style:     hidden;
  border-collapse:  collapse;
  PADDING-TOP:      1ex;
}

.table-body td
{
    PADDING-RIGHT:    5px;
    PADDING-LEFT:     5px;
    PADDING-BOTTOM:   0px;
    PADDING-TOP:      0px
    margin:           0px;
}

td.table-cell-img
{
    text-align:       center;
    cursor:           pointer;
}

.table-cell-form TD
{
    VERTICAL-ALIGN:   top;
    WHITE-SPACE:      nowrap;
}
.row-normal TD
{
    BACKGROUND-COLOR: white;
}

.row-alternate TD
{
    BACKGROUND-COLOR: #eee;
}

img.mapped
{
    border:  none;
}

img.thumbnail
{
    border:  none;
    width:   80px;
    height:  60px;
}

td.page-title
{
    FONT-WEIGHT:      bold;
    FONT-SIZE:        15pt;
    padding-top:      1ex;
    padding-bottom:   1ex;
    white-space:      nowrap; 
    vertical-align:   top;
}

td.page-title a
{
    FONT-WEIGHT:      bold;
    FONT-SIZE:        15pt;
}

a.page-title
{
    FONT-WEIGHT:      bold;
    FONT-SIZE:        15pt;
}

/***************
 * News
 ***************/

table.news
{
  border-style:     none;
  border-collapse:  collapse;
  width:            100%;
}

.news td
{
  padding:          10px 10px;
}

/***************
 * Product
 ***************/

td.product
{
  padding:          0px;
  vertical-align:   top;
}

/***************
 * Service Matrix
 ***************/
 
 table.service-matrix
 {
    text-align:      left;
    border:          2px blue outset;
    border-collapse: collapse;
    width:           100%;
 }
 
 .service-matrix th
 {
    text-align:      center;
 }
 
 .service-matrix td
 {
    padding:        10px;
 }
 
 th.service-matrix-apps 
 {
    width:   100%;
 }

 table.service-matrix-apps 
 {
    width:   100%;
    border-collapse: separate;
    table-layout: fixed;
 }
 
 .service-matrix-apps td
 {
    text-align:       center;
    BACKGROUND-COLOR: lightgray;
    font-weight:      bold;
    border-width:     1px;
    border-style:     outset;
 }
 
 td.service-matrix-name
 {
    white-space:      nowrap; 
     BACKGROUND-COLOR: lightyellow;
    font-weight:      bold;
    COLOR:            black;    
 }

 td.service-matrix-data
 {
    text-align:       center;
    COLOR:            blue;
 }
 
.service-matrix-name a:link 
{
  color: black;
}

.service-matrix-name a:visited
{
  color: gray;
}

 
 ul.square-list
 {
   list-style-type: square
 }
 
td.attr-name
{
  white-space:   nowrap; 
  padding-left:  1ex;
  padding-right: 1ex;
} 

td.attr-value
{
  valign:   top; 
} 

td.attr-input
{
  width: 100%; 
} 

td.bottom-filler
{
    height: 100%;    
}

td.news-date
{
  color:blue; 
  white-space:nowrap; 
  vertical-align:top
}

td.session
{
  color:        blue; 
  padding:      1ex;
  white-space:  nowrap; 
}

/*****************************
  *  Product Headers
  ***************************/

div.product-header
{
	display:         block;
	padding-left:    1ex; 
	padding-right:   1ex; 
	padding-top:     1ex; 
	padding-bottom:  1ex; 
}

div.product-menu
{
	display:         inline;
	padding-left:    1ex; 
	padding-right:   1ex; 
	padding-bottom:  1ex; 
}

div.product-logo:after
{
    content:          ".";
    display:          block;
    height:           0;
    clear:            both;
    visibility:       hidden;
    border-width:     0;
    border-style:     none;
}

div.product-logo
{
	display: block;
	padding: 0;
	margin: 0;	
}

div.product-logo:after
{
    content:          ".";
    display:          block;
    height:           0;
    clear:            both;
    visibility:       hidden;
    border-width:     0;
    border-style:     none;
}

td.logo-cell
{
  padding-top: 2ex;
  text-align:  left;  
}

li.logo-center 
{
    padding:         2ex 2ex;
    white-space:     nowrap;
    float:           left;
    position:        relative;       
    vertical-align:  middle;
}

li.logo-center a
{
  text-align:      center;
	vertical-align:  middle;  
  text-decoration: none;  
}

img.logo
{
  z-index:         -1;
  border-style:    none;  
}

a.logo-left
{
	float:           left;
	text-decoration: none;
	vertical-align:  middle;	
}

a.logo-left img
{
  vertical-align:  middle;
  border-style:    none; 	
}

a.logo-right
{
	float: right;
	text-decoration: none;
  vertical-align:  middle;	
  padding-left:    1em;
}

a.logo-right img
{
  	vertical-align:  middle;	
  	border-style:    none; 	
}

div.product-title
{
	display: block;
	clear: both;
	padding: 0;
	margin: 0;	
}

div.product-title *
{
	margin: 0;	
}

div.product-motto
{
	display: block;
	clear: both;
	padding: 0;
	margin: 0;	
}

div.product-motto a
{
	font-style:       italic;
    FONT-WEIGHT:      bold;
    FONT-SIZE:        12pt;
    white-space:      nowrap; 
}