@charset "UTF-8";

/**
 * Disable browser default stylesheet.
 */

html {
    background-color: #ffffff;
    color           : #000000;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin : 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing : 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style : inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style-type: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size  : 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border      : 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    background-color: transparent;
    color           : #000000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size  : inherit;
    font-style : inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}


/**
 * General
 */

body {
    font-family: sans-serif;
}

a {
    background-color: transparent;
    color           : #21759b;

    text-decoration : none;
}

a:hover, a:active {
    text-decoration : underline;
}

div.unused {
    display: hidden;
}

/**
 * header
 */

div.header {
    padding-top     : 8px;
    padding-right   : 16px;
    padding-bottom  : 8px;
    padding-left    : 16px;

    background-color: #464646;
    color           : #ffffff;
}


div.header:after {
    content   : "."; 
    display   : block; 
    height    : 0; 
    clear     : both; 
    visibility: hidden;
}

div.header {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html div.header {
    height: 1%;
}
div.header {
    display: block;
}
/* End hide from IE-mac */


h1 {
    font-size  : large;
    font-weight: bold;
}


/**
 * body
 */

div.body {
    padding: 24px;
}

div.body:after {
    content   : "."; 
    display   : block; 
    height    : 0; 
    clear     : both; 
    visibility: hidden;
}

div.body {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html div.body {
    height: 1%;
}
div.body {
    display: block;
}
/* End hide from IE-mac */


div.menu {
    float: left;

    width: 12em;
}

div.body div.contents {
    float      : left;

    margin-left: 16px;

    /* width      : 48em; */
}


/**
 * footer
 */

div.footer {
    padding-top      : 8px;
    padding-right    : 16px;
    padding-bottom   : 8px;
    padding-left     : 16px;

    background-color : #464646;
    color             : #ffffff;

    font-size        : small;
}

div.footer:after {
    content   : "."; 
    display   : block; 
    height    : 0; 
    clear     : both; 
    visibility: hidden;
}

div.footer {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html div.footer {
    height: 1%;
}
div.footer {
    display: block;
}
/* End hide from IE-mac */


div.footer a
{
    background-color: transprent;
    color           : #ffffff;

    text-decoration : none;
}


/**
 * Menu
 */

ul.menu {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #cccccc;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #cccccc;

    font-size       : small;
}

ul.menu ul {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;

    background-color: #ffffff;
    color           : #21759b;
}

ul.menu ul li {
    padding-top   : 2px;
    padding-right : 4px;
    padding-bottom: 2px;
    padding-left  : 4px;

    border-bottom-style: none;
}

ul.menu h2
{
    margin          : 0px;

    padding-top     : 4px;
    padding-right   : 2px;
    padding-bottom  : 4px;
    padding-left    : 2px;

    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-bottom-width: 1px;

    background-color: #f1f1f1;
    color           : #21759b;

    font-size       : small;
    font-weight     : bold;
}


/**
 * Contents
 */

h2 {
    margin-bottom   : 16px;

    background-color: transparent;
    color           : #464646;

    font-size       : large;
    font-weight     : bold;
}

h3 {
    font-weight  : bold;
}

/**
 * List
 */

table {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #cccccc;
    border-left-style : solid;
    border-left-width : 1px;
    border-left-color : #cccccc;

    font-size         : small;
}

th {
    padding-top          : 4px;
    padding-right        : 8px;
    padding-bottom       : 4px;
    padding-left         : 8px;

    border-top-style     : solid;
    border-top-width     : 1px;
    border-top-color     : #cccccc;


    background-image     : url("../images/gray-grad.png");
    background-repeat    : repeat-x;
    background-position  : top left;
    background-attachment: scroll;
    background-color     : #dfdfdf;
    color                : #464646;

    font-weight: bold;
}

td {
    padding-top         : 4px;
    padding-right       : 8px;
    padding-bottom      : 4px;
    padding-left        : 8px;

    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-bottom-color : #cccccc;

    background-color    : transparent;
    color               : #464646;

    vertical-align      : top;
}

tr.even td {
    background-color: #f9f9f9;
    color           : #464646;
}

td ul.actions {
    margin-top       : 4px;

    font-size        : 0.9em;
}

td ul.actions:after {
    content   : "."; 
    display   : block; 
    height    : 0; 
    clear     : both; 
    visibility: hidden;
}

td ul.actions {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html td ul.actions {
    height: 1%;
}
td ul.actions {
    display: block;
}
/* End hide from IE-mac */

td ul.actions li {
    float       : left;

    margin-right: 1em;
}


/**
 * Form
 */

div.field div.name {
    font-size  : small;
    font-weight: bold;
}

div.field
{
    margin-bottom: 16px;
}

div.error {
    padding          : 8px;

    background-color: #ffe8f5;
    color             : #000000;
}

div.error div.error {
    background-color: transparent;
    color             : #ff0000;

    font-size        : small;
}

div.field ul.note li {
    list-style-type : disc;

    margin-left     : 16px;

    background-color: transparent;
    color           : #333333;

    font-size       : x-small;
}

div.field ul.note li em {
    font-size  : 1.2em;
    font-weight: bold;
}

div.field div.list {
    overflow    : auto;

    border-style: solid;
    border-width: 1px;
    border-color: #8cacbb;

    width       : 36em;
    height      : 15em;

}

div.field div.list table {
    border-top-style   : none;
    border-right-style : none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #8cacbb;
    border-left        : none;

    width: 100%;
}

div.item input {
    border-style     : solid;
    border-width     : 1px;
    border-color     : #8cacbb;

    background-image : url("../images/input_background.gif");
    background-repeat: repeat-x;

    font-size        : large;
}

div.item input.readonly {
    background-image: none;
    background-color: #dddddd;
    color           : #888888;
}

div.item textarea {
    border-style     : solid;
    border-width     : 1px;
    border-color     : #8cacbb;

    background-image : url("../images/input_background.gif");
    background-repeat: repeat-x;
    background-color : #ffffff;
    color              : #000000;

    font-size        : medium;
}

div.item p {
    margin-top   : 4px;
    margin-bottom: 16px;

    padding-top  : 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left  : 8px;

    border-style : solid;
    border-width : 1px;
    border-color : #8cacbb;
}

div.item div.value {
    overflow    : auto;

    padding     : 8px;

    width       : 36em;
    height      : 15em;

    border-style: solid;
    border-width: 1px;
    border-color: #8cacbb;

}

fieldset.action input {
    padding-top          : 2px;
    padding-right        : 8px;
    padding-bottom       : 8px;
    padding-left         : 2px;

    border-style         : solid;
    border-width         : 1px;
    border-color         : #bbbbbb;

    color                : #464646;
    background-color     : #f2f2f2;
    background-image     : url("../images/white-grad.png");
    background-repeat    : repeat-x;
    background-position  : top left;
    background-attachment: scroll;

    font-size            : small;
}

fieldset.action input:hover {
    border-color    : #666666;

    color           : #000000;
    background-color: #eeeeee;
    background-image: url("../images/white-grad-active.png");
}



/**
 * Information
 */

div.information {

    margin-top    : 16px;
    margin-bottom : 16px;

    padding        : 16px;

    border-style: solid;
    border-color: #000000;
    border-width: 1px;

}

div.success {

    background-color: #e2fff0;
    color           : #000000;

    border-color    : #6fc296;

}

div.fail {

    background-color: #ffdff5;
    color           : #000000;

    border-color    : #fc98de;

}

div.contents div.warning {

    background-color: #fffad1;
    color           : #000000;

    border-color    : #f6de6d;

}

div.complete {
    margin-top   : 16px;
    margin-bottom: 16px;

    padding      : 16px;

    border-style : solid;
    border-color : #8cacbb;
    border-width : 1px;

    font-size    : small;
    line-height  : 1.2em;
}

div.complete h3 {
    margin-bottom: 16px;

    font-size    : large;
}

div.complete em {
    background-color: transparent;
    color           : #ff0000;

    font-style      : normal;
    font-weight     : bold;
}

ul.error {
    border-top-style  : solid;
    border-top-width  : 1px;
    border-top-color  : #8cacbb;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #8cacbb;
    border-left-style : solid;
    border-left-width : 1px;
    border-left-color : #8cacbb;

    font-size         : small;
}

ul.error li {
    padding-top        : 2px;
    padding-right      : 8px;
    padding-bottom     : 2px;
    padding-left       : 8px;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #8cacbb;
}

/*
div.contents div.result {

    margin-top    : 16px;
    margin-bottom : 16px;

    padding        : 16px;

    border-style: solid;
    border-color: #000000;
    border-width: 1px;

}

div.contents div.success {

    background-color: #e2fff0;
    color           : #000000;

    border-color    : #6fc296;

}

div.contents div.error {

    background-color: #ffdff5;
    color           : #000000;

    border-color    : #fc98de;

}

div.contents div.information {

    background-color: #fffad1;
    color           : #000000;

    border-color    : #f6de6d;

}

div.contents div.result ul {
    margin-top : 4px;
    margin-left: 2em;
}

div.contents div.result ul li {
    list-style-type: disc;
}
*/