/**
 * $Id: norther.css,v 1.77 2010-05-31 07:58:08 cvsimp Exp $
 *
 * Id pattern: [A-Za-z][A-Za-z0-9:_.-]*
 */
 
*
{
    /* To apply body fonts to everywhere? */
    font-size: 100%;
}

/**
 * Body and headers.
 */
html, body, .body
{
    /**
     * Works with Mozilla 1.7, Firefox 1.5, 
     * MSIE 6.0, Opera 9.0, WIE 7.0.
     */
    height: 100%;
}

html, body, form, div
{
    margin: 0px; 
    padding: 0px;
}

body
{
    color: #000033;
    background-color: #FFFFFF;
    font-family: "verdana", "arial", "helvetica", sans-serif;
    font-size: 70%;
    font-style: normal;
    font-weight: normal;
}

input, select, option, textarea
{
    font-family: "verdana", "arial", "helvetica", sans-serif;
}

h1, h2, h3, h4, h5, p, .para
{
    /* Mozilla doesn't adjust ems correctly!
       margin: 0.5em 0.25em 0em 0.25em; */
    margin: 1ex 0ex 0.5ex 0ex;
}

h1
{
    font-size: 150%;
    font-weight: normal;
}

h2
{
    font-size: 120%;
    font-weight: bold;
}

h3
{
    font-size: 100%;
    font-weight: bold;
}

h4, h5
{
    font-size: 100%;
    font-weight: normal;
    font-style: italic;
}

p.section
{
    margin-top: 3ex;
}

/**
 * Links.
 */
img
{
    margin: 0px;
    border-width: 0;
    vertical-align: text-bottom;
}

input[type="image"]
{
    margin: 0px;
    border-width: 0;
    vertical-align: text-bottom;
}

img.button
{
    vertical-align: text-bottom;
}

button.image
{
    vertical-align: bottom;
}

a:link, a:visited, a.script, a.image:hover, a.rect:hover
{
    color: #0033CC;
    text-decoration: none;
}

a:hover
{
    color: #901D00;
    text-decoration: underline;
}

a.current, a.current:hover
{
    color: #000033;
    text-decoration: none;
}

a.rect, a.rect:link, a.rect:visited
{
    padding: 4px;
}

