/* Minification failed. Returning unminified contents.
(2615,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

a, img {
    border: 0;
    outline: 0;
}

    a img, span img {
        border: none;
        outline: none;
    }

p, span, ul, div, em, h4 {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: blue;
}

    a:hover {
        text-decoration: underline;
        color: #ff0000;
    }

body {
    font-family: Arial;
    font-size: 12px;
    position: relative;
    width: 100%;
    min-height: 660px;
    float: left;
}

.color_red {
    color: #C90000;
}

.color_blue {
    color: #2975ec;
}

input[type="submit"],
/*input[type="button"],*/
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}
/*-- START Conatiner --*/
sub-container {
    min-height: 100%;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

/*-- START Header-Section --*/
.header {
    min-height: 8%;
    width: 100%;
    float: left;
    padding: 2px 0px;
    /*background: url(Images/header-bg2.jpg) left top repeat-x;*/
}

.VGL-logo {
    float: left;
    width: 180px;
}

    .VGL-logo a {
        float: left;
        margin: 0px 65px 0px 40px;
    }

    .VGL-logo span {
        float: right;
        margin-top: 15px;
    }

.app-name {
    float: left;
}

    .app-name label {
        float: left;
        margin: 30px 65px 0px 450px;
        font-size: 20px;
        color: #7a7a7a;
        font-family: 'Arial';
        font-weight: bold;
    }
/*-- START Header-Navigation --*/
.header-navigation {
    width: 240px;
    float: right;
    margin-right: 20px;
}

    .header-navigation h4 {
        float: left;
        margin: 5px 0px 5px 0px;
        font-size: 15px;
        color: #7a7a7a;
        font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

.rolesAndPermission {
    clear: both;
}

.header-navigation ul {
    float: left;
    list-style: none;
}

    .header-navigation ul li {
        float: left;
        margin-left: 5px;
        position: relative;
    }

        .header-navigation ul li a {
            display: block;
            text-decoration: none;
            font-size: 11px;
            color: #7a7a7a;
            font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
        }

            .header-navigation ul li a:hover {
                color: #303030;
            }

        .header-navigation ul li span {
            display: block;
            text-decoration: none;
            font-size: 11px;
            color: #7a7a7a;
            font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
        }

            .header-navigation ul li span:hover {
                color: #303030;
            }

    .header-navigation ul.rolesAndPermission li ul {
        position: absolute;
        right: 0;
        top: 11px;
        list-style-type: none;
        display: none;
        z-index: 105;
        width: 140px;
        border-top: 1px solid #7a7a7a;
    }

    .header-navigation ul.rolesAndPermission li:hover ul {
        display: block;
    }

    .header-navigation ul li ul li {
        float: none;
        background: #E3E4E4;
        padding: 2px;
        font-size: 10px;
        color: #7a7a7a;
        border: 1px solid #7a7a7a;
        border-top: none;
        margin: 0;
        cursor: pointer;
    }

        .header-navigation ul li ul li:hover {
            color: #303030;
            background: #d7d6d6;
        }

.home-icon {
    padding: 7px 0px 0px 22px;
    background: url(Images/Icons/home-icon.png) left 5px no-repeat;
}

.notification-icon {
    padding: 7px 0px 0px 27px;
    background: url(Images/Icons/notification-icon.png) left 7px no-repeat;
    position: relative;
}

    .notification-icon span {
        background: url(Images/Icons/NotificationCount.png) left top no-repeat;
        position: absolute;
        top: 0px;
        left: 14px;
        padding: 2px 5px;
        font-size: 8px !important;
        font-weight: bold;
        color: #ff0000 !important;
    }

#locationdropdown {
    background: #e6e6e6;
    padding: 5px 3px;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    height: 30px;
    color: #555555;
    margin-top: 0px;
    display: none;
    margin-right:10px;
}
/*New Menu Style*/
#container {
}

#newcontainer #newnavigation {
      float: left;
        /*background: url(images1/navigation_bg.png) repeat;*/
        clear: both;
        width: 100%;
}

#container #navigation {
        float: left;
        background: url(images1/navigation_bg.png) repeat;
        clear: both;
        width: 100%;
    }

        #container #navigation ul, #newcontainer #newnavigation ul {
            list-style: none;
            width: 100%;
        }

            #container #navigation ul li, #newcontainer #newnavigation ul li {
                float: left;
                background: url(images1/navigation_bg.png) repeat;
                height: 61px;
                width: 9.09%;
            }

                #container #navigation ul li.first, #newcontainer #newnavigation ul li.first {
                    background: url(images1/navigation_left_bg.png) no-repeat left center;
                }

                #container #navigation ul li.last, #newcontainer #newnavigation ul li.last {
                    background: url(images1/navigation_right_bg.png) no-repeat right center;
                }

        #container #navigation a, #newcontainer #newnavigation a {
            display: inline-block;
            text-align: center;
            float: left;
            padding: 0px 0 0 1%;
            height: 61px;
            width:100%;
            background: url(images1/navigation_separator.png) no-repeat right center;
        }

        #container #navigation span, #newcontainer #newnavigation span {
            color: #373737;
            font: normal 13px/16px Arial;
            display: inline-block;
            float: left;
            /*padding: 0 0 0 0;*/
            width: 100%;
            text-align: center;
        }

        #container #navigation a.last, #newcontainer #newnavigation a.last {
            background: none;
        }

        #container #navigation ul li a.active, #newcontainer #newnavigation ul li a.active {
            background: url(images1/navgigation_left_hover.png) no-repeat left top;
        }

            #container #navigation ul li a.active span, #newcontainer #newnavigation ul li a.active span {
                background: url(images1/navgigation_right_hover.png) no-repeat right top;
                color: #fff;
            }

    #container #navigation a:hover, #newcontainer #newnavigation a:hover {
            background: url(images1/navgigation_left_hover.png) no-repeat left top;
        }

        #container #navigation a:hover span, #newcontainer #newnavigation a:hover span {
                background: url(images1/navgigation_right_hover.png) no-repeat right top;
                color: #fff;
            }
/*END New Menu Style*/

.paddingtop18 {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
}

.inner_left_home {
    float: left;
    border-right: 1px solid #cbcbcb;
    /*margin-right: 10px;*/
    width: 18%;
}

.inner_right_home {
    float: left;
    border: 1px solid #cbcbcb;
}
/*Side Menu New*/
.ddsmoothmenu-v {
}

    .ddsmoothmenu-v ul {
        list-style: none; /* border-right:1px solid #cbcbcb;*/
    }

        .ddsmoothmenu-v ul li {
            position: relative;
            border-top: 1px solid #cbcbcb;
        }

            .ddsmoothmenu-v ul li.first {
                border-top: none;
            }

        /* Top level menu links style */

        .ddsmoothmenu-v ul.home li a {
            display: block;
            overflow: auto; /*force hasLayout in IE7 */
            font: normal 13px Arial;
            padding: 12px 8px 12px 8px;
            color: #2f2f2f;
            padding: 12px 8px 13px 8px/9px;
            background: #fff;
        }

            .ddsmoothmenu-v ul.home li a.last {
                padding: 15px 8px 14px 8px !important;
                *padding: 15px 8px 15px 8px !important;
            }

        .ddsmoothmenu-v ul li a {
            display: block;
            overflow: auto; /*force hasLayout in IE7 */
            font: normal 13px/32px Arial;
            padding: 0px 8px;
            color: #2f2f2f;
            background: #fff;
        }

            .ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
                /*background of menu items (default state)*/
                color: #000;
            }

            .ddsmoothmenu-v ul li a.selectedred { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
                background: url(images1/inovation_hover.png);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                color: #fff;
            }

            .ddsmoothmenu-v ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
                background: url(images1/inovation_hover.png);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                color: #fff;
            }

            .ddsmoothmenu-v ul li a:hover {
                background: url(images1/inovation_hover.png);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                color: #fff;
                text-decoration: none;
            }

        /*Sub level menu items */
        .ddsmoothmenu-v ul li ul {
            position: absolute;
            width: 180px; /*Sub Menu Items width */
            top: 0;
            font-weight: normal;
            visibility: hidden;
            left: 221px !important;
        }

            .ddsmoothmenu-v ul li ul li a {
            }

            .ddsmoothmenu-v ul li ul.width {
                width: 550px;
                overflow: hidden;
                background: #fff;
            }

                .ddsmoothmenu-v ul li ul.width li {
                    box-shadow: 5px 5px 5px #AAAAAA;
                    float: none;
                    border-top: none;
                    background: #fff;
                    z-index: 100;
                }

                    .ddsmoothmenu-v ul li ul.width li a {
                        display: inline;
                        float: left;
                        padding: 0 10px;
                    }


        /* Holly Hack for IE \*/
        * html .ddsmoothmenu-v ul li {
            float: left;
        }

            * html .ddsmoothmenu-v ul li a {
            }
