body {
    background-image: url('Images/bg-site/bg-request.jpg');
    background-color: #ffffff;
}

input, select, textarea {
    border: none;
    outline: 1px solid #bfc6cd;
}

    input:focus, select:focus, textarea:focus {
        outline: 1px solid #71889e;
    }

    input:hover, select:hover, textarea:hover {
        outline: 1px solid #71889e;
    }

.table .first {
    text-align: left;
    padding-left: 2px;
}

.table .isotope {
    text-align: left;
    padding-left: 45px;
}

.first.element > div {
    font-size: 14px !important;
}

.nam_sh_isotope {
    font-size: 14px !important;
}

.middle.enrichment-n > div {
    font-size: 14px !important;
}

.table thead > tr {
    border-top: none;
}


.table .enrichment {
    text-align: left;
    padding-left: 15px;
}

.table .enrichment-n {
    text-align: left;
    padding-left: 40px;
}

.table .chemical {
    padding-left: 33px;
    text-align: left;
}

.table .quantity {
    text-align: left;
    padding-left: 30px;
}

.table .edinica {
    text-align: left;
    padding-left: 10px;
}

.table input {
    width: 82px;
    height: 28px;
    color: #424c56;
    font-family: 'MyriadPro';
    font-size: 14px;
    line-height: 18px;
    padding-left: 2px;
}

.table select {
    width: 77px;
    height: 30px;
    color: #424c56;
    font-family: 'MyriadPro';
    font-size: 14px;
    line-height: 18px;
}

.table .edinica select {
    width: 67px;
}

.table tr {
    border-top: 1px solid #bfc6cd;
    height: 48px;
}

.table tbody tr {
    border-bottom: 1px solid #bfc6cd;
}

.twocols {
    width: 980px;
}

    .twocols .title-element {
        border-bottom: 1px solid #AFB5BB;
        border-top: 1px solid #AFB5BB;
        padding-bottom: 20px;
    }

.title-element .b-oxygen {
    background: url("Images/bg-oxygen.jpg") repeat scroll left top transparent;
    background-size: cover;
    display: inline-block;
    height: 65px;
    padding-left: 20px;
    padding-right: 20px;
}

.title-element .selectedElementNameStyle {
    background-color: #0E68BC;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Arial';
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    margin-top: 19px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.3s ease 0s;
}

    .title-element .selectedElementNameStyle:hover {
        background-color: #F10A00;
    }

.title-element h2 {
    margin-top: 20px;
}