a.rect:hover
{
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.script
{
    cursor: pointer;
}

/**
 * Specific elements.
 */
pre, code, samp
{
    font-family: "courier new", "courier", monospace;
}

code, samp
{
    background-color: #FAF9FF;
}

samp
{
    padding: 0.1ex 0.4ex 0.1ex 0.4ex;
}

/**
 * Page layout.
 */
table.body, 
#layout table.layout,
#area table.area,
#header table.header,
#footer table.footer,
#pipe table.pipe, 
#navi table.navi
{
    width: 100%;
}

#page
{
    padding: 0ex 1.0ex 0ex 1.0ex;
}

#page table.page
{
    width: 128ex;
}

#footer
{
    vertical-align: bottom;
}

#header .borderline 
{
    border-width: 0px 0px 1px 0px;
}

#footer .borderline 
{
    border-width: 1px 0px 0px 0px;
}

#pipe .borderline
{
    border-color: transparent;
    border-style: none;
    border-width: 0px;
}

#path
{
    padding-left: 4px;
}

#area
{
    padding: 4px;
}

#error #page, .warning
{
    color: #CC3300;
    background-color: transparent;
}

.warning input, .warning textarea,
.warning select, .warning option,
input.warning
{
    color: #CC3300;
    background-color: #FFFF99;
}

#navi
{
    background-color: #EEEEFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    width: 32ex;
}

#navi div.default, #navi div.help
{
    margin-top: 1ex;
}

#navi div
{
    vertical-align: top;
	white-space: nowrap;
    font-weight: normal;
}

#navi a, #navi a:link, #navi a:visited, #navi a:hover,
#navi a.current:hover, #navi a.disabled:hover
{
    display: block;
    padding: 0.75ex 0.75ex 0.75ex 0.75ex;
}

#navi a.current:hover, #navi a.disabled:hover
{
    text-decoration: none;
}

#navi a.current:hover
{
    color: #000033;
}

#navi div.icon a, #navi div.icon a:link, #navi div.icon a:visited, 
#navi div.icon a:hover
{
    background-repeat: no-repeat;
    background-position: 2px;
}

#navi div.icon a, #navi div.icon a:link, #navi div.icon a:visited, #navi div.icon a:hover,
#navi div.icon a.current:hover, #navi div.icon a.disabled:hover
{
    padding: 0.75ex 0.75ex 0.75ex 15px;
}

#navi div div div a, #navi div div div a:link,  
#navi div div div a:visited, #navi div div div a:hover,
#navi div div div a.current:hover, #navi div div div a.disabled:hover
{
    padding-left: 2.25ex;
}

#navi div.icon div div a, #navi div.icon div div a:link,
#navi div.icon div div a:visited, #navi div.icon div div a:hover,
#navi div.icon div div a.current:hover, #navi div.icon div div a.disabled:hover
{
    background-position: 15px;
    padding-left: 28px;
}

.icon a.link
{
    background-repeat: no-repeat;
    background-position: 2px;
    padding-left: 15px;
}

.icon .this_enabled
{
    background-image: url("../image/flow/blue/thisenabled.gif");
}

.icon .this_disabled
{
    background-image: url("../image/flow/gray/thisdisabled.gif");
}

.icon .open_enabled
{
    background-image: url("../image/flow/blue/thisenabled.gif");
}

.icon .open_disabled
{
    background-image: url("../image/flow/gray/thisdisabled.gif");
}

.icon .close_enabled
{
    background-image: url("../image/flow/blue/closeenabled.gif");
}

.icon .close_disabled
{
    background-image: url("../image/flow/gray/closedisabled.gif");
}

.icon .prev_enabled
{
    background-image: url("../image/flow/blue/nextenabled.gif");
}

.icon .prev_disabled
{
    background-image: url("../image/flow/gray/nextdisabled.gif");
}

.icon .next_enabled
{
    background-image: url("../image/flow/blue/nextenabled.gif");
}

.icon .next_disabled
{
    background-image: url("../image/flow/gray/nextdisabled.gif");
}

.icon .back_enabled
{
    background-image: url("../image/flow/blue/backenabled.gif");
}

.icon .back_disabled
{
    background-image: url("../image/flow/gray/backdisabled.gif");
}

.icon .help_enabled
{
    background-image: url("../image/flow/blue/helpenabled.gif");
}

/**
 * Tabs.
 */
#tabs
{
    background: #EEEEEE url("../image/tabs/gray/background.gif") repeat-x scroll bottom left;
}

#tabs ul 
{
    margin: 0px;
    padding: 1ex 0ex 0ex 4px;
    list-style: none;
    float: left; /* Required, improves layout. */
}

#tabs li 
{
    margin: 0px;
    padding: 0px 0px 0px 8px;
    text-align: center;
    float: left;
    background: transparent url("../image/tabs/gray/leftinactive.gif") no-repeat scroll top left; 
}

#tabs li a
{
    padding: 4px 12px 4px 2px;
    white-space: nowrap;
    display: block; 
    float: none;
    background: transparent url("../image/tabs/gray/rightinactive.gif") no-repeat scroll top right; 
}

#tabs li#active_tab
{
    background-image: url("../image/tabs/gray/leftactive.gif"); 
}

#tabs li#active_tab a
{
    padding-bottom: 5px; /* +1 px to hide the bottom border. */
    font-weight: bold;
    background-image: url("../image/tabs/gray/rightactive.gif"); 
}

#tabs div
{
    padding: 1.0ex 1.5ex 0ex 0ex;
    white-space: nowrap;
    text-align: right;
    font-size: 85%;
    float: right;
}

#path
{
    font-size: 85%;
}

#path ul 
{
    background-image: url("../image/icon/home.gif");
    background-repeat: no-repeat;
    background-position: 0.5ex;
    margin: 0px;
    padding: 1.5ex 0ex 1.5ex 16px;
    list-style: none;
    float: left; /* Required, keeps background in shape. */
}

#path li 
{
    padding: 0ex 0.5ex 0ex 0.5ex; 
    white-space: nowrap;
    float: left;
}

#path div
{
    padding: 1ex 1.5ex 1ex 0ex;
    white-space: nowrap;
    text-align: right;
    float: right;
}

/**
 * Tables, lists and forms.
 */
th, td
{
    vertical-align: top;
}

th
{
    color: #000033;
    font-weight: bold;
    background-color: #6699CC;
    padding: 0.5ex 0ex 0.5ex 0ex;
}

td.status
{
    vertical-align: bottom;
    text-align: right;
}

ul.array
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    clear: left;
}

ul.array li
{
    margin: 0px;
    padding: 0ex 1ex 0ex 0ex;
    float: left;
}

