body {
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 98% !important;    
    height: 100% !important;
}

#header {
    width: 100% !important;
    height: 50px;
    margin-top:2px;
}

.logo {
    background: url(../images/logo.jpg) center no-repeat;
    width: 214px;
    height: 64px;
    float: left;
    clear: right;
}

.navi_right {
    float: left;
    width: 10px;
    height: 10px;
    background-color: #ff9900;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
}

.navi_left {
    float: left;
    width: 10px;
    height: 10px;
    background-color: #ff9900;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
}

.navi_mid {
    height: 1px;
    float: left;
    width: 100%;
    background-color: #ff9900;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

.LoginContent {
    width: 500px;
    background-color: white;
    margin-top: -60px;
    margin-right: 50px;
}

.loginbox {
    width: 450px;
    margin: 5px auto;
}

.titlebar {
    background-image: url(../images/login-h.png);
    background-repeat: no-repeat;
    color: #000;
    padding: 0px 0 0 0px;
    font-size: 14px;
    font: bold 14px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-align: left !important;
    width: 450px !important;
    height: 58px;
    line-height: 30px;
    /* background-color: #514D4D; */
}

.loginbox .loginwrapper {
    background: url(../images/login-m.png) 5px 0 repeat-y;
}

.loginbox .logindetails {
    padding: 5px 5px 5px 10px;
    background: url(../images/login-f.png) 5px bottom no-repeat;
    height: 200px;
}

.map {
    width: 500px;
    float: left;
    height: 200px;
    margin-left: 90px;
    margin-top: -25px;
    background-image: url(../images/map-world.jpg);
}

.iqa-loginhed {
    font-size: 20px;
    padding: 20px 0 20px 50px;
    color: #505252;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 50px;
}



#container {
    margin: 0 auto 0 auto;
    background: #fff;
    width: 98%;
}

#navigation {
    float: left;
    background: #FFA500;
    font-weight: bold;
    font-size: 13px;
    height: 35px;
}

    #navigation ul {
        margin: 0;
        padding: 0;
    }

        #navigation ul li {
            list-style-type: none;
            display: inline;
        }

    #navigation li a {
        display: block;
        float: left;
        padding: 10px 40px;
        color: #ffffff;
        text-decoration: none;
        border-right: 1px solid #ffffff;
        line-height: 15px;
    }

        #navigation li a:hover{
            background: #b8bbc0;
            color: #000;
        }

        
.msg_box {
    width: auto;
}

    .msg_box span {
        color: #d1860b;
    }

    .msg_box ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        float: right;
    }

        .msg_box ul li {
        }

    .msg_box li a {
        text-decoration: none;
        color: #505252;
    }

        .msg_box li a:hover {
            text-decoration: underline;
            color: #505252;
        }

.btm_row {
    background-color: #f5f5f5;
    border-top: 1px solid #a4a1a1;
    text-align: center;
    padding: 10px 0 0 0;
    float: left;
    width: 100%;
    bottom: 0;
}

    .btm_row a {
        text-decoration: none;
    }

h1 {
    font-size: 16px;
    color: #505252;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-size: 14px;
    color: #505252;
}


