.custominputut {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #C0C0C0;
    display: block;
    margin: 0.625em 0;
    padding: 0 0.625em;
    width: 100%;
}

    .custominputut:hover {
        background: none repeat scroll 0 0 #fff;
    }

    .custominputut span input {
        background: none;
        border: 0 none;
        color: #777777;
        font-family: inherit;
        font-size: 0.8em;
        height: 30px;
        outline: medium none;
        width: 100%;
        z-index: 50;
    }

    .custominputut.customfocus {
        background: #fff;
    }

        .custominputut.customfocus span, .custominputut.disabled span, .custominputut.customfocus span input {
            background: none;
        }

    .custominputut.disabled {
        background: #d0d0d0;
    }

        .custominputut.disabled span input {
            background: #F0F0F0;
        }

.custombutton {
    background: none repeat scroll 0 0 #444444;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 0.8em;
    height: 32px;
    margin: 0.75em 0;
    padding: 0 0.625em;
    white-space: nowrap;
    width: 100%;
}

    .custombutton:hover {
        background: #777;
    }

.customselect strong span:before {
    background: none repeat scroll 0 0 #c0c0c0;
    color: #fff;
    content: "\f004";
    display: block;
    float: right;
    font-family: "mfg";
    font-size: 0.8em;
    font-weight: normal;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 30px;
}

.customselect strong span:hover:before {
    background: none repeat scroll 0 0 #999;
}

B.customcheckbox {
    border: 1px solid #C0C0C0;
    cursor: pointer;
    float: left;
    font-size: 0.7em;
    height: 16px;
    margin-right: 6px;
    position: relative;
    text-align: center;
    width: 16px;
    margin-top: 2px;
}

    B.customcheckbox.checked:before {
        color: #31B131;
        content: "\2713";
        display: block;
        font-family: mfg;
        position: relative;
        line-height: 15px;
    }

    B.customcheckbox.chbx-disabled {
        background: #d0d0d0;
    }

.customtextarea {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #c0c0c0;
    float: left;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0.625em 0;
}

    .customtextarea:hover {
        background: none repeat scroll 0 0 #fff;
    }

    .customtextarea span {
        float: left;
        height: 100%;
        width: 100%;
        background: none;
    }

