WB 2.11.0

@charset "UTF-8";

/* <![CDATA[ */

/*

*/

* { margin :0px auto; padding :0px; }

* html body * { overflow :visible; }

html {

    padding:0;

    margin:0;

    border:0;

    font-size:85%; font-family: Arial, Verdana, Helvetica, sans-serif;

    color: #202020;

    overflow :-moz-scrollbars-vertical;

    overflow-x :auto;

}

table {font-size: 1em; border-collapse: collapse; width: 100%;}

body {

    padding: 0; border:0; margin: 0;

    background: url('background.png') repeat-x 0px 0px;

    background-color: #a8bccb;

    height: 101%;

}

div.body {

    width: 60em;

    margin: 2em auto;

    background-color: #ffffff;

    border: solid 1px #305c8d;

    padding: 20px 20px 5px 20px;

    border-radius: 1%;

    -webkit-box-shadow: 2px 2px 15px -2px rgba(0,0,0,0.75);

    -moz-box-shadow: 2px 2px 15px -2px rgba(0,0,0,0.75);

    box-shadow: 2px 2px 15px -2px rgba(0,0,0,0.75);

}

.welcome {

  color: #6F7374;

  padding: 5px; 

  text-align: center; 

  font-size: 1.525em; 

  font-weight: bold;

}

div.content {

    margin-top:20px;

}

/*

    TABLE Elements

*/

table {

    background-color: #f8f8ff;

    margin-top: 15px;

    margin-bottom: 5px;

    width: 100%;

    border-style: solid;

    border-width: 1px 2px 2px 1px;

    border-color: #a3baca;

}

    table > thead {

        background-color: #f2f1ff;

    }

        table > thead > tr {

        }

            table > thead > tr > th {

                color: #6F7374;

                font-size: 1.125em;

                padding: 0.525em 0.2em;

                text-align: left;

                border-bottom :1px groove #7E7171; /* #d2d1cc; */

            }

            table > thead > tr > td {

                color: #555758;

                font-size: 1.08em;

                padding: 1.2em 1em;

            }

    table > tbody {

        display: block;

        padding: 0.5em 0;

    }

        table > tbody > tr {

   border-bottom :0px solid #222222; /* #d2d1cc; */

   padding :0.8em 0 0.2em 0;

   width :100%;

}

            table > tbody > tr > th {

                font-size: 1em;

                width: 1%;

                padding-left: 0.8em; padding-right: 0.8em;

                vertical-align: top;

                text-align: right;

                white-space: nowrap;

            }

            table > tbody > tr > td {

                font-size: 1em;

                width: 19%;

                padding-left: 0.8em; padding-right: 0.8em;

                vertical-align: top;

                text-align: left;

            line-height :2em;

            }

td.step-row {

   line-height : 3em;

   color : #666666;

   font-weight : bold;

   font-size : 100%;

}

td.name { 

   width : 180px;

   color: #666666;

   vertical-align :middle;

   font-weight : bold;

   font-size : 90%;

   float :left;

 }

td.value { 

   width : 60%;

   vertical-align :middle;

 }

td.value input { 

   width : 100%;

   vertical-align :middle;

 }

h1.step-row {

   margin : 0;

   display :inline;

   color : #6699ff;

}

/*

    FORM Elements

*/

form { margin: 0; }

input, select { padding: 2px; border: solid 1px #a3baca; }

input:focus, select:focus { background: #fdf8e8; }

input.submit    {

    color: #305c8d;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

    padding: 6px;

    margin: 1em 0;

    cursor: pointer;

    border: outset 2px green;

}

input.submit:hover  {

    border-style: inset;

}

input.submit.bad {

    background-color: #fde8e8;

    border-color: red;

}

input.submit.good {

    background-color: #deffde;

    border-color: green;

}

/*

    COMMON Elements

*/

img {border: none; }

p  { margin: 11px 0 4px 0 }

h1 { color: #3a628f; font-size: 1.3em; margin: 10px 0 5px; border-top: medium none }

a, a:link, a:visited, a:active  { color: #003366; text-decoration: underline }

a:focus {outline: none; }

a:hover  { color: #336699 }

/*

    HINTS

*/

.warning, .error {

    color: #b70000;

    line-height: 1.2em;

    background-color: #fde8e8;

    margin-top: 0.5em;

    padding: 0.3em 0.5em;

    border: solid 1px

}

.warning {

    color: #ca6800;

}

.bad { color: #b70000; font-weight: bold;}

.good { color: #118301; font-weight: bold; }

.warn { color: #ca6800; }

.hint { color: #464646; font-size: 0.85em; }

.small { font-size: 0.85em; }

.italic { font-style: italic; }

.center { text-align: center; }

.hide { display: none; }

/*

    List Elements

*/

ul  { margin: 0; padding: 2px 0 2px 15px; }

li  { list-style-type: square; margin: 0; }

/* ************************************************************************** */