@font-face {
    font-family:                        'SK-RnD_ica';
    src:                                url("../fonts/SK-RnD_1.1/SK-RnD-Icons.woff");
}
.myicon {
    font-family:                        'SK-RnD_ica';
    display:                            inline-block;
    font-size:                          79px;
}
html {
    height:                             100%;
    min-width:                          1050px;
    cursor:                             pointer;
    font-size:                          10pt;
    font-family:                        'Rubik', sans-serif;
    font-weight:                        300;
    color:                              #333;
    background:                         url("../images/bg_commercial.png") center;
    background-attachment:              fixed;
    background-position:                0 0;
}
body {
    height:                             100%;
    margin-top:                         10px;
    margin-bottom:                      20px;
    margin-left:                        20px;
    margin-right:                       20px;
}
.centertext {
    text-align:                         center;
}
.center {
    margin-left:                        auto;
    margin-right:                       auto;
}
header {
    text-align:                         center;
}
#main-header {
    margin-top:                         12px;
    border-top-left-radius:             20px;
    border-top-right-radius:            20px;
    height:                             62px;
    padding:                            20px;
    background-color:                   #FFF;
}
#main-header > div:nth-child(1) {
    float:                              left;
}
#main-header > div:nth-child(2) {
    float:                              left;
    margin-top:                         5px;
    margin-bottom:                      10px;
    margin-left:                        16px;
    margin-right:                       16px;
    font-size:                          36pt;
    color:                              #FF5C33;
}
#main-header > div:nth-child(3) {
    float:                              left;
    margin-top:                         17px;
    text-align:                         left;
    font-size:                          12pt;
    font-weight:                        bold;
    color:                              #87867e;
}

#main-header > div:nth-child(4) {
    float:                              right;
    text-align:                         right;
}
.headerbutton {
    width:                              70px;
    border:                             1px solid;
    border-radius:                      10px;
    color:                              #FFF;
    padding:                            5px;
    font-weight:                        bold;
}
#About {
    margin-bottom:                      6.5px;
    border-color:                       #FF5C33;
    background-color:                   #FF5C33;
}
#About:hover {
    border-color:                       #87867e;
    background-color:                   #87867e;
}
#SiteMap {
    margin-top:                         6.5px;
    border-color:                       #87867e;
    background-color:                   #87867e;
}
#SiteMap:hover {
    border-color:                       #FF5C33;
    background-color:                   #FF5C33;
}
.breadcrumnavi {
    text-align:                         left;
    color:                              #87867e;
    background-color:                   #ddddd5;
    padding-top:                        5px;
    padding-bottom:                     5px;
    padding-left:                       20px;
    padding-right:                      20px;
    font-size:                          14px;
    font-weight:                        normal;
}
.workspace {
    overflow-x:                         auto;
    overflow-y:                         hidden;
    background-color:                   #f2f2f0;
    padding-top:                        20px;
    padding-bottom:                     20px;
    min-height:                         100%;
}
h1 {
    margin-top:                         24pt;
    text-align:                         center;
    font-size:                          24pt;
    font-weight:                        300;
    color:                              #FF5C33;
}
h2 {
    margin-top:                         14pt;
    margin-bottom:                      21pt;
    text-align:                         center;
    font-size:                          14pt;
    font-weight:                        normal;
    color:                              #87867e;
}
.choicebutton {
    height:                             196px;
    width:                              196px;
    margin-top:                         20px;
    margin-bottom:                      20px;
    display:                            inline-block;
    border:                             1.5px solid;
    border-color:                       #ddddd5;
    border-radius:                      20px;
    padding:                            20px;
    text-align:                         center;
    vertical-align:                     top;
    font-size:                          14pt;
    font-weight:                        bold;
    background-color:                   #ddddd5;
    color:                              #87867e;
}
.choicebutton:first-of-type {
    margin-left:                        auto;
    margin-right:                       10px;
}
.choicebutton:not(:first-of-type):not(:last-of-type) {
    margin-left:                        10px;
    margin-right:                       10px;
}
.choicebutton:last-of-type {
    margin-left:                        10px;
    margin-right:                       auto;
}
.choicebutton img:nth-of-type(2) {
    margin-left:                        2.5px;
    margin-right:                       2.5px;
}
.choicebutton span {
    margin-top:                         -21px;
    margin-bottom:                      -21px;
}
.choicebutton span:first-of-type {
    margin-left:                        -4px;
    margin-right:                       -2px;
}
.choicebutton span:not(:first-of-type):not(:last-of-type) {
    margin-left:                        -4.25px;
    margin-right:                       -4.25px;
}
.choicebutton span:last-of-type {
    margin-left:                        -2px;
    margin-right:                       -4px;
}
.choicebuttonseparator {
    height:                             3px;
    width:                              inherit;
    border-radius:                      1.5px;
    background-color:                   #FFF;
}
.choicebutton:hover {
    color:                              #FF5C33;
    border-color:                       #FF5C33;
}
.step {
    font-size:                          12pt;
    font-weight:                        bold;
    margin-top:                         30px;
    margin-bottom:                      10px;
    padding:                            20px;
    list-style-position:                inside;
    background-color:                   #e9e8e3;
    font-weight:                        normal;
}
.paybutton {
    color:                              #FFFAFA;
    border-color:                       #333333;
    background-color:                   #333333;
}
.paybutton:hover {
    color:                              #FFFAFA;
    border-color:                       #FF5C33;
    background-color:                   #FF5C33;
}
#rulebase {
    margin-top:                         20px;
    margin-bottom:                      20px;
    margin-left:                        0px;
    margin-right:                       0px;
}
.diagram {
    margin-top:                         0px;
    margin-bottom:                      20px;
    margin-left:                        0px;
    margin-right:                       0px;
    border:                             1.5px solid;
    border-radius:                      20px;
    border-color:                       #333333;
    padding:                            10px;
}
.diagram td {
    border:                             none;
    padding:                            0px;
    font-weight:                        normal;
}
.subdiagram {
    margin:                             0px;
    border:                             1px solid;
    border-radius:                      10px;
    border-color:                       #333333;
    padding:                            5px;
}
.subtitlesx, .subtitlesy {
    margin:                             0px;
    border:                             none;
    padding:                            0px;
    padding:                            5px;
}
.subdiagram td, .subtitlesx td, .subtitlesy td {
    border:                             none;
    padding:                            0px;
    height:                             20px;
    width:                              20px;
    min-height:                         20px;
    max-height:                         20px;
    min-width:                          20px;
    max-width:                          20px;
    font-weight:                        300;
}
.black {
    background-color:                   Black;
}
.red {
    background-color:                   Red;
}
.orange {
    background-color:                   Orange;
}
.yellow {
    background-color:                   Yellow;
}
.green {
    background-color:                   Green;
}
.blue {
    background-color:                   Blue;
}
.purple {
    background-color:                   Purple;
}
.white {
    background-color:                   White;
    border:                             0.5px solid Black;
}
.dialog-content ol {
    margin-top:                         5px;
    margin-left:                        20px;
}
.dialog-content ul {
    margin-left:                        5px;
    list-style-type:                    none;
}
.dialog-content li {
    margin-top:                         5px;
}
.dialog-content p:last-of-type {
    margin-top:                         5px;
}
.dialog-content ul ul {
    margin-left:                        20px;
}