option {
    padding-left: 0.4em;
}
select {
    padding: 1px;
}
* html body * {
    overflow: visible;
}
body {
    text-align: left;
    margin: 0;
    padding: 10px 0 0;
    background:#e5e5e5;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
h2 { color:#22476c; font-weight:normal; padding:0; margin:0; }
div {
    outline: 0 none;
}
fieldset, img {
    border: 0 solid;
}
ul, ol, dl {
    margin: 0 0 1em 1em;
}
li {
    line-height: 1.5em;
    margin-left: 0.8em;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 0 1em 0.8em;
}
blockquote {
    margin: 0 0 1em 0.8em;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
}
.floatbox {
    display: table;
    width: 100%;
}
#ie_clearing {
    display: none;
}
#col1_content, #col2_content, #col3_content {
    position: relative;
}
.subcolumns {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.subcolumns_oldgecko {
    float: left;
    width: 100%;
}
.subcolumns, .subcolumns > div {
    display: table;
    overflow: visible;
}
.print {
    left: 0;
    position: static;
}
.noprint {
    
}
textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas,"Lucida Console","Courier New",Courier;
}
table {
    border: medium none;
    border-collapse: collapse;
    margin: 0;
    outline: medium none;
    padding: 0;
}
.usystem {
    padding: 5px 10px;
    background:#FFF;
    border:1px solid #9b9ea7;
    margin:0 10px 10px;
}
.utitle-row {
    margin: 5px 0 15px;
}
.utitle {
    font-weight:normal;
    margin-bottom: 5px;
}
.umain {
    color: #663300;
    font-family: "Trebuchet MS",Times,serif;
    font-size: 150%;
    font-weight: 600;
}
.imain {
    text-align: right;
}
.mwr {
    margin: 5px 15px;
    position: relative;
}
.umbutton {
    color: #663300;
    font-size: 75%;
    font-weight: 600;
    padding: 5px;
}
.udescription {
    clear: both;
    color: #663300;
    font-style: italic;
    margin: 10px 0;
}
.ulist {
    border: medium none;
    border-collapse: collapse;
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    table-layout: fixed;
    width: 100%;
}
.ulist > tbody > tr:nth-child(2n) {
    background: none repeat scroll 0 0 #eaeaea;
}
.uname-cell, .uvalue-cell {
    border-bottom: 1px dotted #663300;
    font-size: 12px;
}
.ulist tr:nth-last-child(1) > td {
    border-bottom: medium none;
}
.uname-cell {
    margin: 0;
    padding: 3px 0 2px;
    width: auto;
}
.uvalue-cell {
    text-align: right;
    vertical-align: bottom;
    width: 110px;
}
.uvalue {
    float: right;
}
.uvalue-cell > input {
    float: right;
    font-size: 85.7%;
    margin: 5px 0 3px;
    text-align: right;
    width: 100px;
    border:1px solid #9b9ea7;
}
.uvalue-cell > input:focus {
    outline: 1px groove #0000FF;
}
input.error {
    background: none repeat scroll 0 0 #FFCCCC;
    outline: 2px solid #FF0000;
}
a.uanchor {
    display: block;
    position: relative;
    top: -50px;
}
#col1addbg {
    background: none repeat scroll 0 0 #FFCC00;
    border-radius: 10px 10px 10px 10px;
    height: 100%;
    left: -254px;
    position: absolute;
    top: 0;
    width: 247px;
    z-index: 1;
}
.uhint-box {
    border: 1px solid #FFCC00;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 3px 3px #AFA578;
    margin: 20px 0;
}
.uhint {
    margin: 20px 10px 20px 52px;
}
.uhint-i {
    background: none repeat scroll 0 0 #5555FF;
    border-radius: 16px 16px 16px 16px;
    color: #FFFFFF;
    float: left;
    font: italic 700 26px "Times New Roman",Georgia,Serif;
    height: 32px;
    margin: 20px 10px;
    text-align: center;
    width: 32px;
}
#settings-options { margin:0 10px 10px; padding:10px; list-style:none; background:#FFF; border:1px solid #9b9ea7; }
#settings-options li { margin:0; padding:0; list-style:none; }

.usystem-box { width:50%; float:left; }
.usystem-box-wrap { width:50%; float:left; }

@media all and (max-width: 750px) {
    .usystem-box,.usystem-box-wrap {
        float: none;
        width: 100%;
    }
}

.ubutton {
    color: #010101;
    float: right;
    font-weight: normal;
    margin-left: 15px;
    padding: 5px;
    background: #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #a9abb2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


@media all and (max-width: 750px) {
    .ulist tr {
        display: -moz-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px dotted #663300;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }
    
    .ulist tr:last-child {
        border: none;
    }
    
    .ulist tr td.uname-cell {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 54%;
        -moz-box-flex: 1;
        -moz-flex: 1 1 54%;
        -ms-flex: 1 1 54%;
        flex: 1 1 54%;
        border: none;
        padding-right: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .ulist tr td.uvalue-cell {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 42%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 42%;
        -ms-flex: 0 0 42%;
        flex: 0 0  42%;
        padding-right: 4%;
        border-bottom: none;
    }
    
    .ulist tr td.uvalue-cell input {
        width: 100%;
        padding: 8px 2px 7px;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #settings-options li {
        display: -moz-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        padding-bottom: 10px;
    }
    #settings-options li:last-child {
        padding-bottom: 0;
    }
    
    #settings-options li .settings-sel {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33px;
        -moz-box-flex: 0;
        -moz-flex: 0 0 33px;
        -ms-flex: 0 0 33px;
        flex: 0 0  33px;
        padding: 5px 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    
    .ubutton {
        padding: 8px;
    }
}