form
{
    display: inline;
    float: none;
}

input[type="submit"].narrow,
input[type="button"].narrow,
input[type="reset"].narrow
{
    width: 8ex;
}

input[type="submit"].normal,
input[type="button"].normal,
input[type="reset"].normal
{
    width: 12ex;
}

input[type="submit"].wide,
input[type="button"].wide,
input[type="reset"].wide
{
    width: 26ex;
}

input[type="submit"].default,
input[type="button"].default,
input[type="reset"].default
{
    font-weight: bold;
}

input.go
{
    padding: 0ex 1.25ex 0ex 1.25ex;
    background-repeat: no-repeat; 
    background-position: center center; 
}

input.search
{
    background-image: url("../image/icon/search.gif");
}

ul.widget
{
    margin: 0px;
    padding: 0.25ex 0.5ex 0.25ex 0ex;
    list-style: none;
    clear: left;
    /* No float left here, otherwise IE loses its horizontal scrollbar. */
}

ul.widget li
{
    padding: 0px;
    float: left;
}

ul.widget li.input textarea,
ul.widget li.output textarea,
ul.widget li.input select,
ul.widget li.input option
{
    width: 50ex;
}

ul.widget li.submit
{
    padding: 1ex 1ex 0ex 1ex;
}

ul.widget li.help
{
    padding: 1ex 1ex 0ex 3ex;
}

ul.widget li.output table.output td
{
    border-style: none;
    border-width: 0px;
}

.browser ul.widget li.submit,
.browser ul.widget li.help
{
    margin-top: 1ex;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
}   

.block,
ul.widget li.block
{
    float: none;
}

.clear,
ul.widget li.clear,
div.void,
.form h3,
.form div.head,
.form div.group,
.form div.warning
{
    clear: left;
}

.form .head,
.form .group
{
    font-weight: bold;
    padding: 1.0ex 0ex 0.5ex 0ex;
}

.form .descr
{
    width: 32ex;
}

.form .detail
{
    padding-top: 0.25ex;
    padding-left: 2.0ex;
    font-size: 90%;
}

.form li.toggle
{
    padding-right: 1.0ex;
}

.form td.toggle
{
    width: 20px;
    padding: 0ex;
}

.full, table.full
{
    width: 100%;
}

.auto, table.auto
{
    width: auto;
}

table.sheet td.cell
{
    padding: 0.25ex 0.5ex 0ex 0.5ex;
}

table.sheet td.number
{
    text-align: right;
}

table.sheet td.cell li.table
{
    width: 100%;
}

table.sheet td.cell textarea
{
    width: 99%;
}

table.sheet td.cell textarea
{
    width: 99%;
}

table.tree
{
    width: 100%;
}

table.grid table.list td,
table.grid table.tree td,
table.list td,
table.tree td
{
    padding-top: 0.2ex;
    padding-bottom: 0.2ex;
    padding-right: 0.5ex;
}

table.list td.more,
table.tree td.more
{
    white-space: nowrap;
    padding-left: 2ex;
}

table.tree td.image
{
    padding-left: 0.25ex;
}

table.tree td.action
{
    width: 16px;
}

table.tree td.control
{
    padding-right: 0px;
}

table.tree img.tree
{
    width: 16px;
    height: 16px;
    margin: 0px;
}

table.index th, 
table.index td
{
    padding: 0ex 2.0ex 1.0ex 0ex;
}

table.mbean
{
    width: 128ex;
}

table.mbean th
{
    padding: 0.5ex 0.5ex 0.5ex 0.5ex;
}

table.mbean td
{
    padding: 0.25ex 0.5ex 0.25ex 0.5ex;
}

table.mbean input[type="text"],
table.mbean textarea
{
    /* WIE7 exceeds borders if set to 100%, 97% is appropriate for MBeans. */
    width: 97%;
}

.inset .form th, .inset .form td,
table.grid th, table.grid td,
table.pad th, table.pad td,
table.border
{
    padding: 0.25ex 0.5ex 0.25ex 0.5ex;
}

div.location
{
    display: none;
    position: absolute;
    background-color: white;
    border: outset 2px #CCCCCC;
    padding: 2px;
}

/**
 * Borders and boxes.
 */
table.grid, table.grid th, table.grid td, 
.border, .bordertop, .borderright, .borderbottom, .borderleft, 
.bordertopright, .bordertopbottom, .bordertopleft, .borderrightleft, .borderrightbottom, .borderbottomleft, 
.bordertoprightbottom, .bordertoprightleft, .bordertopbottomleft, .borderrightbottomleft
{
    border-color: #CCCCCC;
    border-style: solid;
}