html body .customtextarea textarea {
    background: none;
    border: medium none;
    color: #777777;
    outline: medium none;
    overflow: auto;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

html body .customtextarea.customfocus, html body .customtextarea.customfocus textarea {
    background-color: #fff;
}

span.customtextarea.tx-disabled, span.customtextarea.tx-disabled textarea {
    background-color: #F0F0F0;
}

.customselect {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #c0c0c0;
    float: left;
    outline: medium none;
    position: relative;
    width: 100%;
    z-index: 150;
    margin: 0.625em 0;
}

    .customselect:hover {
        background: none repeat scroll 0 0 #fff;
    }

    .customselect strong {
        cursor: pointer;
        float: left;
        position: relative;
        width: 100%;
    }

        .customselect strong span {
            display: block;
            font-weight: normal;
        }

            .customselect strong span cite {
                display: block;
                font-size: 0.8em;
                font-style: normal;
                height: 30px;
                overflow: hidden;
                padding: 0 0.625em;
                white-space: nowrap;
            }

    .customselect ul {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #AEAFB0;
        display: none;
        left: 0;
        list-style: none outside none;
        margin: 0 !important;
        padding: 1px 0 0;
        position: absolute;
        top: 30px;
        width: 100%;
        z-index: 1500;
    }

        .customselect ul li {
            border-bottom: 1px solid #FFFFFF;
            display: block;
            padding: 5px 7px;
        }

            .customselect ul li.active {
                background: none repeat scroll 0 0 #D3E9F6;
                cursor: pointer;
            }

    .customselect.customfocus {
        background: #fff;
    }

.customradio {
    border: 1px solid #999999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    height: 15px;
    margin-right: 6px;
    padding: 4px;
    position: relative;
    text-decoration: none;
    width: 15px;
    margin-top: 3px;
}

    .customradio.checked:before {
        background: none repeat scroll 0 0 #999999;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        content: "";
        display: block;
        height: 5px;
        line-height: 0;
        width: 5px;
    }

    .customradio.rbtn-disabled, .customradio.checked.rbtn-disabled, .customradio.rbtn-disabled:hover {
        background: #d0d0d0;
    }

.customfiles {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #c0c0c0;
    float: left;
    font-size: 1em;
    padding-left: 0.625em;
    position: relative;
    text-decoration: none;
    width: 100%;
    margin: 0.625em 0;
}

    .customfiles span {
        background: none;
        float: left;
        height: 30px;
        position: relative;
        width: 100%;
        z-index: 150;
    }

        .customfiles span cite {
            color: #777777;
            cursor: text;
            display: inline;
            line-height: 30px;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            font-size: 0.8em;
            font-style: normal;
        }

        .customfiles span strong {
            background: none repeat scroll 0 0 #c0c0c0;
            color: #FFFFFF;
            display: block;
            float: right;
            font-weight: normal;
            line-height: 30px;
            padding: 0 0.625em;
            position: relative;
            text-align: center;
            text-decoration: none;
            white-space: nowrap;
            z-index: 1;
            font-size: 0.8em;
            cursor: pointer;
        }

A.customfiles.customfocus {
    background: none repeat scroll 0 0 #f5f5f5;
}

A.customfiles:hover span strong {
    cursor: pointer;
    background: #999;
}

.customfiles.disabled, A.customfiles.customfocus.disabled {
    background: #d0d0d0;
}

A.customfiles.disabled:hover span strong {
    background: #fff;
    border-left: 1px solid #CDDFE9;
}

.customfileshidden {
    font-size: 1em;
    height: 30px;
    opacity: 0;
    filter: alpha(opacity = 0);
    padding: 0 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 150;
    font-family: inherit;
    cursor: pointer;
}

.customselect:hover {
    background: none repeat scroll 0 0 #fff;
}

.customselect span {
    background: none;
    float: left;
    height: 100%;
    width: 100%;
}

    .customselect span span {
        background: none;
        float: left;
        height: 100%;
        width: 100%;
    }

        .customselect span span span {
            background: none;
            float: left;
            width: 100%;
        }

.customselect select {
    background: none;
    border: 0 none;
    color: #777777;
    font-size: 15px;
    height: 96%;
    margin: 2%;
    max-height: 500px;
    max-width: 96%;
    outline: medium none;
    padding: 0;
    width: 96%;
}

    .customselect select option {
        cursor: pointer;
        margin: 0;
        padding: 3px 7px;
        background: none;
    }

.customselect.customfocus, .customselect.customfocus select {
    background: #fff;
}

.customzero {
    margin: 0 !important;
    position: relative !important;
}

.fmHidden {
    display: none;
}

.custominputut, .custominputut:hover, .custominputut.customfocus, .custombutton, .custombutton:hover, .customselect strong span:before,
.customselect strong span:hover:before, .customtextarea, .customtextarea:hover, html body .customtextarea.customfocus, html body .customtextarea.customfocus textarea,
.customselect, .customselect:hover, .customselect.customfocus, .customfiles span strong, A.customfiles:hover span strong, .customselect:hover,
.customselect.customfocus, .customselect.customfocus select {
    transition: background 0.20s linear 0s;
    -o-transition: background 0.20s linear 0s;
    -ms-transition: background 0.20s linear 0s;
    -moz-transition: background 0.20s linear 0s;
    -webkit-transition: background 0.20s linear 0s;
}

i, .icon {
    font-family: 'mfg';
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #e3e3e3;
}

.icon2x {
    font-size: 2em;
}

.icon3x {
    font-size: 3em;
}

.gradient {
    color: #999999;
    text-shadow: 1px 1px 1px rgba(27, 27, 27, 0.19);
    transition: all 0.1s ease-in-out 0s;
}

    .gradient:hover, .gradient .current {
        color: #EEEEEE;
        text-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
    }


.icon-cloud:before {
    content: "\2601";
}

.icon-at:before {
    content: "\0040";
}

.icon-plus:before {
    content: "\002B";
}

.icon-minus:before {
    content: "\2212";
}

.icon-arrow_up:before {
    content: "\2191";
}

.icon-arrow_down:before {
    content: "\2193";
}

.icon-arrow_right:before {
    content: "\2192";
}

.icon-arrow_left:before {
    content: "\2190";
}

.icon-chevron_down:before {
    content: "\f004";
}

.icon-chevron_up:before {
    content: "\f005";
}

.icon-chevron_right:before {
    content: "\f006";
}

.icon-chevron_left:before {
    content: "\f007";
}

.icon-reorder:before {
    content: "\f008";
}

.icon-list:before {
    content: "\f009";
}

.icon-reorder_square:before {
    content: "\f00a";
}

.icon-reorder_square_line:before {
    content: "\f00b";
}

.icon-coverflow:before {
    content: "\f00c";
}

.icon-coverflow_line:before {
    content: "\f00d";
}

.icon-pause:before {
    content: "\f00e";
}

.icon-play:before {
    content: "\f00f";
}

.icon-step_forward:before {
    content: "\f010";
}

.icon-step_backward:before {
    content: "\f011";
}

.icon-fast_forward:before {
    content: "\f012";
}

.icon-fast_backward:before {
    content: "\f013";
}

.icon-cloud_upload:before {
    content: "\f014";
}

.icon-cloud_download:before {
    content: "\f015";
}

.icon-data_science:before {
    content: "\f016";
}

.icon-data_science_black:before {
    content: "\f017";
}

.icon-globe:before {
    content: "\f018";
}

.icon-globe_black:before {
    content: "\f019";
}

.icon-math_ico:before {
    content: "\f01a";
}

.icon-math:before {
    content: "\f01b";
}

.icon-math_black:before {
    content: "\f01c";
}

.icon-paperplane_ico:before {
    content: "\f01d";
}

.icon-paperplane:before {
    content: "\f01e";
}

.icon-paperplane_black:before {
    content: "\f01f";
}
/* \f020 doesn't work in Safari. all shifted one down */
.icon-color_balance:before {
    content: "\f020";
}

.icon-star:before {
    content: "\2605";
}

.icon-star_half:before {
    content: "\f022";
}

.icon-star_empty:before {
    content: "\2606";
}

.icon-star_half_empty:before {
    content: "\f024";
}

.icon-reload:before {
    content: "\f025";
}

.icon-heart:before {
    content: "\2665";
}

.icon-heart_broken:before {
    content: "\f028";
}

.icon-hashtag:before {
    content: "\f029";
}

.icon-reply:before {
    content: "\f02a";
}

.icon-retweet:before {
    content: "\f02b";
}

.icon-signin:before {
    content: "\f02c";
}

.icon-signout:before {
    content: "\f02d";
}

.icon-download:before {
    content: "\f02e";
}

.icon-upload:before {
    content: "\f02f";
}

.icon-placepin:before {
    content: "\f031";
}

.icon-display_screen:before {
    content: "\f032";
}

.icon-tablet:before {
    content: "\f033";
}

.icon-smartphone:before {
    content: "\f034";
}

.icon-connected_object:before {
    content: "\f035";
}

.icon-lock:before {
    content: "\F512";
}

.icon-unlock:before {
    content: "\F513";
}

.icon-camera:before {
    content: "\F4F7";
}

.icon-isight:before {
    content: "\f039";
}

.icon-video_camera:before {
    content: "\f03a";
}

.icon-random:before {
    content: "\f03b";
}

.icon-message:before {
    content: "\F4AC";
}

.icon-discussion:before {
    content: "\f03d";
}

.icon-calendar:before {
    content: "\F4C5";
}

.icon-ringbell:before {
    content: "\f03f";
}

.icon-movie:before {
    content: "\f040";
}

.icon-mail:before {
    content: "\2709";
}

.icon-pen:before {
    content: "\270F";
}

.icon-settings:before {
    content: "\9881";
}

.icon-measure:before {
    content: "\f044";
}

.icon-vector:before {
    content: "\f045";
}

.icon-vector_pen:before {
    content: "\2712";
}

.icon-mute_on:before {
    content: "\f047";
}

.icon-mute_off:before {
    content: "\f048";
}

.icon-home:before {
    content: "\2302";
}

.icon-sheet:before {
    content: "\f04a";
}

.icon-arrow_big_right:before {
    content: "\21C9";
}

.icon-arrow_big_left:before {
    content: "\21C7";
}

.icon-arrow_big_down:before {
    content: "\21CA";
}

.icon-arrow_big_up:before {
    content: "\21C8";
}

.icon-dribbble_circle:before {
    content: "\f04f";
}

.icon-dribbble:before {
    content: "\f050";
}

.icon-facebook_circle:before {
    content: "\f051";
}

.icon-facebook:before {
    content: "\f052";
}

.icon-git_circle_alt:before {
    content: "\f053";
}

.icon-git_circle:before {
    content: "\f054";
}

.icon-git:before {
    content: "\f055";
}

.icon-octopus:before {
    content: "\f056";
}

.icon-twitter_circle:before {
    content: "\f057";
}

.icon-twitter:before {
    content: "\f058";
}

.icon-google_plus_circle:before {
    content: "\f059";
}

.icon-google_plus:before {
    content: "\f05a";
}

.icon-linked_in_circle:before {
    content: "\f05b";
}

.icon-linked_in:before {
    content: "\f05c";
}

.icon-instagram:before {
    content: "\f05d";
}

.icon-instagram_circle:before {
    content: "\f05e";
}

.icon-mfg_icon:before {
    content: "\f05f";
}

.icon-mfg_icon_circle:before {
    content: "\f060";
}

.icon-user:before {
    content: "\f061";
}

.icon-user_male:before {
    content: "\f062";
}

.icon-user_female:before {
    content: "\f063";
}

.icon-users:before {
    content: "\f064";
}

.icon-file_open:before {
    content: "\F4C2";
}

.icon-file_close:before {
    content: "\f067";
}

.icon-file_alt:before {
    content: "\f068";
}

.icon-file_close_alt:before {
    content: "\f069";
}

.icon-attachment:before {
    content: "\f06a";
}

.icon-check:before {
    content: "\2713";
}

.icon-cross_mark:before {
    content: "\274C";
}

.icon-cancel_circle:before {
    content: "\F06E";
}

.icon-check_circle:before {
    content: "\f06d";
}

.icon-magnifying:before {
    content: "\F50D";
}

.icon-inbox:before {
    content: "\f070";
}

.icon-clock:before {
    content: "\23F2";
}

.icon-stopwatch:before {
    content: "\23F1";
}

.icon-hourglass:before {
    content: "\231B";
}

.icon-trophy:before {
    content: "\f074";
}

.icon-unlock_alt:before {
    content: "\F075";
}

.icon-lock_alt:before {
    content: "\F510";
}

.icon-arrow_doubled_right:before {
    content: "\21D2";
}

.icon-arrow_doubled_left:before {
    content: "\21D0";
}

.icon-arrow_doubled_down:before {
    content: "\21D3";
}

.icon-arrow_doubled_up:before {
    content: "\21D1";
}

.icon-link:before {
    content: "\f07B";
}

.icon-warning:before {
    content: "\2757";
}

.icon-warning_alt:before {
    content: "\2755";
}

.icon-magnifying_plus:before {
    content: "\f07E";
}

.icon-magnifying_minus:before {
    content: "\f07F";
}

.icon-white_question:before {
    content: "\2754";
}

.icon-black_question:before {
    content: "\2753";
}

.icon-stop:before {
    content: "\f080";
}

.icon-share:before {
    content: "\f081";
}

.icon-eye:before {
    content: "\f082";
}

.icon-trash_can:before {
    content: "\f083";
}

.icon-hard_drive:before {
    content: "\f084";
}

.icon-information_black:before {
    content: "\f085";
}

.icon-information_white:before {
    content: "\f086";
}

.icon-printer:before {
    content: "\f087";
}

.icon-letter:before {
    content: "\f088";
}

.icon-soundcloud:before {
    content: "\f089";
}

.icon-soundcloud_circle:before {
    content: "\f08A";
}

.icon-anchor:before {
    content: "\2693";
}

.icon-female_sign:before {
    content: "\2640";
}

.icon-male_sign:before {
    content: "\2642";
}

.icon-joystick:before {
    content: "\F514";
}

.icon-high_voltage:before {
    content: "\26A1";
}

.icon-fire:before {
    content: "\F525";
}

.icon-newspaper:before {
    content: "\F4F0";
}

.icon-chart:before {
    content: "\F526";
}

.icon-spread:before {
    content: "\F527";
}

.icon-spinner_1:before {
    content: "\F528";
}

.icon-spinner_2:before {
    content: "\F529";
}

.icon-chart_alt:before {
    content: "\F530";
}

.icon-label:before {
    content: "\F531";
}
/*Repeater paging start*/
.pagination {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 10px;
    width: 340px;
}

    .pagination a {
        border: solid 1px #DEDEDE;
        margin-right: 2px;
        color: #006699;
    }

    .pagination .previous-off, .pagination .nexta-off {
        color: #888888;
        display: inline-block;
        font-weight: normal;
        padding: 3px 4px;
    }

    .pagination .nexta a, .pagination .previous a {
        font-weight: bold;
        border: solid 1px #FFFFFF;
    }

    .pagination .active {
        color: #000000;
        font-weight: bold;
        display: inline-block;
        padding: 4px 6px;
    }

    .pagination a:link, .pagination a:visited {
        display: inline-block;
        padding: 3px 6px;
        text-decoration: none;
    }

    .pagination a:hover {
        text-decoration: none;
        border: 1px solid #999;
    }
/*Repeater paging end*/