.clr {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wid130 {
    width: 130px !important;
}

.wid150 {
    width: 150px !important;
}

.margin80 {
    margin-left: 80px;
    *margin-left: 40px;
}

.padding80 {
    padding-left: 80px !important;
    *padding-left: 40px;
}


.top_btn {
    float: right;
    position: absolute;
    margin: 35px 0 0 851px;
    //margin:35px 0 0 640px;
    width: auto;
    padding: 10px;
}

.help_btn {
    float: left;
    background: url(../images/help.jpg) center no-repeat;
    width: 44px;
    height: 26px;
    margin-right: 2px;
}

    .help_btn:hover {
        float: left;
        background: url(../images/help-hover.jpg) center no-repeat;
        width: 44px;
        height: 26px;
        margin-right: 2px;
    }

.support_btn {
    float: left;
    background: url(../images/support.jpg) center no-repeat;
    width: 74px;
    height: 26px;
    margin-right: 2px;
}

    .support_btn:hover {
        float: left;
        background: url(../images/support-hover.jpg) center no-repeat;
        width: 74px;
        height: 26px;
        margin-right: 2px;
    }





.top_left_cor {
    background: url(../images/box-top-left-cor.jpg) no-repeat;
    width: 6px;
    height: 6px;
    float: left;
}

.top_mid_bg {
    background: url(../images/box-top-bg.jpg) repeat-x;
    width: 99%;
    height: 6px;
    float: left;
}

.top_right_cor {
    background: url(../images/box-top-right-cor.jpg) no-repeat;
    width: 6px;
    height: 6px;
    float: left;
}

.gry_mid_box {
    background: #efefef;
    width: 100%;
    padding: 2px 0px 0px 10px;
}

.bottom_left_cor {
    background: url(../images/box-bottom-left-cor.jpg) no-repeat;
    width: 6px;
    height: 7px;
    float: left;
}

.bottom_bg {
    background: url(../images/box-bottom-bg.jpg) repeat-x;
    width: 99%;
    height: 7px;
    float: left;
}

.bottom_right_cor {
    background: url(../images/box-bottom-right-cor.jpg) no-repeat;
    width: 6px;
    height: 7px;
    float: left;
}

.white_top_left {
    background: url(../images/white-top-left.jpg) no-repeat;
    width: 7px;
    height: 7px;
    float: left;
}

.white_top_mid {
    background: url(../images/white-top-bg.jpg) repeat-x;
    width: 98%;
    height: 7px;
    float: left;
}

.white_top_right {
    background: url(../images/white-top-right.jpg) no-repeat;
    width: 7px;
    height: 7px;
    float: left;
}

.white_mid_box {
    background: #fff;
    width: 99%;
    padding: 10px;
    float: left;
}

.white_bottom_left {
    background: url(../images/white-bottom-left.jpg) no-repeat;
    width: 7px;
    height: 7px;
    float: left;
}

.white_bg {
    background: url(../images/white-bottom-bg.jpg) repeat-x;
    width: 98%;
    height: 7px;
    float: left;
}

.white_bottom_right {
    background: url(../images/white-bottom-right.jpg) no-repeat;
    width: 7px;
    height: 7px;
    float: left;
}

.search_lable {
    /*background: url(../images/arrow.jpg) left center no-repeat;*/
    width: auto;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
}

.date_lable {
    width: 100%;
    height: 22px;
    font-size: 13px;
    font-weight: bold;
    position:relative;
}

.addbtn {
    background: url(../images/addbtn.jpg) center no-repeat;
    width: 18px;
    height: 17px;
    float: left;
    margin: 2px 2px 0 0px;
}

    .addbtn:hover {
        background: url(../images/addbtn-hover.jpg) center no-repeat;
        width: 18px;
        height: 17px;
        float: left;
        cursor: pointer;
        cursor: hand;
    }

.deletebtn {
    background: url(../images/deletebtn.jpg) center no-repeat;
    width: 18px;
    height: 17px;
    float: left;
    margin: 2px 2px 0 0px;
}

    .deletebtn:hover {
        background: url(../images/deletebtn-hover.jpg) center no-repeat;
        width: 18px;
        height: 17px;
        float: left;
        cursor: pointer;
        cursor: hand;
    }

.wid110 {
    width: 300px !important;
}

.input_styleNm {
    width: 104px;
    border: solid #bebebe 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 1px;
}

.input_style {
    width: 130px;
    border: solid #bebebe 1px;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 1px;
}

.lable1 {
    text-align: right;
    float: left;
    padding: 3px 0 0 5px;
    font-weight: bold;
    color: #505252;
}

.lable1Width {
    width: 180px;
}

.lableL1 {
    width: 80px;
    text-align: left;
    float: left;
    padding: 3px 0 0 5px;
    font-weight: bold;
    color: #505252;
}

.lable2 {
    text-align: left;
    float: left;
    padding: 0 0 0 10px;
    font-weight: normal;
    color: #505252;
}

.lable2Width {
    width: 150px;
}

.lable3 {
    margin-left: 75px;
    font-weight: bold;
    float: left;
}

.lable4 {
    margin-left: 140px;
    font-weight: bold;
    float: left;
}
/*.lable5{width:150px; text-align:left; float:left; padding:0 0 0 10px; font-weight:normal; color:#505252;}*/
.PickBox1 {
    float: left;
    width: 250px;
    height: 160px;
    margin: 5px 5px 5px 182px;
    border: solid #BEBEBE 0px;
    margin-left: 55px;
}

.PickBtn_box {
    float: left;
    width: 30px;
    height: 120px;
    margin: 8px;
    margin-top:-10px;
}

.PickBox2 {
    float: left;
    width: 250px;
    height: 160px;
    margin: 5px;
    margin-left: 75px;
    border: solid #BEBEBE 0px;
}

.PickBtnTop {
    width: 25px;
    height: 20px;
    text-align: center;
    margin-left: 15px;
    margin-top: 40px;
    background-color:#b8bbc0;
    color:black;
}

.PickBtn {
    width: 25px;
    height: 20px;
    margin-left: 15px;
    margin-top: 5px;
    text-align: left;
    background-color:#b8bbc0;
    color:black;
}

.active {
    /*background: #e8a12e;*/
}


.pad2 {
    padding: 2px;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.Rpad {
    padding: 2px 10px 0 5px;
}

.widAuto {
    width: auto !important;
}

.Rmar {
    width: 280px;
}

.segment {
    background: #fff url(../images/bg.jpg) center no-repeat;
    float: left;
    height: 25px;
    margin-left: 7px;
    padding: 4px 0 0 10px;
    width: 274px;
    font-weight: bold;
}

.Minheight { /*min-height:170px;*/
}

.fildset {
    width: 100%;
    padding: 20px;
    border: solid #ccc 1px;
    float: left;
    margin: 5px 5px 5px 5px;
}

.fildTitle {
    position: absolute;
    margin: -40px 0 0 0px;
    background: #fff;
    font-size: 14px;
}

.web_box_left {
    background: url(../images/web-box-left.jpg) center no-repeat;
    width: 28px;
    height: 24px;
    float: left;
    padding: 5px 0 0 5px;
}

.web_box_mid {
    background: url(../images/web-box-midbg.jpg) center repeat-x;
    width: 110px;
    height: 23px;
    float: left;
    padding: 5px 5px 0 5px;
    font-size: 12px;
}

.web_box_right {
    background: url(../images/web-box-right.jpg) center no-repeat;
    width: 7px;
    height: 25px;
}

.web_box {
    width: auto;
    margin: 2px 0 0 5px;
    float: left;
}

.round_cor {
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    cursor: hand;
}

.selected_day {
    float: left;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    background: #86cdf0;
    margin-left: 2px;
    cursor: pointer;
    cursor: hand;
    width: 18px;
    height: 15px;
    text-align: center;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.unselected_day {
    float: left;
    padding: 5px;
    color: #5a5a5a;
    font-size: 11px;
    background: #cecece;
    margin-left: 2px;
    cursor: pointer;
    cursor: hand;
    width: 18px;
    height: 15px;
    text-align: center;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.selected_dayNew {
    float: left;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    background: #86cdf0;
    margin-left: 2px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.unselected_dayNew {
    float: left;
    padding: 5px;
    color: #5a5a5a;
    font-size: 11px;
    background: #e9a46d;
    margin-left: 2px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.GRbtn {
    background: #f6a03d;
    padding: 5px;
    font-size: 14px;
    border: 0px;
    font-weight: bold;
}

.GRbtn:hover {
    background: #ffa500;
}

.abp_box_top {
    background: url(../images/abp-box.jpg) center no-repeat;
    width: 144px;
    height: 13px;
    float: left;
}

.abp_box_mid {
    background: #f2f2f2;
    border-left: solid #dcdcdc 1px;
    border-right: solid #dcdcdc 1px;
    font-weight: bold;
    height: 26px;
    padding: 5px;
    width: 132px;
    float: left;
}

.abp_box_bottom {
    background: url(../images/abp-box-bottom.jpg) center no-repeat;
    width: 144px;
    height: 7px;
    float: left;
}

.arrow_in {
    background: #fff url(../images/arrow-in.jpg) center no-repeat;
    width: 30px;
    height: 15px;
    position: absolute;
    margin: -12px 0 0 846px;
}

.download_box {
    background: #fff url(../images/arrow-left.png) 10px no-repeat;
    border: solid #dbdbdb 1px;
    margin: 2px 0 0px 0px;
    padding: 5px 5px 5px 25px;
    width: 94%;
    height: 20px;
    float: left;
}

    .download_box a {
        text-decoration: none;
        color: #242323;
    }

    .download_box:hover {
        background: #f8f8f8 url(../images/arrow-left.png) 10px no-repeat;
    }

.download_cont {
    background: #f8f8f8;
    border: solid #ccc 1px;
    width: 517px;
    float: right;
    padding: 5px;
    display: none;
    position: absolute;
    margin: 11px 0 0 -326px;
    margin: 30px 0 0 -432px;
}

.wdt140 {
    width: 140px !important;
}

.box-table-a {
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    width: 943px;
}

    .box-table-a th {
        background: #dadada url(../images/table-bg.jpg) repeat-x;
        border-bottom: 1px solid #FFFFFF;
        color: #242323;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        padding: 10px;
        height: 30px;
    }

        .box-table-a th a {
            text-decoration: none;
            color: #242323;
        }

            .box-table-a th a:hover {
                text-decoration: underline;
            }


    .box-table-a td {
        background: none repeat scroll 0 0 #fff;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid transparent;
        color: #242323;
        padding: 8px;
    }

        .box-table-a td a {
            text-decoration: none;
            color: #242323;
        }

            .box-table-a td a:hover {
                text-decoration: underline;
            }

    .box-table-a tr:hover td {
        background: none repeat scroll 0 0 #f8f8f8;
        color: #505252;
    }

    
.abv-table {
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    width: 100%;
}

    .abv-table th {
        background: #e9e9e9;
        border-bottom: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        color: #505252;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        height: 12px;
    }

    .abv-table td {
        background: none repeat scroll 0 0 #e9e9e9;
        border-top: 1px solid transparent;
        border-right: 1px solid #FFFFFF;
        color: #505252;
    }

.abv-table-a {
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    width: 100%;
}
    .abv-table-a thead {
        height:12px !important;
        border-bottom:1px solid #7a7a7a;
    }

    .abv-table-a th {
        background: #ffffff;
        border-bottom: 1px solid #e9e9e9;
        border-right:1px solid #e9e9e9;
        color: #505252;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
    }

    .abv-table-a td {
        background: none repeat scroll 0 0 #e9e9e9;
        border-top: 1px solid #ffffff;
        color: #505252;
        border-right:1px solid #ffffff;
    }

#tabContainer {
    display: block;
}

    #tabContainer div {
        padding: 5px 23px 0 23px;
        font-weight: bold;
        margin-left: 0px;
        padding-top: 5px;
        color: #000;
        float: left;
    }

    #tabContainer .tabs_on, #tabContainer .tabs_off {
        border-top: 1px solid #c1cad0;
        border-left: 1px solid #c1cad0;
        border-right: 1px solid #c1cad0;
        background-color: #ccc;
        cursor: pointer;
        margin: 0 0 0 2px;
        padding: 5px;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

    #tabContainer .tabs_on {
        /* background-color:#FFFFFF;*/
        background: #fff;
        color: #000000;
    }




/*login page css*/


.login_right {
    float: right;
    padding: 15px;
    margin: 20px;
    border: solid #8B8D90 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.login_arrow {
    float: left;
    position: absolute;
    z-index: 10;
    width: 29px;
    height: 16px;
    margin: 33px 0 0 276px;
    *margin: 33px 0 0 -80px;
}

.login_head {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    background-color: #ccc;
    color: #000;
    padding: 5px;
    margin: 5px 0 40px 0px;
    width: 330px;
}

.login_label {
    float: left;
    width: 73px;
    color: #4e4c4c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
}

.login_input {
    float: left;
    width: 240px;
    background-image: url(../images/input-img.jpg);
    background-repeat: no-repeat;
    height: 33px;
    padding: 6px 0 0 6px;
}

.input-txt {
    width: 229px;
    border: solid #ccc 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 18px;
    color: #4e4c4c;
}

.pd {
    padding: 2px;
}

.rem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4e4c4c;
    float: left;
    padding: 2px 20px 0px 2px;
}

    .rem a {
        text-decoration: none;
        color: #4e4c4c;
    }

        .rem a:hover {
            text-decoration: underline;
        }

.btn_log {
    background-image: url(../images/login-btn.jpg);
    background-repeat: no-repeat;
    width: 110px;
    height: 24px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-top: 5px;
    margin-left: 77px;
}
/*login page css end*/

#footer {
    border-top: solid #ccc 1px;
    color: #000;
    margin-bottom: 4px;
    padding: 5px 0 5px 0px;
    text-align: center;
    width: 100%;
    background: #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.errMsg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #ff0000;
    text-decoration: none;
}

.search_btn {
    float: left;
    margin-left: 393px;
    margin-left: 390px;
    *margin-left: 196px;
}

.ChangePws_btn {
    float: left;
    margin-left: 205px;
    *margin-left: 103px;
}

.InnerGrid {
    background: #f8f8f8;
    border: solid #ccc 1px;
    width: auto;
    float: right;
    padding: 10px;
    display: none;
    position: absolute;
    margin: 11px 0 0 -326px;
    margin: 23px 0 0 -220px;
    width: 320;
}

/*
Extender popup Css
*/
.watermark {
    background: #FFAAFF;
}

.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #EEEEEE;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    font-family: Verdana;
    font-size: medium;
    padding: 3px;
    width: 250px;
}

