#contentConf
{
        display: block;
        margin: 10px;
        margin-top: 100px;
        background-color: #FFFFFF;
        border: 1px solid #000000;
        text-align: left;
        font-family: Verdana;
        font-size: 10pt;
        color: #444444;
}
#contentConf H1
{
        color: #E0FFFF;
        font-weight: bold;
        font-size: 10pt;
        text-align: left;
        line-height: 25px;
        padding-left: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: #234669;
}
#contentConf H2
{
        color: #444444;
        font-weight: bold;
        font-size: 12pt;
        margin-top: 0px;
        margin-bottom: 0px;
}
#contentConf ul {
        list-style-type: square;
        list-style-position: outside;
        margin-top: 0px;
        margin-bottom: 0px;
}
#contentConf td
{
        font-size: 10pt;
        color: #444444;
}
a.button_link
{
        font-family: Arial;
        background-color: #EEEEEE;
        padding-top: 1px;
        padding-bottom: 3px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 9pt;
        color: #666666;
        text-decoration: none;
        font-weight: bold;
        border: 1px solid #888888;
}
a.button_link:hover
{
        font-family: Arial;
        font-size: 9pt;
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
        border: 1px solid #000000;
}
#loading
{
        display: none;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 32px;
        height: 32px;
        background-color: #AE0B0B;
        background: url(../images/loader.gif )
}
.alertText
{
        font-size: 12pt;
        color: #950000;
        font-weight: bold;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        font-family: Arial;
}
table.form
{
        background-color: #D2D2D2;
        vertical-align: top;
        margin: 8px;
}
td.formComment, td.formCommentErr
{
        color: #444444;
        font-size: 10pt;
        text-align: left;
        padding-left: 10px;
        vertical-align: top;
        height: 28px;
}
td.formComment
{
        background-color: #EEEEEE;
}
td.formCommentErr
{
        background-color: #FFE1E3;
}
td.formInput
{
        background-color: #F3F3F3;
        color: #444444;
        font-size: 10pt;
        text-align: left;
        padding-left: 10px;
        height: 28px;
}
.configurator form
{
        margin-top: 0px;
        margin-bottom: 0px;
}
.configurator TEXTAREA,
.configurator INPUT
{
        border: 1px solid #9B9B9B;
        color: #444444;
        background: #FFFFFF;
        font-size: 10pt;
}
INPUT.radio_tr
{
        background: transparent;
        border: none;
}
.configurator .button
{
        font-family: Arial;
        FONT-SIZE: 9pt;
        border: 2px ridge #444444;
        background-color: #FFFFFF;
        color: #444444;
        height: 22px;
        font-weight: bold;
        height: 22px;
        margin: 7px;
}
.asterisk
{
        font-family: Verdana;
        color: red;
        font-weight: bold;
        font-size: 9pt;
}
table.result
{
        background-color: #C0C0C0;
        vertical-align: top;
        margin: 2px;
}
th.result
{
        font-size: 10pt;
        background-color: #E6E6E6;
        font-weight: bold;
        color: #444444;
        text-align: center;
        vertical-align: middle;
}
td.result
{
        font-family: Arial;
        background-color: #F8F8F8;
        color: #444444;
}
table.sheet
{
        background-color: #234669;
}
td.sheet_current
{
        background-color: #FFFFFF;
        text-align: center;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 2px;
        padding-bottom: 4px;
        width: 114px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        border-top: 1px solid #000000;
}
td.sheet
{
        width: 130px;
}
a.sheet, a.sheet:hover
{
        display: block;
        text-decoration: none;
        text-align: center;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 2px;
        padding-bottom: 4px;
        border: 1px solid #000000;
}
a.sheet
{
        background-color: #C0C0C0;
        color: #444444;
}
a.sheet:hover
{
        background-color: #E0E0E0;
        color: #000000;
}


.control
{
        background-color: #FFFFFF;
        border: 1px solid #888888;
        padding-top: 3px;
        padding-bottom: 2px;
        text-align: center;
}
table.variant
{
        color: #444444;
        font-family: Arial;
        vertical-align: top;
        margin: 4px;
        border: 1px solid #000000;
}
td.variant
{
        background-color: #F9F9F9;
}
td.variant1
{
        background-color: #FBD0D0;
}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb20, .xb30, .xb40, .xb21, .xb31, .xb41, .xb22, .xb32, .xb42 {display:block; overflow:hidden;}
.xb1, .xb20, .xb30, .xb21, .xb31, .xb22, .xb32 {height:1px;}
.xb20, .xb30, .xb40, .xb21, .xb31, .xb41, .xb22, .xb32, .xb42 {border-left:1px solid #000000; border-right:1px solid #000000;}
.xb20, .xb30, .xb40{background:#DDDDDD;}
.xb21, .xb31, .xb41{background:#EEEEEE;}
.xb22, .xb32, .xb42{background:#FDE8E8;}
.xb1 {margin:0 5px; background:#000000;}
.xb20, .xb21, .xb22 {margin:0 3px; border-width:0 2px;}
.xb30, .xb31, .xb32 {margin:0 2px;}
.xb40, .xb41, .xb42 {height:2px; margin:0 1px;}

.xboxcontent0, .xboxcontent1, .xboxcontent2
{
        display:block;
        border:0 solid #000000;
        border-width:0 1px;
        color: #444444;
        font-family: Arial;
        vertical-align: top;
}
.xboxcontent0 {background:#DDDDDD; }
.xboxcontent1 {background:#EEEEEE; }
.xboxcontent2 {background:#FDE8E8; }



#debugWin
{
        position: absolute;
        top: 0px;
        width: 200px;
        color: #FF0000;
        font-size: 8pt;
}