/* End */

.logout-icon {
    padding: 7px 0px 0px 15px;
    background: url(Images/Icons/logout-icon.png) left 6px no-repeat;
}
/*-- END Header-Navigation --*/
/*-- END Header-Section --*/

/*-- START Opportunity-ID-Section --*/
.header-bottom {
    width: 100%;
    min-height: 37px;
    float: left;
    padding: 10px 0 5px 0;
    background: url(Images/footer-header-bg1.jpg) left top repeat-x;
}

.opportunity-name {
    width: 600px;
    float: left;
    padding-left: 12px;
}

    .opportunity-name h1 {
        float: left;
        font-size: 23px;
        color: #fff;
        font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .opportunity-name h3 {
        float: left;
        margin: 8px 0px 0px 25px;
        font-size: 15px;
        color: #fff;
        position: relative;
        font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

.opportunity-status {
    float: right;
    width: 335px;
    margin-right: 10px;
}

    .opportunity-status h3 {
        float: left;
        margin: 8px 0px 0px 25px;
        font-size: 15px;
        color: #fff;
        font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

.loading-percentage {
    width: 115px;
    float: left;
    margin: 5px 0px 0px 10px;
    background: #fff;
    border: 1px solid #d7d6d6;
    position: relative;
    height: 17px;
    font-size: 12px;
    padding: 3px;
}

    .loading-percentage span {
        text-align: center;
        color: #fff;
        padding: 3px 0;
        background: url(Images/loading-bg1.jpg) left top repeat-x;
        position: absolute;
        top: 0px;
        left: 0;
        height: 23px;
    }

    .loading-percentage label {
        float: left;
        text-align: center;
        color: #472D1D;
        padding: 3px;
        font-size: 12px;
        position: absolute;
        top: 0px;
        left: 0;
        height: 23px;
        z-index: 100;
    }

.opportunity-status .more {
    float: right;
    font-size: 12px;
    margin-top: 2px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #fff;
    position: relative;
    text-decoration: none;
    background: url(Images/down-arrow.png) bottom no-repeat;
}

    .opportunity-status .more ul.moreChild {
        position: absolute;
        display: none;
        width: 100px;
        top: 29px;
        left: -73px;
        list-style-type: none;
        margin: 0;
        padding: 0;
        color: #1760a1;
        background: #ebebeb;
        border: 1px solid #aeabab;
        z-index: 99;
    }

    .opportunity-status .more:hover ul.moreChild {
        display: block;
    }

    .opportunity-status .more ul.moreChild li {
        width: 100px;
        float: left;
        border-bottom: 1px solid #aeabab;
    }

        .opportunity-status .more ul.moreChild li a {
            padding: 5px;
            width: 90px;
            float: left;
            text-decoration: none;
        }

        .opportunity-status .more ul.moreChild li:hover {
            background: #E3E4E4;
        }
/*-- END Opportunity-ID-Section --*/

/*-- START Mid-Container-Section --*/
.section {
    /*background: url(Images/DSC02322.jpg) left top no-repeat rgba(255,255,255,0.4);
    background-position: left top;
    background-repeat:no-repeat;
    background-size: 100% 100%;*/
    padding-bottom: 30px;
    /*position: absolute;*/
    width: 100%;
    min-height: 85%;
    /*left: 0;*/
    float: left;
}
.clsLoginSection {
    background: url(Images/DSC02322.jpg) left top no-repeat rgba(255,255,255,0.4);
    background-position: left top;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    padding-bottom: 30px;
    width: 100%;
    height: 520px;
    float: left;
}

/*-- START Aside-Section --*/
.asidemenu {
    float: left;
    width: 14%;
    border-style: solid solid none solid;
    border-color: #94AA74;
    /*border-size: 1px;*/
    border-width: 1px;
    /*margin: 10px;*/
}

    .asidemenu li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
    }

        .asidemenu li a:link, #asidemenu li a:visited {
            color: black;
            display: block;
            background: url(Images/menu1.gif);
            padding: 8px 0 0 10px;
        }

        .asidemenu li a:hover {
            color: #26370A;
            background: url(Images/menu1.gif) 0 -32px;
            padding: 8px 0 0 10px;
        }

        .asidemenu li a:active {
            color: #26370A;
            background: url(Images/menu1.gif) 0 -64px;
            padding: 8px 0 0 10px;
        }

    .asidemenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }


.aside {
}

    .aside ul {
        float: left;
        list-style: none;
        width: 111px;
        background: rgb(220, 221, 220);
        border: 1px solid #eaeaea;
        padding: 5px 7px;
        margin-right: 20px;
        min-height: 520px;
    }

        .aside ul li {
            display: block;
            margin-bottom: 34px;
            position: relative;
        }

            .aside ul li:last-child {
                margin-bottom: 0px;
            }

            .aside ul li a {
                display: block;
                padding-top: 35px;
                text-align: center;
                text-decoration: none;
                font-size: 12px;
                color: #a8a8a8;
            }

                .aside ul li a:hover, .aside ul li a:active, .aside ul li a:focus, .aside ul li.current_page_item a {
                    color: #4e4e4e;
                }

            /*-- Arrow-effect --*/
            .aside ul li span {
                display: none;
                width: 20px;
                height: 18px;
                text-indent: -999em;
                position: absolute;
                left: 118px;
                top: 35px;
                *top: 37px;
                background: url(Images/Icons/arrow-hover.png) left top no-repeat;
            }

            .aside ul li a.active-tab span {
                display: block;
                width: 20px;
                height: 18px;
                text-indent: -999em;
                position: absolute;
                left: 118px;
                top: 35px;
                *top: 37px;
                background: url(Images/Icons/arrow-hover.png) left top no-repeat;
            }
            /*.aside ul li:hover span,*/
            .aside ul li span:active, .aside ul li span:focus, .aside ul li span.current_page_item span {
                display: block;
                width: 20px;
                height: 18px;
                text-indent: -999em;
                position: absolute;
                left: 118px;
                top: 35px;
                *top: 37px;
                background: url(Images/Icons/arrow-hover.png) left top no-repeat;
            }
/*-- Arrow-effect --*/