.modalSignUp {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    font-family: Verdana;
    font-size: medium;
    padding: 3px;
    width: 250px;
}

.sampleStyleA {
    background-color: #FFF;
}

.sampleStyleB {
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC {
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD {
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}

.GenLeftMar {
    float: left;
    margin-left: 180px;
    margin-left: 180px;
    /margin-left: 180px;
}


/**************/



/*css for ajax cellout control*/
.customCalloutStyle div, .customCalloutStyle td {
    border: solid 1px Black;
    background-color: LemonChiffon;
}

.customCalloutStyle .ajax__validatorcallout_popup_table {
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_cell {
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table {
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table_row {
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell {
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}

    .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
        font-size: 1px;
        position: relative;
        left: 1px;
        border-bottom: none;
        border-right: none;
        border-left: none;
        width: 15px;
        background-color: transparent;
        padding: 0px;
    }

        .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
            height: 1px;
            overflow: hidden;
            border-top: none;
            border-bottom: none;
            border-right: none;
            padding: 0px;
            margin-left: auto;
        }

.customCalloutStyle .ajax__validatorcallout_error_message_cell {
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell {
    width: 20px;
    padding: 5px;
    border-right: none;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}

    .customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        border: none;
        text-align: center;
        padding: 1px;
        cursor: pointer;
    }
/*Enimater*/
.flyOutDiv {
    display: none;
    position: absolute;
    width: 400px;
    z-index: 3;
    opacity: 0;
    filter: (progid:DXImageTransform.Microsoft.Alpha(opacity=0));
    font-size: 14px;
    border: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    padding: 5px;
}

.flyOutDivCloseX {
    background-color: #666666;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    border: outset thin #FFFFFF;
    padding: 5px;
}

/*Css For Ajax Calandder disabling*/
/* styles for previos dates to show them inactive*/
.ajax__calendar .ajax__calendar_deactive .ajax__calendar_day {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #6D6D6D !important;
    text-decoration: line-through !important;
}

.ajax__calendar .ajax__calendar_deactive .ajax__calendar_month {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #6D6D6D !important;
    text-decoration: line-through !important;
}

.ajax__calendar .ajax__calendar_deactive .ajax__calendar_year {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #6D6D6D !important;
    text-decoration: line-through !important;
}

/*LightBox Css*/
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 1150px;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
}

.white_content {
    /*display: none;
    position: absolute;
    top: 35%;
    left: 20%;
    width: auto;
    padding: 0px;
    border: 10px solid #46a0cd;orange
    background-color: white;
    z-index: 1002;
    overflow: auto;*/
    display: none;
    position: absolute;
    top: 60%;
    left: 18%;
    width: auto;
    height: auto;
    padding: 0px;
    border: 10px solid #46a0cd;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.white_content_AlertBox {
    display: none;
    position: absolute;
    top: 50%;
    left: 18%;
    width: 50%;
    height: 25%;
    padding: 10px;
    border: 10px solid #46a0cd;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.headertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #f19a19;
    font-weight: bold;
}

.textfield {
    border: 1px solid #a6c25c;
    width: 135px;
}

.button2 {
    background-color: #a6c25c;
    color: White;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #7f9db9;
    width: 68px;
}

.lightbox-table {
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    width: auto;
    border: solid #000 1px;
}

    .lightbox-table th {
        border: solid #000 1px;
    }

    .lightbox-table td {
        border: solid #000 1px;
    }

.arrow_Pointer {
    cursor: move;
}

/*=======================Popup==================*/
.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}

.web_dialog {
    display: none;
    position: fixed;
    width: 530px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -200px;
    background-color: #ffffff;
    border: 2px solid #46A0CD;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
}

.web_dialog_title {
    border-bottom: solid 2px #46A0CD;
    background-color: #46A0CD;
    padding: 4px;
    color: White;
    font-weight: bold;
}

    .web_dialog_title a {
        color: White;
        text-decoration: none;
    }

.align_right {
    text-align: right;
}

.WebsiteStatusHead {
    width: 100px;
    text-align: center;
    border: solid 1px #CCCCCC;
    font-family: Verdana;
    background-color: #DADADA;
    color: #242323;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
}

.WebsiteStatusTD {
    width: 100px;
    text-align: center;
    border: solid 1px #CCCCCC;
    font-family: Verdana;
    font-size: 12px;
    height: 30px;
}
/*=======================Progress bar==================*/
.loading-indicator {
    height: 80px;
    width: 150px;
    border: 1px solid #ddd;
    background: url('images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.loading-indicator-overlay {
    background-color: #DADADA;
    opacity: 0.6;
    filter: alpha(opacity = 160);
}

#tooltip {
    background-color: #46A0CD;
    border: 2px solid #E8A12E;
    position: absolute;
    display: none;
    width: 225px;
    height: auto;
    vertical-align: middle;
    text-align: left;
}

#text {
    padding: 5px 5px 5px 5px;
    width: 210px;
}

.divWaiting {
    position: absolute;
    background-color: #FAFAFA;
    z-index: 999 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 10%;
    margin-top: 10%;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 9999;
}

.divHover:hover {
    transition: 0.9s;
}

@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: left;
    font-size: 11pt;
    font-weight: bold;
    color: white;
}