.title-element .b-link-otheStyle {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("Images/request/table-close.png");
    background-repeat: repeat-x;
    display: inline-block;
    height: 65px;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

    .title-element .b-link-otheStyle .link-otheStyle {
        background-color: #0E68BC;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: 'Arial';
        font-size: 13px;
        height: 27px;
        line-height: 27px;
        margin-top: 19px;
        padding-left: 20px;
        padding-right: 20px;
        transition: all 0.3s ease 0s;
    }

        .title-element .b-link-otheStyle .link-otheStyle:hover {
            background-color: #F10A00;
        }

.title-element .selectedElementNameStyle + a:hover {
    background-color: #F10A00;
}

.title-element .selectedElementNameStyle + span {
    display: none;
    color: #FFFFFF;
    font-family: 'MyriadPro';
    font-size: 18px;
    height: 27px;
    line-height: 27px;
    margin-left: 21px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.twocols .leftcol {
    width: 702px;
    float: left;
    padding-top: 4px;
}

.twocols .rightcol {
    float: left;
    margin-left: 15px;
    padding-top: 20px;
    width: 262px;
}

.rightcol .b-request {
    width: 237px;
}


.b-request .title {
    height: 36px;
    margin-left: 2px;
    position: relative;
}

    .b-request .title .bg-title {
        background: url('Images/title-request.png') no-repeat left top;
        color: #FFFFFF;
        font-size: 18px;
        height: 36px;
        left: -2px;
        line-height: 35px;
        padding-left: 16px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        width: 224px;
    }

.b-request .b-list .empty {
    border: 1px solid #9FA4A9;
    color: #9FA4A9;
    height: 50px;
    line-height: 50px;
    text-align: center;
}


.b-request .b-list .b-column {
    width: 237px;
    background-color: #89b5e0;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    padding-bottom: 1px;
    display: none;
}

    .b-request .b-list .b-column .column {
        background-color: #1870C5;
        border-bottom-right-radius: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 2px;
        width: 237px;
    }

        .b-request .b-list .b-column .column .row {
            color: #ffffff;
            font-family: 'MyriadPro';
            font-size: 14px;
            line-height: 18px;
            width: 200px;
            margin-left: 15px;
            margin-right: 5px;
            position: relative;
            padding-right: 15px;
            cursor: pointer;
            height: 20px;
            overflow: hidden;
        }

            .b-request .b-list .b-column .column .row > b {
                font-weight: normal;
            }

            .b-request .b-list .b-column .column .row .close {
                position: absolute;
                right: 0;
                top: 3px;
                background: url("Images/delete-element.png") no-repeat center center;
                width: 11px;
                height: 11px;
                display: none;
            }

            .b-request .b-list .b-column .column .row:hover .close {
                display: block;
            }



.b-column .btn {
    background: url("Images/row-more.png") no-repeat scroll right 19px top 9px #3186D8;
    border: 1px solid #66A5E2;
    color: #FFFFFF;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-left: 15px;
    margin-top: 15px;
    padding-left: 19px;
    padding-right: 34px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .b-column .btn:hover {
        border-color: #f10a00;
        background-color: #f10a00;
    }

.twocols .table-result {
}

.isotopes {
    border-spacing: 0;
    width: 684px;
}

.twocols {
    color: #000000;
}

.isotopes td {
    height: 37px;
}

.isotopes .current-element {
    border: 1px solid #9CA1AC;
    color: #000000;
    font-size: 16px;
    height: 32px;
    line-height: 18px;
    margin: 10px auto;
    padding-top: 22px;
    text-align: center;
    width: 357px;
}

.isotopes a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}


.isotopes small {
    display: block;
    font-size: 9px;
    padding-left: 5px;
}

.isotopes b {
    display: block;
    padding-bottom: 8px;
    padding-right: 5px;
    text-align: right;
}

.isotopes .symbols {
    vertical-align: top;
}

    .isotopes .symbols ul {
        list-style: none outside none;
        padding-left: 0;
        display: block;
    }

    .isotopes .symbols div {
        color: #868686;
        font-size: 11px;
        position: relative;
        width: 100%;
    }

    .isotopes .symbols li {
        background-repeat: no-repeat;
        background-size: 20px 20px;
        margin-bottom: 10px;
        padding-left: 26px;
        white-space: nowrap;
        color: #424c56;
    }

    .isotopes .symbols .col1, .isotopes .symbols .col2, .isotopes .symbols .col3 {
        position: absolute;
        top: 0;
    }

    .isotopes .symbols .col4, .isotopes .symbols .col5 {
        position: absolute;
        top: 0;
    }

    .isotopes .symbols .col1 {
        left: 0;
        width: 108px;
    }

    .isotopes .symbols .col2 {
        left: 141px;
        width: 83px;
    }

    .isotopes .symbols .col3 {
        left: 300px;
        width: 116px;
    }

    .isotopes .symbols .col4 {
        left: 449px;
        width: 116px;
    }

    .isotopes .symbols .col5 {
        left: 610px;
        width: 116px;
    }

    .isotopes .symbols li.alkali_metals {
        background-image: url("Images/request/alkali_metals.png");
    }

    .isotopes .symbols li.alkaline_metals {
        background-image: url("Images/request/alkaline_metals.png");
    }

    .isotopes .symbols li.other_metals {
        background-image: url("Images/request/other_metals.png");
    }

    .isotopes .symbols li.transition_metals {
        background-image: url("Images/request/transition_metals.png");
    }

    .isotopes .symbols li.lanthanoids {
        background-image: url("Images/request/lanthanoids.png");
    }

    .isotopes .symbols li.actinoids {
        background-image: url("Images/request/actinoids.png");
    }

    .isotopes .symbols li.metalloids {
        background-image: url("Images/request/metalloids.png");
    }

    .isotopes .symbols li.nonmetals {
        background-image: url("Images/request/nonmetals.png");
    }

    .isotopes .symbols li.halogens {
        background-image: url("Images/request/halogens.png");
    }

    .isotopes .symbols li.noble_gases {
        background-image: url("Images/request/noble_gases.png");
    }

    .isotopes .symbols li.unknown_elements {
        background-image: url("Images/request/unknown_elements.png");
    }

.isotopes td.element {
    background-position: 0 0;
    background-repeat: repeat-x;
    background: none !important;
    /*padding: 0 !important;*/
}

    .isotopes td.element a {
        background-position: 0 0;
        background-repeat: repeat-x;
        height: 37px;
        width: 37px;
        display: block;
    }

        .isotopes td.element a:hover {
            background: none;
            background-color: #0C61B5;
        }

        .isotopes td.element a.active {
            background-color: #000000;
        }

.isotopes td.alkali_metals a {
    background-color: #8352C4;
    /*border: 3px solid #8352C4;*/
    background-image: url("Images/request/alkali_metals.png");
}

.isotopes td.alkaline_metals a {
    background-color: #575ABD;
    /*border: 3px solid #575ABD;*/
    background-image: url("Images/request/alkaline_metals.png");
}

.isotopes td.other_metals a {
    background-color: #7D861A;
    /*border: 3px solid #7D861A;*/
    background-image: url("Images/request/other_metals.png");
}

.isotopes td.transition_metals a {
    background-color: #54752B;
    /*border: 3px solid #54752B;*/
    background-image: url("Images/request/transition_metals.png");
}

.isotopes td.lanthanoids a {
    background-color: #509200;
    /*border: 3px solid #509200;*/
    background-image: url("Images/request/lanthanoids.png");
}

.isotopes td.actinoids a {
    background-color: #AE6F00;
    /*border: 3px solid #AE6F00;*/
    background-image: url("Images/request/actinoids.png");
}

.isotopes td.metalloids a {
    background-color: #227000;
    /*border: 3px solid #227000;*/
    background-image: url("Images/request/metalloids.png");
}
/*.isotopes td.nonmetals,*/
.isotopes td.nonmetals a {
    background-color: #B3563A;
    /*border: 3px solid #B3563A;*/
    background-image: url("Images/request/nonmetals.png");
}

.isotopes td.halogens a {
    background-color: #990700;
    /*border: 3px solid #990700;*/
    background-image: url("Images/request/halogens.png");
}

.isotopes td.noble_gases a {
    background-color: #0E4172;
    /*border: 3px solid #0E4172;*/
    background-image: url("Images/request/noble_gases.png");
}

.isotopes td.unknown_elements a {
    background-color: #3B5265;
    /*border: 3px solid #3B5265;*/
    background-image: url("Images/request/unknown_elements.png");
}

.requestFormAxiu {
    padding-top: 20px;
    text-align: right;
}


    .requestFormAxiu a.back-other-isotopes {
        background: url("Images/row-more.png") no-repeat scroll right 20px top 10px #3186D8;
        color: #FFFFFF;
        display: inline-block;
        font-family: 'Tahoma';
        font-size: 12px;
        height: 27px;
        line-height: 26px;
        text-decoration: none;
        transition: all 0.3s ease 0s;
        float: left;
        padding-left: 21px;
        padding-right: 35px;
    }

        .requestFormAxiu a.back-other-isotopes:hover {
            background-color: #f10a00;
        }


a.request {
    background: url("Images/row-more.png") no-repeat scroll right 20px top 10px #3186D8;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Tahoma';
    font-size: 12px;
    height: 27px;
    line-height: 26px;
    padding-left: 22px;
    padding-right: 35px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    a.request:hover {
        background-color: #f10a00;
    }


a.remove {
    background: url("Images/request/button_bg_blue.html") repeat scroll 0 50px #04294D;
    color: #FFFFFF;
    padding: 3px 20px;
    text-decoration: none;
}

    a.remove:hover {
        background-color: #034584;
        background-position: 0 0;
    }

.accessibility {
}

    .accessibility p {
        color: #FFFFFF;
        font-size: 18px;
        padding-top: 60px;
        text-align: center;
    }

.isotopelist li {
    float: left;
    margin-bottom: 1px;
    overflow: hidden;
    width: 100%;
}

.isotopelist a {
    color: #010101;
    float: left;
    padding: 2px 4px;
    text-decoration: none;
}

    .isotopelist a:hover {
        background: none repeat scroll 0 0 #D00900;
        color: #FFFFFF;
    }

.isotopelist .active a {
    background: none repeat scroll 0 0 #024D94;
    color: #FFFFFF;
}

.isotopelist .col1, .isotopelist .col2, .isotopelist .col3 {
    float: left;
    position: relative;
    width: 95px;
}

.isotopelist .col1 {
    left: 20px;
}

.isotopelist .col2 {
    left: 25px;
}

.isotopelist .col3 {
    left: 30px;
}

.requestdata {
    margin: 1em 0;
    padding-right: 20px;
}

    .requestdata li {
        color: #F10A00;
        line-height: 20px;
        margin: 4px 0;
        width: 100%;
    }

        .requestdata li b {
            color: #010101;
            font-weight: normal;
        }

    .requestdata .remove {
        float: right;
        line-height: 14px;
        margin-left: 5px;
    }

form.requestform {
    margin-top: 0;
}

    form.requestform fieldset {
        padding-left: 20px;
    }

    form.requestform div.field label {
        padding: 4px 0 2px;
        text-align: left;
        width: 100%;
    }

    form.requestform div.field input {
        width: 259px;
    }

    form.requestform div.security input {
        width: 90px;
    }

    form.requestform div.button button {
        margin-right: 20px;
    }

    form.requestform h1 span {
        padding-right: 15px;
    }