.opportunity-icon {
    background: url(Images/Icons/enable_opportunity_icon1-old.png) center top no-repeat;
}
    /*.opportunity-icon:hover,*/
    .opportunity-icon.active-tab, .opportunity-icon:focus, .opportunity-icon:hover, .opportunity-icon.current_page_item a {
        background: url(Images/Icons/enable_opportunity_icon1_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.rfp-icon {
    background: url(Images/Icons/view-rfp-enable-icon_old.png) center top no-repeat;
}
    /*.rfp-icon:hover,*/
    .rfp-icon.rfp-icon.active-tab, .rfp-icon:active, .rfp-icon:focus, .rfp-icon:hover, .rfp-icon.current_page_item a {
        background: url(Images/Icons/view-rfp-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.risk-icon {
    background: url(Images/Icons/risk-enable-icon_old.png) center top no-repeat;
}
    /*.risk-icon:hover,*/
    .risk-icon.active-tab, .risk-icon:active, .risk-icon:focus, .risk-icon:hover, .risk-icon.current_page_item a {
        background: url(Images/Icons/risk-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.proposal-icon {
    background: url(Images/Icons/enable_proposal_icon1_old.png) center top no-repeat;
}
    /*.proposal-icon:hover,*/
    .proposal-icon.active-tab, .proposal-icon:active, .proposal-icon:focus, .proposal-icon:hover, .proposal-icon.current_page_item a {
        background: url(Images/Icons/enable_proposal_icon1_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.estimationAndCost-icon {
    background: url(Images/Icons/estimationAndCost-enable-icon_old.png) center top no-repeat;
}

    .estimationAndCost-icon.active-tab, .estimationAndCost-icon:active, .estimationAndCost-icon:focus, .estimationAndCost-icon:hover, .estimationAndCost-icon.current_page_item a {
        background: url(Images/Icons/estimationAndCost-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.pricing-icon {
    background: url(Images/Icons/pricing-enable-icon_old.png) center top no-repeat;
}
    /*.pricing-icon:hover,*/
    .pricing-icon.active-tab, .pricing-icon:active, .pricing-icon:focus, .pricing-icon:hover, .pricing-icon.current_page_item a {
        background: url(Images/Icons/pricing-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.revenue-icon {
    background: url(Images/Icons/revenue-projection-enable-icon_old.png) center top no-repeat;
}
    /*.revenue-icon:hover,*/
    .revenue-icon.active-tab, .revenue-icon:active, .revenue-icon:focus, .revenue-icon:hover, .revenue-icon.current_page_item a {
        background: url(Images/Icons/revenue-projection-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.loi-icon {
    background: url(Images/Icons/loi-enable-icon_old.png) center top no-repeat;
}
    /*.loi-icon:hover,*/
    .loi-icon.active-tab, .loi-icon:active, .loi-icon:focus, .loi-icon:hover, .loi-icon.current_page_item a {
        background: url(Images/Icons/loi-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.extensionsclaims-icon {
    background: url(Images/Icons/extensions-claims-enable-icon_old.png) center top no-repeat;
}
    /*.extensionsclaims-icon:hover,*/
    .extensionsclaims-icon.active-tab, .extensionsclaims-icon:active, .extensionsclaims-icon:focus, .extensionsclaims-icon:hover, .extensionsclaims-icon.current_page_item a {
        background: url(Images/Icons/extensions-claims-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.roles-icon {
    background: url(Images/Icons/role-enable-icon_old.png) center top no-repeat;
}
    /*.roles-icon:hover,*/
    .roles-icon.active-tab, .roles-icon:active, .roles-icon:focus, .roles-icon:hover, .roles-icon.current_page_item a {
        background: url(Images/Icons/role-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.templates-icon {
    background: url(Images/Icons/templates-enable-icon_old.png) center top no-repeat;
}
    /*.templates-icon:hover,*/
    .templates-icon.active-tab, .templates-icon:active, .templates-icon:focus, .templates-icon:hover, .templates-icon.current_page_item a {
        background: url(Images/Icons/templates-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.finance-icon {
    background: url(Images/Icons/finance-enable-icon_old.png) center top no-repeat;
}
    /*.finance-icon:hover,*/
    .finance-icon.active-tab, .finance-icon:active, .finance-icon:focus, .finance-icon:hover, .finance-icon.current_page_item a {
        background: url(Images/Icons/finance-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.revenue-cost {
    background: url(Images/Icons/revenue_cost_old.png) center top no-repeat;
}
    /*.finance-icon:hover,*/
    .revenue-cost.active-tab, .revenue-cost:active, .revenue-cost:focus, .revenue-cost:hover, .revenue-cost.current_page_item a {
        background: url(Images/Icons/revenue_cost_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.checkList-icon {
    background: url(Images/Icons/checklist-enable-icon_old.png) center top no-repeat;
}
    /*.checkList-icon:hover,*/
    .checkList-icon.active-tab, .checkList-icon:active, .checkList-icon:focus, .checkList-icon:hover, .checkList-icon.current_page_item a {
        background: url(Images/Icons/checklist-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.partnerOrCompetitor-icon {
    background: url(Images/Icons/competitor-enable-icon_old.png) center top no-repeat;
}
    /*.partnerOrCompetitor-icon:hover,*/
    .partnerOrCompetitor-icon.active-tab, .partnerOrCompetitor-icon:active, .partnerOrCompetitor-icon:focus, .partnerOrCompetitor-icon:hover, .partnerOrCompetitor-icon.current_page_item a {
        background: url(Images/Icons/competitor-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.serviceOffering-icon {
    background: url(Images/Icons/service-offering-enable-icon_old.png) center top no-repeat;
}
    /*.serviceOffering-icon:hover,*/
    .serviceOffering-icon.active-tab, .serviceOffering-icon:active, .serviceOffering-icon:focus, .serviceOffering-icon:hover, .serviceOffering-icon.current_page_item a {
        background: url(Images/Icons/service-offering-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.company-icon {
    background: url(Images/Icons/company-enable-icon_new.png) center top no-repeat;
}
    /*.company-icon:hover,*/
    .company-icon.active-tab, .company-icon:active, .company-icon:focus, .company-icon:hover, .company-icon.current_page_item a {
        background: url(Images/Icons/company-enable-icon_old.png) center top no-repeat;
        color: #4e4e4e;
    }

.businessUnit-icon {
    background: url(Images/Icons/businessunit-enable-icon_old.png) center top no-repeat;
}
    /*.businessUnit-icon:hover,*/
    .businessUnit-icon.active-tab, .businessUnit-icon:active, .businessUnit-icon:focus, .businessUnit-icon:hover, .businessUnit-icon.current_page_item a {
        background: url(Images/Icons/businessunit-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }

.dicipline-icon {
    background: url(Images/Icons/discipline-enable-icon_old.png) center top no-repeat;
}
    /*.dicipline-icon:hover,*/
    .dicipline-icon.active-tab, .dicipline-icon:active, .dicipline-icon:focus, .dicipline-icon:hover, .dicipline-icon.current_page_item a {
        background: url(Images/Icons/discipline-enable-icon_new.png) center top no-repeat;
        color: #4e4e4e;
    }
/*-- END Aside-Section --*/

/*-- START Article-Section --*/
.article {
    padding: 0px 10px;
    border: 1px solid #eaeaea;
    overflow: hidden;
    min-height: 500px;
}

.content-navigation {
    width: 100%;
    float: left;
    margin-top: 5px;
}

    .content-navigation ul {
        float: left;
        list-style: none;
        width: 100%;
    }

        .content-navigation ul li {
            float: left;
            padding-left: 2px;
            color: #636363;
        }

            .content-navigation ul li:first-child {
                padding-left: 0px;
                background: none;
            }

            .content-navigation ul li a {
                display: block;
                text-decoration: none;
                padding: 8px 20px;
                color: #636363;
                font-size: 12px;
                background: url(Images/nav-hover-bg.jpg) left top repeat-x;
            }

                .content-navigation ul li a.active-detail {
                    color: #fff;
                    background: url(Images/nav-bg.jpg) left top repeat-x;
                    float: left;
                    /*background: url(Images/nav-hover-bg.jpg) left top repeat-x;*/
                }

                    .content-navigation ul li a.active-detail:hover {
                        color: #636363;
                        background: url(Images/nav-hover-bg.jpg) left top repeat-x;
                    }

.article-content {
    float: left;
    /*padding: 0px 1%;*/
    margin-bottom: 10px;
}

.form-container {
    width: 815px;
    float: left;
    border-left: 1px solid #d7d6d6;
    border-right: 1px solid #d7d6d6;
    border-bottom: 1px solid #d7d6d6;
}

.form-container-display {
    width: 100%;
    float: left;
    border-left: 1px solid #d7d6d6;
    border-right: 1px solid #d7d6d6;
    border-bottom: 1px solid #d7d6d6;
}

    .form-container-display .form-fieldsOppr {
        width: 100%;
    }

        .form-container-display .form-fieldsOppr label {
            width: 97%;
        }

.form-fields {
    width: 100%;
    float: left;
    border-left: 1px solid #ddd6d6;
}

.form-fieldsOppr {
    width: 407px;
    float: left;
}

    .form-fieldsOppr img {
        float: right;
    }

.form-fields:first-child {
    border-left: 0px;
}

.right-form-content {
    float: right;
    border-left: 1px solid rgb(98, 157, 213);
}

.form-fields label {
    float: left;
    width: 147px;
    padding: 9px 0px;
    margin-left: 10px;
    font-size: 12px;
    color: #737373;
    font-weight: bold;
    border-right: 1px solid #ddd6d6;
}

.form-fields .fill-box {
    width: 202px;
    padding: 5px;
    margin: 3px 0;
    float: left;
    margin-left: 10px;
    background: #aeabab;
    border: 0;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

.form-fields .input-fill {
    width: 133px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields .select-field {
    float: left;
    height: 25px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
    margin: 3px 0 3px 10px;
    padding: 4px 0 4px 4px;
    background: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

    .form-fields .select-field option {
        font-size: 11px;
        color: #737373;
        font-weight: bold;
    }

.form-fields .field-change {
    width: 200px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields .field-change-numeric {
    width: 70px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields .field-change-input {
    width: 475px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields .field-change-TextArea {
    width: 475px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
    height: 50px;
    border: 1px solid #C2C2C2;
}

.form-fields .fill-boxCalender {
    width: 202px;
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    background-color: #aeabab;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    border: 0px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

.form-fields .input-fillCalender {
    width: 135px;
    background-color: #f2f2f2;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields .field-changeCalender {
    width: 200px;
    background-color: #f2f2f2;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields .calender {
    float: left;
    display: block;
    margin: 5px 0 0 -27px;
    cursor: pointer;
    background-image: url("Images/calander-icon.jpg");
}

.form-fields .select-full-width, .form-fields1 .select-full-width {
    width: 212px;
    height: 26px;
    padding: 4px 0 4px 4px;
    background: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields .small-field {
    width: 30px;
    text-align: center;
}

.form-fields .fill-second-box {
    width: 150px;
    padding: 6px 5px;
    background: #aeabab;
}

.form-fields .fill-second-box2 {
    width: 137px;
    padding: 6px 5px;
    background: #aeabab;
}

.roledescription-box {
    width: 400px !important;
    height: 70px;
}

.form-fields1 label {
    float: left;
    width: 147px;
    padding: 9px 0px;
    margin-left: 10px;
    font-size: 12px;
    color: #737373;
    font-weight: bold;
}

.form-fields1 .form-container {
    border-bottom: none;
}

    .form-fields1 .form-container:first-child {
        border-left: 1px solid #d7d6d6;
        border-right: 1px solid #d7d6d6;
        border-bottom: 1px solid #d7d6d6;
    }

    .form-fields1 .form-container:last-child {
        border-bottom: 1px solid #d7d6d6;
        margin-bottom: 10px;
    }

.form-fields1 .form-fieldsOppr input {
    margin: 10px;
}

.form-fields1 .fill-box {
    width: 202px;
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    background: #aeabab;
    border: 0px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

.form-fields1 .input-fill {
    width: 135px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields1 .select-field {
    float: left;
    height: 25px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
    margin: 3px 0 3px 10px;
    padding: 4px 0 4px 4px;
    background: #f2f2f2;
}

    .form-fields1 .select-field option {
        font-size: 11px;
        color: #737373;
        font-weight: bold;
    }

.form-fields1 .field-change {
    width: 200px;
    background-color: #f2f2f2;
}

.form-fields1 .fill-boxCalender {
    width: 202px;
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    background-color: #aeabab;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    border: 0px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

.form-fields1 .input-fillCalender {
    width: 135px;
    background-color: #f2f2f2;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
}

.form-fields1 .field-changeCalender {
    width: 200px;
    background-color: #f2f2f2;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
}

.form-fields1 .calender {
    float: left;
    display: block;
    margin: 5px 0 0 -27px;
    cursor: pointer;
    background-image: url("Images/calander-icon.jpg");
}

.form-fields1 .select-full-width {
    width: 212px;
    height: 26px;
    padding: 4px 0 4px 4px;
    background: #f2f2f2;
}

.form-fields1 .small-field {
    width: 30px;
    text-align: center;
}

.form-fields1 .fill-second-box {
    width: 150px;
    padding: 6px 5px;
    background: #aeabab;
}

/*#region Vishal */

.form-container3 {
    width: 650px;
    float: left;
    border-left: 1px solid #d7d6d6;
    border-right: 1px solid #d7d6d6;
    border-bottom: 1px solid #d7d6d6;
}

.form-fields3 {
    width: 100%;
    float: left;
    border-left: 1px solid #ddd6d6;
}

.form-fieldsOppr3 {
    width: 300px;
    float: left;
    line-height: 20px;
}

.form-fieldsOppr3label {
    height: 25px;
}

.form-fieldsOppr3 img {
    float: right;
}

.form-fields3:first-child {
    border-left: 0px;
}

.form-fields3 label {
    float: left;
    width: 110px;
    padding: 9px 0px;
    margin-left: 10px;
    font-size: 12px;
    color: #737373;
    font-weight: bold;
    border-right: 1px solid #ddd6d6;
}

.form-fields3 .fill-box {
    width: 150px;
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    background: #aeabab;
    border: 0px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

.form-fields3 .input-fill {
    width: 100px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields3 .select-field {
    float: left;
    height: 25px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
    margin: 3px 0 3px 10px;
    padding: 4px 0 4px 4px;
    background: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

    .form-fields3 .select-field option {
        font-size: 11px;
        color: #737373;
        font-weight: bold;
    }

.form-fields3 .field-change {
    width: 150px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields3 .field-change3 {
    width: 260px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields3 .fill-boxCalender {
    width: 150px;
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    background-color: #aeabab;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    border: 0px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

.form-fields3 .input-fillCalender {
    width: 100px;
    background-color: #f2f2f2;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields3 .field-changeCalender {
    width: 150px;
    background-color: #f2f2f2;
    background-image: url("Images/calander-icon.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields3 .calender {
    float: left;
    display: block;
    margin: 5px 0px 0px -27px;
    cursor: pointer;
    background-image: url("Images/calander-icon.jpg");
}

.form-fields3 .select-full-width {
    width: 160px;
    height: 26px;
    padding: 4px 0 4px 4px;
    background: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
}

.form-fields3 .small-field {
    width: 30px;
    text-align: center;
}

.form-fields3 .fill-second-box {
    width: 110px;
    padding: 6px 5px;
    background: #aeabab;
}


.form-content3 {
    float: left;
    width: 300px;
    margin: 1px;
    padding: 2px 0px 2px 10px;
    font-size: 13px;
    color: #1760a1;
    background: #c3c7c9;
}

.right-form-content3 {
    float: left;
    width: 300px;
    margin: 1px;
    padding: 2px 0px 2px 10px;
    font-size: 13px;
    color: #1760a1;
    background: #c3c7c9;
}

.form-container
/*#endregion */
.form-content h4 {
    float: left;
    width: 397px;
    margin: 1px;
    padding: 2px 0px 2px 10px;
    font-size: 13px;
    color: #1760a1;
    background: #c3c7c9;
}

.right-form-content h4 {
    float: left;
    width: 393px;
    margin: 1px;
    padding: 2px 0px 2px 10px;
    font-size: 13px;
    color: #1760a1;
    background: #c3c7c9;
}

.submit-button {
    float: right;
    margin: 5px 0px;
    font-size: 13px;
    padding: 0px 10px;
    color: #fff;
    font-weight: bold;
    background: rgb(72, 136, 192);
    border: 1px solid rgb(81, 120, 160);
    cursor: pointer;
}
/*-- END Article-Section --*/
/*-- END Mid-Container-Section --*/

/*-- START Footer-Section --*/
.footer {
    overflow: hidden;
    background: #B2AEAE;
    position: fixed;
    bottom: 0;
    width: 100%;
   min-height: 30px;
}

    .footer p {
        margin: 5px;
        float: left;
        font-size: 12px;
        color: #fff;
    }

    .footer ul {
        float: right;
        list-style: none;
    }

        .footer ul li {
            float: left;
            margin-left: 5px;
            padding: 0px 10px;
            border-left: 1px solid #c2c2c2;
        }

            .footer ul li:first-child {
                padding: 0px 10px 0px 0px;
                border-left: none;
            }

            .footer ul li a {
                display: block;
                text-decoration: none;
                font-size: 12px;
                color: #fff;
            }

                .footer ul li a:hover {
                    text-decoration: underline;
                    color: #c2c2c2;
                }
/*-- END Footer-Section --*/

/*-- END Conatiner --*/

/*-- START Service-Offering --*/
.service-offering {
    width: 813px;
    float: left;
    margin-bottom: 20px;
    *padding-bottom: 20px !important;
}

    .service-offering a {
        float: left;
        margin: 30px 0px 10px 0px;
        padding: 2px 15px;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        background: #444545;
        border: 2px solid #909090;
    }

.data-table {
    width: 100%;
    float: left;
    /*padding: 2px;*/
    background: #fff;
    border: 1px solid #d7d6d6;
    border-radius: 3px;
    overflow: scroll;
}

.tableTr.odd {
    background: none repeat scroll 0 0 white;
    margin-bottom: 1px;
    height: 30px;
}

.tableTr.even {
    background: none repeat scroll 0 0 #F0F0F0;
    margin-bottom: 1px;
    height: 30px;
}

.tableTr.odd:hover {
    background: rgb(201, 197, 197);
    margin-bottom: 1px;
    height: 30px;
}

.tableTr.even:hover {
    background: rgb(201, 197, 197);
    margin-bottom: 1px;
    height: 30px;
}

.tableTr.highlight.odd {
    background: none repeat scroll 0 0 rgb(243, 194, 194);
    margin-bottom: 1px;
    height: 30px;
}

.tableTr.highlight.even {
    background: none repeat scroll 0 0 rgb(243, 194, 194);
    margin-bottom: 1px;
    height: 30px;
}



.data-table .tableTr td {
    border-right: 1px solid #d7d6d6;
    /*border-bottom: 1px solid #E3E4E4;*/
    color: #000;
    font-size: 11px;
    padding: 2px 5px;
    text-align: center;
}

.data-table .statusTr td {
    border-right: 1px solid #d7d6d6;
    /*border-bottom: 1px solid #000;*/
    color: #000;
    font-size: 11px;
    padding: 2px 0px;
    text-align: center;
}

.statusTr.odd {
    margin-bottom: 1px;
    height: 30px;
    /*border: 1px solid #000;*/
}

.statusTr.even {
    margin-bottom: 1px;
    height: 30px;
    /*border: 1px solid #000;*/
}

.table-header {
    /*background-image: url(images/table_heading_bg1.jpg);*/
    /*background: url(Images/login_bg1.jpg) left top repeat-x !important;*/
    line-height: 17px;
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #bf0404;
}

    .table-header th, .table-header td {
        padding: 5px;
        color: #f2f3f3;
        /*font-size: 13px ;*/
        text-align: center;
        border: 1px solid #e3e4e4;
        font: normal 13px Arial;
        /*border-right: 1px solid #e3e4e4;*/
    }

.heading {
    line-height: 30px;
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #bf0404;
    text-align: center;
     border: 1px solid #e3e4e4;
}

    .heading label {
        padding: 5px;
        color: #FFFFFF;
        font: bold 15px Arial;
    }

.light_grey {
    background: #f0f0f0;
    margin-bottom: 1px;
}

    .light_grey td {
        padding: 2px 15px;
        color: #686868;
        font-size: 13px;
        border-right: 1px solid #e3e4e4;
    }

    .light_grey a {
        height: 24px;
        margin: 0px;
        text-decoration: none;
        text-indent: -999em;
        border: 0px;
    }

.edit {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/edit-disable-icon.png) left 4px no-repeat;
}
.editenable {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/edit-enable-icon.png) left 4px no-repeat;
}
.revise {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/view-rfp-enable-icon.png) left 4px no-repeat;
}

.print {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url('Images/Icons/PrintAg.png') no-repeat left 4px;
}
.save {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/save.png) left 4px no-repeat;
}

.overwrite {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/overwrite-enable-icon.png) left 4px no-repeat;
}

.notification {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    margin-left: 5px;
    background: url(Images/Icons/Notification.png) left 6px no-repeat;
}

.manageTeam {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/ManageTeam.png) left 4px no-repeat;
}

.attachment {
    width: 24px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/addAttachment.png) left 0px no-repeat;
}

.search {
    width: 20px;
    height: 22px;
    float: left;
    margin-left: 5px;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/search_icon.png) left 0px no-repeat;
}

.cancel {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/cancel-icon.png) left 4px no-repeat;
}

.manageContact {
    width: 20px;
    height: 20px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/manageContact.png) left 4px no-repeat;
}

.wide
        {
            width: 2px;
        }


.add {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/Icons/add.png) left top no-repeat;
}

.edit:hover, .edit:active, .edit:focus, .light_grey.current_page_item edit {
    background: url(Images/Icons/edit-enable-icon1.png) left 4px no-repeat;
}
.editenable:hover, .editenable:active, .editenable:focus, .light_grey.current_page_item editenable {
    background: url(Images/Icons/edit-enable-icon1.png) left 4px no-repeat;
}
.revise:hover, .revise:active, .revise:focus, .light_grey.current_page_item revise {
    background: url(Images/Icons/edit-enable-icon1.png) left 4px no-repeat;
}

.delete {
    background: url(Images/Icons/delete-disable-icon.png) left top no-repeat;
    width: 23px;
    height: 24px;
    float: left;
    cursor: pointer;
}

    .delete:hover, .delete:active, .delete:focus, .light_grey.current_page_item delete {
        background: url(Images/Icons/delete-enable-icon1.png) left top no-repeat;
    }

.download {
    background: url(Images/Icons/download-disable-Icon.png) left top no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer;
}

.upload {
    background: url(Images/Icons/save.png) left top no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer;
}

.download {
    background: url(Images/Icons/download-enable-Icon.png) left top no-repeat;
}
/*.download:hover, .download:active, .download:focus, .light_grey.current_page_item download
    {
        background: url(Images/Icons/download-enable-Icon.png) left top no-repeat;
    }*/

.view {
    background: url(Images/Icons/view.png) left top no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer;
}

.redCircle {
    background: url(Images/Icons/red_circle.png) left top no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer;
}

.download_icon {
    background: url(../Content/Images/main_left_menu_strip.png) no-repeat;
    background-position: 0px -416px;
}

.upload_icon {
    background: url(../Content/Images/main_left_menu_strip.png) no-repeat;
    background-position: 0px -448px;
}

.dark_grey {
    background: #d9d9d9;
}
/*-- ENDService-Offering --*/

/*Prafull css*/



.lineHeight30 {
    line-height: 30px;
}
.width9 {
    width:9%;
}
.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width25 {
    width: 25%;
} 

.width20 {
    width: 20%;
}

.width30 {
    width: 30%;
}

.width35 {
    width: 35%;
}

.width29 {
    width: 29%;
}

.width40 {
    width: 40%;
}

.width50 {
    width: 50%;
}
.width29_8 {
    width: 29.7%;
}

.width60 {
    width: 60%;
}

.width70 {
    width: 70%;
}

.width80 {
    width: 80%;
}

.width85 {
    width: 85%;
}

.width90 {
    width: 90%;
}

.width95 {
    width: 95%;
}

.width100 {
    width: 100%;
}

.width200 {
    width: 200%;
}

.border0 {
    border: none !important;
}

.marginLeft1 {
    margin-left: 1%;
}

.marginBottom {
    margin-bottom: 10px;
}

.marginTop8 {
    margin-top: 8px;
}

.labelAlign {
    float: left;
    /*width: 110px;*/
    padding: 8px 0px;
    margin-left: 0px;
    font-size: 12px;
    /*color: #737373;*/
    font-weight: normal;
    border-right: none;
}

.grayButton {
    /*background-image: url(Images/table_heading_bg1.jpg);*/
    background: #bf0404;
    border: 2px solid #909090;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin: 10px 0;
    margin-bottom: 0px;
    padding: 2px 10px;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    width: 80px;
}

.rulebox {   
    margin: 15px 2px 15px 15px;   
}

.upload-document {
    padding: 9px 0px 9px 10px;
    font-size: 12px;
    color: #737373;
    font-weight: bold;
    border-right: none;
    width: 397px;
}

.error {
    color: #ff0000;
}

/*.ui-widget-header
{
    background: url(Images/table_heading_bg1.jpg) left top repeat-x !important;
    /*background: url(Images/login_bg1.jpg) left top repeat-x !important;*/
/*border: none !important;
}*/
.ui-dialog .ui-dialog-titlebar-close span {
    margin: 0 !important;
}

/*.ui-widget-content
{
    border: none !important;
}*/
.ui-widget-content {
    background: #F9F9F9;
    border: 1px solid #90d93f;
    color: #222222;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    /*border: none !important;*/
    z-index: 101;
}

.dataTables_info {
    float: left;
    width: 200px;
    margin: 5px 0;
    clear: both;
}

.paging_two_button {
    float: left;
    width: 200px;
    margin: 5px 0;
}

    .paging_two_button a {
        float: left;
        margin: 0 5px;
        cursor: pointer;
    }

.dataTables_length {
    float: left;
    width: 200px;
    margin: 5px 0;
    display: none;
}

/*.dataTables_filter {
    float: left;
    width: 200px;
    margin: 5px 0;
    display: none;
}*/

.width150Overflow {
    height: 35px;
    float: left;
}

.width80Overflow {
    height: 35px;
    float: left;
}

.ui-button-icon-only .ui-icon {
    left: 0 !important;
    top: 0 !important;
}

fieldset {
    padding: 10px;
    margin-bottom: 10px;
}

.ui-dialog-title {
    color: #fff;
}

.sorting {
    background: url("Images/Icons/sort_both.png") no-repeat scroll right center transparent;
    cursor: pointer;
}

.sorting_asc {
    background: url("Images/Icons/sort_asc.png") no-repeat scroll right center transparent;
    cursor: pointer;
}

.sorting_desc {
    background: url("Images/Icons/sort_desc.png") no-repeat scroll right center transparent;
    cursor: pointer;
}

.ui-tooltip-content {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

.ui-tooltip-content {
    width: 220px;
    text-align: left;
}

.ui-tooltip-content {
    background: url('shadow2.png');
    padding-top: 5em;
    height: 100px;
}

#EditPartnerContentAreaInner {
    overflow-x: scroll;
    width: 835px;
}

#riskAssessmentDataGrid {
    overflow-x: scroll;
    width: 835px;
}

.bubbleInfo {
    position: relative;
    float: left;
    line-height: 35px;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

.popupChild {
    float: left;
    width: auto;
    background: #fff;
    border: 1px solid #555;
    padding: 10px;
}

.width170px {
    width: 170px;
}

.assessorNameField {
    float: left;
    margin-left: 5px;
}

.smalltextbox {
    width: 70px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.red {
    color: #ff0000;
}

/*-- START Login-Container --*/
.login-container {
    margin-top: 40%;
    width: 480px;
    margin: 0 auto;
}

.login-form {
    margin-top: 10%;
    width: 450px;
    float: left;
    background-color: #E8E8E8;
    background-image: url(Images/login_bg1.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    box-shadow: 0 0 10px #000;
    border: 1px solid #d6dbdf;
}

    .login-form h1 {
        float: left;
        width: 100%;
        margin: 10px 0 20px 20px;
        font-size: 25px;
        color: #1760a1;
        font-weight: normal;
    }

.login {
    /*width: 500px;*/
    float: left;
    margin-bottom: 20px;
}

    .login p {
        color: #f00;
        font-size: 10px;
        float: left;
        margin-top: 20px;
        padding: 0 10px;
        width: 92%;
    }

        .login p > a {
            cursor: pointer;
        }

    .login label {
        background-color: #d3dce0;
        clear: both;
        color: black;
        float: left;
        font-size: 15px;
        height: 17px;
        margin-bottom: 10px;
        padding: 7px 0;
        text-align: center;
        width: 180px;
        z-index: 100;
    }

input:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
}

.login-box {
    padding: 3px;
    width: 250px;
    min-height: 24px;
    float: left;
    background: #fff;
    border: 1px solid #b0b0b0;
    margin: 0;
}

.login span.textboxDesign {
    float: left;
    width: 17px;
    height: 43px;
    background: url(Images/input_text_icon.png) left top no-repeat;
}

.login .checkbox {
    float: left;
    clear: both;
    margin: 30px 10px 0px 20px;
}

.login strong {
    float: left;
    margin-top: 20px;
    color: #686868;
    font-size: 15px;
    font-weight: normal;
}

.login span {
    float: left;
    margin-top: 8px;
    color: #686868;
    font-size: 15px;
    font-weight: normal;
}

.login-button {
    float: right;
    color: black;
    font-size: 20px;
    padding: 1px 10px;
    margin: 27px 28px 0px 0px;
    background-color: #d3dce0;
    border: 2px solid #86a5c3;
    border-radius: 5px;
    cursor: pointer;
    width: 100px;
}

.login-checkbox {
    float: left;
    clear: both;
    margin: 22px 13px 0 20px;
}

.validation-summary-errors {
    float: left;
    clear: both;
    color: #f00;
}

    .validation-summary-errors ul {
        list-style-type: none;
        color: #f00;
    }

.field-validation-error {
    float: left;
    clear: both;
    color: #f00;
}
/*-- END Login-Container --*/
.data-table .tableTr:nth-child(n) input[type="text"] {
    border: 1px solid #C2C2C2;
}

.commonTemplate {
    float: left;
    margin-right: 5px;
    width: 100%;
}

    .commonTemplate span {
        float: left;
        line-height: 12px;
    }

.businessUnit {
    /*float: left; */
    margin-top: 5px;
}

    .businessUnit span {
        float: left;
        line-height: 27px;
        margin-right: 19px;
    }

.templateType {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.dropdown-field {
    width: 31% !important;
    float: left;
}

.downloadLink {
    float: left;
    margin-right: 10px;
}

.tableTr.even .select-full-width {
    border: 1px solid rgb(228, 221, 221);
}

.FillRiskTemplateLink {
    cursor: pointer;
}

.assessorSearchButton {
    cursor: pointer;
}

.textRed {
    color: #ff0000;
}

.disabled {
    background: #aeabab !important;
    cursor: default;
}

.disable {
    background: #aeabab !important;
    cursor: default;
}

.RiskAssessmentOverrideCommentsField span {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.RiskAssessmentOverrideField span {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

input.RiskAssessmentOverrideField {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.defaultDropdown {
    width: 100px;
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    background: #f2f2f2;
    border: 0px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

.autoDropdown {
    padding: 2px;
    margin: 3px 0px;
    float: left;
    background: #f2f2f2;
    border: 0px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
    border: 1px solid rgb(223, 220, 220);
}

.financeTextArea {
    width: 200px;
    background-color: #f2f2f2;
    border: 1px solid rgb(211, 205, 205);
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
    height: 60px;
}

.textlabel {
    display: block;
    margin-bottom: 5px;
    color: #525254;
    width: 100%;
    margin: 3px 0px;
    font-weight: bold;
    float: left;
    margin-left: 10px;
}

.financeTextBox {
    width: 190px;
    background-color: #fff;
    border: 1px solid rgb(211, 205, 205);
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.disabledtextbox {
    width: 190px;
    border: 1px solid rgb(211, 205, 205);
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.financeTextBox1 {
    width: 70%;
    background-color: #fff;
    border: 1px solid rgb(211, 205, 205);
    padding: 5px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.financeSelectBox {
    width: 202px;
    background-color: #fff;
    border: 1px solid rgb(211, 205, 205);
    padding: 4px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.financeSelectBox1 {
    width: 203px;
    background-color: #fff;
    border: 1px solid rgb(211, 205, 205);
    padding: 4px;
    margin: 3px 0px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.financeRadioButton {
    width: 20px;
    background-color: #f2f2f2;
    border: none;
    padding: 4px;
    margin: 3px 0px;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
}

#SearchUserResultData .tableTr {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

#IsMain {
    margin: 10px;
}

.systemRole span {
    text-align: right;
}

.slideDeactive label {
    background: url(Images/Icons/expand.png) left 9px no-repeat;
    padding-left: 15px;
}

.slideActive label {
    background: url(Images/Icons/minus.png) left 9px no-repeat;
    padding-left: 15px;
}

.slideDeactive {
    margin-top: 10px;
}

.slideActive {
    margin-top: 10px;
}

.roleLinkSpan {
    font-weight: bold;
}

.deactivate {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/cross_icon.png) left 4px no-repeat;
}



.activate {
    width: 20px;
    height: 24px;
    float: left;
    border: none;
    cursor: pointer;
    background: url(Images/tick_icon.png) left 4px no-repeat;
}


table thead tr th {
    white-space: nowrap;
}

#dialog-form {
    resize: none;
    * resizable: no;
}

.left {
    float: left;
}

.right {
    float: right;
}

.redText {
    color: #ff0000;
}

.RiskRatingText {
    width: 50px;
    height: 25px;
}

.RiskRatingRemarks {
    width: 200px;
    height: 40px;
}

.copyProjectPlan {
    height: 20px;
}

.ui-spinner-button {
    vertical-align: top;
    top: -2px;
}

.quadralDiv {
    height: 240px;
    float: left;
    width: 48%;
    padding: 10px 0 10px 1%;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}

.borderleft2px {
    border-right: none;
}

.dashboardFormContainner {
    width: 97%;
    float: left;
    border-left: 1px solid #d7d6d6;
    border-right: 1px solid #d7d6d6;
    border-bottom: 1px solid #d7d6d6;
    padding: 1%;
    margin-bottom: 10px;
}

.chosen-container {
    width: 200px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width: 190px !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    padding: 0 !important;
}

.chosen-container .chosen-results li {
    padding: 2px !important;
    width: 100%;
}

/**/

div.dropdown {
    color: #555;
    margin: 20px -22px 0 15px;
    width: 135px;
    position: relative;
    height: 17px;
    text-align: left;
}

div.submenu {
    background: #fff;
    position: absolute;
    top: -12px;
    left: -20px;
    z-index: 90;
    width: 200px;
    display: none;
    margin-left: 10px;
    padding: 40px 0 0px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.dropdown li a {
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
    cursor: pointer;
    text-decoration: none;
}

    .dropdown li a:hover {
        background: #F5F5F5;
        color: #FFFFFF;
        text-decoration: none;
    }

a.account {
    font-size: 11px;
    line-height: 16px;
    color: #555;
    position: absolute;
    z-index: 91;
    display: block;
    padding: 11px 0 0 20px;
    height: 28px;
    width: 200px;
    margin: -11px 0 0 -10px;
    text-decoration: none;
    background: url(Images/arrow.png) 100% 17px no-repeat;
    cursor: pointer;
}

.root {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    padding: 4px 0 0 0px;
    border-top: 1px solid #dedede;
}

.loginButton {
    background: none repeat scroll 0 0 #4888C0;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 0 -2px #008ECF inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 6px 20px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    margin: 3px;
}

.form_row {
    clear: both;
    padding-top: 2px;
    float: none;
}

    .form_row label {
        width: 140px;
        float: left;
        font-size: 14px;
        line-height: 25px;
    }

    .form_row input[type="text"] {
        width: 275px;
        padding: 5px 3px;
        border: 1px solid #e6e6e6;
        float: left;
        height: 18px;
    }

.clsPOHeader {
    margin-top: 10px;
    margin-left: 5px;
    /*width: 40%;*/
     width: 49%;
    float: left;
    border: 1px solid #ACACA0;
}

.clsSalesHeader {
    margin-top: 10px;
    margin-left: 20px;
    width: 50%;
    float: left;
    border: 1px solid #ACACA0;
}

.clsBinMovement {
    margin-top: 10px;
    margin-left: 10%;
    width: 80%;
    float: left;
    border: 1px solid #ACACA0;
}

.clsTrackSerialNo {
    margin-top: 10px;
    margin-left: 15%;
    width: 60%;
    float: left;
    border: 1px solid #ACACA0;
}
.clsAddPurchaseOrder {
    margin-top: 10px;
    width: 49%;
    float: right;
    margin-right: 5px;
    border: 1px solid #ACACA0;
    border-width: .1em;
    display: none;
}

.clsAddSalesOrder {
    margin-top: 10px;
    width: 45%;
    float: left;
    margin-left: 10px;
    border: 1px solid #ACACA0;
    border-width: .1em;
    display: none;
}

.clsReturnHeader {
    margin-top: 10px;
    margin-left: 2%;
    width: 96%;
    float: left;
    border: 1px solid #ACACA0;
}

.clsAddReturn {
    margin-top: 10px;
    width: 80%;
    float: left;
    margin-left: 10%;
    border: 1px solid #ACACA0;
    border-width: .1em;
    display: none;
}

.clsPOHeaderstyle {
    width: 80%;
    margin-left: 10%;
}

.clsPOrder {
    line-height: 17px;
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #bf0404;
    /*background-image: url(Images/table_heading_bg1.jpg);*/
}

    .clsPOrder p {
        padding: 5px;
        color: #f2f3f3;
        font-size: 13px;
        text-align: center;
        font-weight: bold;
    }

.clsSalesHeaderstyle {
    width: 80%;
    margin-left: 10%;
}

.clsStockTransferHeaderstyle {
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
    float: left;
    border: 1px solid #ACACA0;
}

.clsViewStockTransfer {
    width: 100%;
    margin-left: 0;
}


.star {
    color: red;
    vertical-align: top;
}

.statusRed {
    background: none repeat scroll 0 0 yellow;
}

.statusOrange {
    background: none repeat scroll 0 0 pink;
}

.statusGreen {
    background: none repeat scroll 0 0 #9FF781;
}

.statusBlue {
    background: none repeat scroll 0 0 #A9A9F5;
}

.statusMagenta {
    background: none repeat scroll 0 0 #A4A4A4;
}
.statusGray {
    background: none repeat scroll 0 0 #C09090;
}
.statusLast {
    background: none repeat scroll 0 0 #CC66FF;
}
/*! Light */
#light {
    background-color: #000;
    box-shadow: 0 0 5px rgba(0,0,0, .8);
    overflow: hidden;
    padding: 0 0 4px;
    width: 30px;
    /*float: left;*/
}

    #light span {
        border-radius: 50px;
        display: block;
        height: 20px;
        margin: 4px auto 0;
        opacity: .5;
        width: 20px;
    }

/*! Light colours */
#red {
    background-color: yellow;
}

#orange {
    background-color: pink;
}

#green {
    background-color: #9FF781;
}

#blue {
    background-color: #A9A9F5;
}

#magenta {
    background-color: #A4A4A4;
}
#gray {
    background-color: #C09090;
}
#last {
    background-color: #CC66FF;
}
/*! Active states */
#light span.active {
    opacity: 1;
}

#light #red.active {
    box-shadow: 0 0 10px yellow;
}

#light #orange.active {
    box-shadow: 0 0 10px pink;
}

#light #green.active {
    box-shadow: 0 0 10px #9FF781;
}

#light #blue.active {
    box-shadow: 0 0 10px #A9A9F5;
}

#light #magenta.active {
    box-shadow: 0 0 10px #A4A4A4;
}
#light #gray.active {
    box-shadow: 0 0 10px #C09090;
}
#light #last.active {
    box-shadow: 0 0 10px #CC66FF;
}

.sidebar_power {
    width: 29px;
    height: 114px;
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 999;
    background: url(images1/side-panel.png) no-repeat 2px top;
}

    .sidebar_power .contact img {
        padding-top: 5px;
        padding-left: 10px;
    }

.tLight {
    position: absolute;
    width: 30px;
    right: 4px;
    top: 17px;
    float: right;
}

.ui-multiselect {padding:5px 3px; text-align:left ;height:30px;border-radius:0px;}
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */


/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
	position: relative;
	float: right;
	margin-bottom: 1em;
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 5px 8px;
	border: 1px solid #999;
	cursor: pointer;
	*cursor: hand;
	font-size: 0.88em;
	color: black !important;

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;

	-webkit-box-shadow: 1px 1px 3px #ccc;
	   -moz-box-shadow: 1px 1px 3px #ccc;
	    -ms-box-shadow: 1px 1px 3px #ccc;
	     -o-box-shadow: 1px 1px 3px #ccc;
	        box-shadow: 1px 1px 3px #ccc;

	/* Generated by http://www.colorzilla.com/gradient-editor/ */
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}


/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
	height: 30px;
	padding: 3px 8px;
}

.DTTT_button embed { 
	outline: none;
}

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
	border: 1px solid #666;
	text-decoration: none !important;

	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;

	background: #f3f3f3; /* Old browsers */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
	color: #999;
	border: 1px solid #d0d0d0;
	
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}



/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */

button.DTTT_button_collection span {
	padding-right: 17px;
	background: url(../images/collection.png) no-repeat center right;
}

button.DTTT_button_collection:hover span {
	padding-right: 17px;
	background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
}


/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_2 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_3 {
	background-color: #9FAFD1;
}


table.dataTable tr.DTTT_selected.even {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_2 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_3 {
	background-color: #B0BED9;
}


/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
	width: 150px;
	padding: 8px 8px 4px 8px;
	border: 1px solid #ccc;
	border: 1px solid rgba( 0, 0, 0, 0.4 );
	background-color: #f3f3f3;
	background-color: rgba( 255, 255, 255, 0.3 );
	overflow: hidden;
	z-index: 2002;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	     -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

div.DTTT_collection_background {
	background: transparent url(../images/background.png) repeat top left;
	z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
	position: relative;
	left: 0;
	right: 0;

	display: block;
	float: none;
	margin-bottom: 4px;
	
	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;
}


/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #333;
	padding: 10px 30px;

	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	
	opacity: 0.95;

	border: 1px solid black;
	border: 1px solid rgba(0, 0, 0, 0.5);
	
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    -ms-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px;
	
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	     -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}


/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2 with JUI theming
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     LGPL / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2010 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Notes:
 *   Generally speaking, please refer to the TableTools.css file - this file contains basic
 *   modifications to that 'master' stylesheet for ThemeRoller.
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Colour dictionary:
 *   Button border         #d0d0d0
 *   Button border hover   #999999
 *   Hover background      #f0f0f0
 *   Action blue           #4b66d9
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 *   MISC                  Minor misc styles
 */


/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
	position: relative;
	float: left;
}

.DTTT_button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	border: 1px solid #d0d0d0;
	background-color: #fff;
	color: #333 !important;
	cursor: pointer;
	*cursor: hand;
}

.DTTT_button::-moz-focus-inner { 
	border: none !important;
	padding: 0;
}



/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_2 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_3 {
	background-color: #9FAFD1;
}


table.dataTable tr.DTTT_selected.even {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_2 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_3 {
	background-color: #B0BED9;
}


/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
	width: 150px;
	background-color: #f3f3f3;
	overflow: hidden;
	z-index: 2002;
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

div.DTTT_collection_background {
	background: url(../images/background.png) repeat top left;
	z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
	float: none;
	width: 100%;
	margin-bottom: -0.1em;
}


/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	background-color: #3f3f3f;
	color: white;
	padding: 10px 30px;
	
	opacity: 0.9;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}


/*
 * MISC
 * Minor misc styles
 */

.DTTT_disabled {
	color: #999;
}

table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}/*table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting{cursor:pointer;*cursor:hand}table.dataTable thead .sorting{background:url("../images/sort_both.png") no-repeat center right}table.dataTable thead .sorting_asc{background:url("../images/sort_asc.png") no-repeat center right}table.dataTable thead .sorting_desc{background:url("../images/sort_desc.png") no-repeat center right}table.dataTable thead .sorting_asc_disabled{background:url("../images/sort_asc_disabled.png") no-repeat center right}table.dataTable thead .sorting_desc_disabled{background:url("../images/sort_desc_disabled.png") no-repeat center right}table.dataTable tbody tr{background-color:#fff}*/table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable th.center,table.dataTable td.center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.right,table.dataTable td.right{text-align:right}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{/*background-color:#f9f9f9*/}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{/*background-color:#abb9d3*/}table.dataTable.hover tbody tr:hover,table.dataTable.hover tbody tr.odd:hover,table.dataTable.hover tbody tr.even:hover,table.dataTable.display tbody tr:hover,table.dataTable.display tbody tr.odd:hover,table.dataTable.display tbody tr.even:hover{background-color:#f5f5f5}table.dataTable.hover tbody tr:hover.selected,table.dataTable.hover tbody tr.odd:hover.selected,table.dataTable.hover tbody tr.even:hover.selected,table.dataTable.display tbody tr:hover.selected,table.dataTable.display tbody tr.odd:hover.selected,table.dataTable.display tbody tr.even:hover.selected{background-color:#a9b7d1}/*table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#f9f9f9}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad4}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:#f5f5f5}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b3cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a7b5ce}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b6d0}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#f9f9f9}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fbfbfb}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fdfdfd}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad4}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#adbbd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.display tbody tr.odd:hover>.sorting_1,table.dataTable.display tbody tr.even:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.display tbody tr.odd:hover>.sorting_2,table.dataTable.display tbody tr.even:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_2,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2{background-color:#ebebeb}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.display tbody tr.odd:hover>.sorting_3,table.dataTable.display tbody tr.even:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_3,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3{background-color:#eee}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.display tbody tr.odd:hover.selected>.sorting_1,table.dataTable.display tbody tr.even:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1{background-color:#a1aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.display tbody tr.odd:hover.selected>.sorting_2,table.dataTable.display tbody tr.even:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2{background-color:#a2afc8}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.display tbody tr.odd:hover.selected>.sorting_3,table.dataTable.display tbody tr.even:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3{background-color:#a4b2cb}*/table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #cacaca;background-color:#fff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}