.accordion-opened .accordion-toggle:after {
    content: "\f054";
    float: left;
    font-size: 11pt;
    font-weight: bold;
    color: white;
}

.roundedParent {
    border-radius: 10px;
    background: #f8f8f8;
    margin-top: 10px;
}

.rounded {
    border-radius: 10px;
    background: #ffffff;
}

.sham-spinner-blocker {
    background: #ffffff;
    opacity: 0.9;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    padding:0;
    margin:0;
    top:0;
    left:0;
}

.sham-spinner-container {
    border: none;
    background-color: #ffffff;
    display: table;
    position: relative;
    width: auto;
    top: 50%;
    margin: auto;
}

.spinner {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
}

.TopNavigation{
    width: 83%;
    height: 16px;
    margin-top: 5px;
    float: right;
}

.RgOrange{
    background-color:#ffa500;
}

.RgGrey{
    background-color:#d8d8d8;
}

.BoldText{
    font-weight:bold;
}

.TableHeader{
     font-weight:bold; 
     color:#ffffff; 
     text-align:left; 
     font-size:15px; 
     width:100%; 
     height:20px;
}

.CollapsableHeader{
    height:25px;
}

.accordion-HeaderBG{
   background-color:#7a7a7a;
}

.accordion-bodyBorder{
    border:1px solid #7a7a7a
}

.col-lg-12 {
    width: 100%;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

page-menu {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    width: auto;
    /* border-bottom: 1px solid #eeeeee; */
}

.menu-active {
    background-color: #ffa319 !important;
    border-radius: 5px 5px 0 0 !important;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
}

.switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 24px;
    }

        .switch input {
            display: none;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 25px;
            width: 20px;
            left: 0px;
            background-color: #808080;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .slider {
        background-color: #ff9900;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 30px;
    }

        .slider.round:before {
            border-radius: 50%;
        }

/* Rounded sliders ENDS*/

 .well-sm {
    padding: 0px;
    border-radius: 3px;
}
 .well {
    background: #ffffff;
    min-height:28px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}


.uib-day .btn.btn-info {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
}

.uib-day.selected .btn {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}