.borderline
{
    background-color: transparent;
    border-width: 1px 0px 0px 0px;
    border-color: #003399;
    border-style: solid;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    height: 1px;
}

table.grid
{
    border-width: 0px 1px 1px 0px;
}

table.grid th, 
table.grid td
{
    border-width: 1px 0px 0px 1px;
}

table.grid td.table,
table.grid table.list td,
table.grid table.tree td
{
    border-style: none;
    border-width: 0px;
}

table.grid th.colspan, 
table.grid td.colspan
{
    border-left-width: 0px;
}

table.grid th.rowspan, 
table.grid td.rowspan
{
    border-top-width: 0px;
}

.border
{
    border-width: 1px;
}

.bordertop
{
    border-width: 1px 0px 0px 0px;
}

.borderright
{
    border-width: 0px 1px 0px 0px;
}

.borderbottom
{
    border-width: 0px 0px 1px 0px;
}

.borderleft
{
    border-width: 0px 0px 0px 1px;
}

.bordertopright
{
    border-width: 1px 1px 0px 0px;
}

.bordertopbottom
{
    border-width: 1px 0px 1px 0px;
}

.bordertopleft
{
    border-width: 1px 0px 0px 1px;
}

.borderrightbottom
{
    border-width: 0px 1px 1px 0px;
}

.borderrightleft
{
    border-width: 0px 1px 0px 1px;
}

.borderbottomleft
{
    border-width: 0px 0px 1px 1px;
}

.bordertoprightbottom
{
    border-width: 1px 1px 1px 0px;
}

.bordertoprightleft
{
    border-width: 1px 1px 0px 1px;
}

.bordertopbottomleft
{
    border-width: 1px 0px 1px 1px;
}

.borderrightbottomleft
{
    border-width: 0px 1px 1px 1px;
}

.box, table.box
{
    padding: 0.5ex 0.5ex 0.5ex 0.5ex;
    margin: 0.5ex 0.5ex 0.5ex 0.5ex;
}

.bar
{
    margin: 0ex 1.0ex 0ex 0.5ex;
}

.tab0
{
    padding-left: 0ex;
}

.tab1
{
    padding-left: 2ex;
}

.tab2
{
    padding-left: 4ex;
}

.tab3
{
    padding-left: 6ex;
}

.tab4
{
    padding-left: 8ex;
}

.tab5
{
    padding-left: 10ex;
}

.tab6
{
    padding-left: 12ex;
}

.tab7
{
    padding-left: 14ex;
}

.tab8
{
    padding-left: 16ex;
}

.tab9
{
    padding-left: 18ex;
}

/**
 * Emphasis.
 */
.plain
{
    color: #000033;
    font-weight: normal;
    background-color: transparent;
}

.disabled, a.disabled, a.disabled:hover, 
#navi a.disabled, #navi a.disabled:hover, 
#navi div div div a.disabled, #navi div div div a.disabled:hover
{
    color: #808080;
}

.void,
.hidden
{
    visibility: hidden;
}

.visible
{
    visibility: visible;
}

.void,
.blank
{
    background-color: transparent;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
}

.blank input
{
    border-width: 0;
}

.shadow
{
    background-color: #EEEEFF;
}

.hilite, #marked
{
    color: #005F00;
}

#marked
{
    font-weight: bold;
}

.nowrap
{
	white-space: nowrap;
}

.italic
{
    font-style: italic;
}

.strong
{
    font-weight: bold;
}

.huge
{
    font-size: 200%;
    font-weight: bold;
}

.larger
{
    font-size: 150%;
}

.large
{
    font-size: 120%;
}

.medium
{
    font-size: 100%;
}

.small
{
    font-size: 90%;
}

.smaller
{
    font-size: 85%;
}

.tiny
{
    font-size: 80%;
}

.line
{
    font-size: 50%;
}

.thin
{
    font-size: 25%;
}

.rest
{
    width: 100%;
}

.login
{
    width: 61ex;
}

.report 
{ 
} 

.report td div 
{ 
    margin-left: 4pt; 
    margin-right: 4pt; 
}

@media print
{
    body
    {
        background-image: none;
        margin: 0px;
    }
    
    #header, #footer, #pipe, #navi,
    .control, .browser
    {
        display: none;
    }
}