@charset "utf-8";
/* CSS Document 
Created By : hannah soft solution
Created On  : May 7,2013
Author     : periyasamy
*/

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

img {
    border: none;
}

a {
    text-decoration: none;
}

body {
 font-family:"Rupee Foradian";
    font-size: 12px;
    background: #3b3e40;
}

.MainContainer {
    width: 100%;
}

.MainHeader {
    width: 100%;
    height: 80px;
    background: url(../Images/RMSImages/headerBG.png) repeat-x;
}

.Header {
    width: 1000px;
    height: 80px;
}

.HeaderLogo {
    width: 300px;
    float: left;
}

    .HeaderLogo img {
        margin: 20px 0px 0px 3px;
    }

.cmpnyName {
    float: right;
    font-size: 14px;
    font-weight: bold;
    padding: 53px 0px 0px 0px;
    color: #FFF;
}

.HeaderTitle {
    width: 380px;
    float: left;
}

.HeaderWelcome {
    width: 320px;
    float: right;
}

.HeaderTitle h3 {
    color: #FFF;
    font-size: 20px;
    margin: 30px 0px 0px 100px;
}

.HeaderWelcomeTxt {
    width: 320px;
    height: 25px;
    float: left;
    padding: 15px 0px 5px 0px;
}

.HeaderSyllabus {
    width: 320px;
    height: 40px;
    float: left;
}

.loggedInTime {
    float: right;
    width: 180px;
    background: #d7d7d7;
}

    .loggedInTime ul {
        list-style-type: none;
        float: left;
        margin: 0px 0px 0px 65px;
        font-weight: bold;
        position: absolute;
        top: 60px;
    }

        .loggedInTime ul li {
            display: inline;
        }

.headerWelcome {
    float: right;
    color: #FFF;
}

    .headerWelcome span a {
        color: #3b3e40;
        text-decoration: underline;
    }

.welcomeTxt {
    width: 180px;
    float: left;
}

.welcomeImage {
    width: 44px;
    float: left;
}

.logout {
    width: 16px;
    float: left;
}

.settingsLogout {
    width: 130px;
    float: left;
    background: #fff;
    z-index: 999;
    position: relative;
    right: 100px;
    margin: 15px 0px 0px 0px;
    box-shadow: 0px 0px 3px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .settingsLogout ul {
        list-style-type: none;
        margin: 5px 0px 0px 5px;
    }

        .settingsLogout ul li {
            padding: 0px 15px 5px 15px;
            font-weight: bold;
        }

            .settingsLogout ul li a {
                color: #3b3e40;
            }

                .settingsLogout ul li a:hover {
                    color: #933;
                }

.welcomeImage img {
    margin: 15px 0px 0px 0px;
}

.welcomeTxt ul {
    list-style-type: none;
    float: right;
    margin: 20px 5px 0px 0px;
}

.logout img {
    float: right;
    margin: 30px 0px 0px 0px;
}

.welcomeStyle {
    color: #fff;
}

.adminTxt {
    color: #2d2e31;
    font-size: 14px;
}


.menu {
    width: 1000px;
    height: 35px;
    margin: 5px auto;
    margin-bottom: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ebebeb;
    font-weight: bold;
}

.imgpadding {
    position: relative;
    top: -5px;
    left: 1px;
}

ul.contentMainMenu {
    list-style-type: none;
    padding: 8px 0px 0px 0px;
    width: 100%;
}

    ul.contentMainMenu li {
        display: inline;
        float: left;
    }

.contentMenu ul.contentMainMenu li.mainmenu a {
    padding: 5px 5px 10px 7px;
    color: #3b3e40;
}

/* Sub menu styles*/

#nav {
    list-style: none;
}

    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li.mainmenu {
        float: left;
        display: block;
        width: 135px;
        position: relative;
        z-index: 500;
        margin: 0 1px;
        text-align: center;
    }


        #nav li.mainmenu a:hover {
            color: #933;
        }

    /* you can make a different style for default selected value */
    #nav a.selected {
        color: #f00;
    }

    /* submenu, it's hidden by default */
    #nav ul.submenu {
        position: absolute;
        left: 0;
        display: none;
        margin: 0 0 0 -1px;
        padding: 0;
        list-style: none;
        background: #ebebeb;
        width: auto;
        height: auto;
        text-align: left;
    }

        #nav ul.submenu li { /*width:450px;*/
            width: 135px;
            height: auto;
            float: left;
            color: #3b3e40;
            text-align: left;
        }





        /* display block will make the link fill the whole area of LI */
        #nav ul.submenu a {
            display: block;
            height: auto;
            padding: 3px 3px 0px 10px;
            text-align: left;
            color: #3b3e40;
            font-size: 12px;
        }

            #nav ul.submenu a:hover {
                color: #933;
            }

    /* this is the parent menu */
    #nav li.mainmenu a {
        display: block;
        padding: 5px 5px 5px 10px;
        width: auto;
        height: auto;
        text-decoration: none;
        color: #3b3e40;
    }


        #nav li.mainmenu a:hover {
            color: #933;
        }

    /* you can make a different style for default selected value */
    #nav a.selected {
        color: #f00;
    }

    /* submenu, it's hidden by default */


    /* Submenu for submenu styles added*/


    #nav li.mainmenu1 {
        float: left;
        display: block;
        width: 50px;
        position: relative;
        z-index: 500;
        margin: 0 1px;
        text-align: center;
    }


        #nav li.mainmenu1 a {
            display: block;
            padding: 5px 5px 5px 10px;
            width: auto;
            height: auto;
            text-decoration: none;
            color: #3b3e40;
        }


            #nav li.mainmenu1 a:hover {
                color: #fff;
                background: #6cb3cc;
            }

    #nav ul.submenu1 {
        position: absolute; /*left:80px;*/
        left: 137px;
        top: 0px;
        display: none;
        margin: 0 0 0 -1px;
        padding: 0;
        list-style: none;
        background: #ebebeb;
        width: 150px;
        height: auto;
        text-align: left;
        border: 1px solid #d7d7d7;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        box-shadow: 0px 0px 2px #383b3d;
    }

        #nav ul.submenu1 li {
            width: 150px;
            height: auto;
            float: left;
            color: #3b3e40;
            text-align: left;
        }

        /* display block will make the link fill the whole area of LI */
        #nav ul.submenu1 a {
            display: block;
            height: auto;
            padding: 3px 3px 5px 10px;
            text-align: left;
            color: #3b3e40;
            font-size: 12px;
        }

            #nav ul.submenu1 a:hover {
                color: #fff;
                background: #6cb3cc;
            }


    #nav li.mainmenu2 {
        float: left;
        display: block;
        width: 50px;
        position: relative;
        z-index: 500;
        margin: 0 1px;
        text-align: center;
    }


        #nav li.mainmenu2 a {
            display: block;
            padding: 5px 5px 5px 10px;
            width: auto;
            height: auto;
            text-decoration: none;
            color: #3b3e40;
        }


            #nav li.mainmenu2 a:hover {
                color: #fff;
                background: #6cb3cc;
            }

    #nav ul.submenu2 {
        position: absolute; /*left:80px;*/
        left: 151px;
        top: 0px;
        display: none;
        margin: 0 0 0 -1px;
        padding: 0;
        list-style: none;
        background: #ebebeb;
        width: 150px;
        height: auto;
        text-align: left;
        border: 1px solid #d7d7d7;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        box-shadow: 0px 0px 2px #383b3d;
    }

        #nav ul.submenu2 li {
            width: 150px;
            height: auto;
            float: left;
            color: #3b3e40;
            text-align: left;
        }

        /* display block will make the link fill the whole area of LI */
        #nav ul.submenu2 a {
            display: block;
            height: auto;
            padding: 3px 3px 5px 10px;
            text-align: left;
            color: #3b3e40;
            font-size: 12px;
        }

            #nav ul.submenu2 a:hover {
                color: #fff;
            }




/* End of submenu styles*/

.ContentContainer {
    width: 1000px;
    margin: 5px auto;
}

.InnerPagesContainer {
    width: auto;
    position: relative;
    z-index: 0;
    height: 448px;
    margin-bottom: 10px auto;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 3px #333537;
}

.pageHeader {
    width: 100%;
    height: 30px;
    background: url(../Images/RMSImages/headingBg.png) no-repeat top left;
    padding: 2px 0px 0px 5px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.pageHeader1 {
    width: 100%;
    height: 30px;
    background: url(../Images/RMSImages/headingBg.png) no-repeat top left;
    padding: 2px 0px 0px 5px;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.pageTitle {
    width: 100%;
}


.TakeExamForm {
    width: 490px;
    position: relative;
    top: 80px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 3px #333537;
    background: #ffffff;
}

.tblExamRegistration {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

    .tblExamRegistration tr th {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        width: 100%;
        height: 25px;
        padding: 0px 0px 0px 5px;
    }

    .tblExamRegistration tr td {
        padding: 4px;
    }

.MessagesAcademic {
    width: 1000px;
    float: left;
}

.Messages {
    width: 578px;
    height: 169px;
    background: #FFF;
    float: left;
    border: 3px solid #d7d7d7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0px 0px 2px #383b3d;
}

.Academic {
    width: 400px;
    float: right;
    background: #FFF;
    border: 3px solid #d7d7d7;
    margin: 0px 0px 0px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.tblMsgAcademic {
    width: 100%;
    border-collapse: collapse;
}

    .tblMsgAcademic tr th {
        background: #37a6cd;
        height: 29px;
        padding: 0px 10px 0px 10px;
    }

    .tblMsgAcademic tr td {
        height: 35px;
        font-size: 14px;
        padding: 0px 0px 0px 5px;
        border-right: 1px solid #d7d7d7;
    }

.headerTitle {
    color: #FFF;
    font-size: 22px;
}

.headerTitleStudent {
    width: 430px;
    height: 30px;
    background: url(../Images/RMSImages/headingBg.png) no-repeat;
    float: left;
    margin: 5px 0px 0px 5px;
    padding: 5px 0px 0px 5px;
}

.headerTextStudent {
    font-size: 18px;
    color: white;
    font-weight: bold;
}

.headerViewTxt a {
    color: #fff;
    font-size: 12px;
    font-style: italic;
    text-decoration: underline;
}

.contentViewTxt a {
    color: #37a6cd;
    font-size: 13px;
    font-style: italic;
    text-decoration: underline;
}

.RequestStatistics {
    width: 1000px;
    float: left;
}

.Requests {
    width: 578px;
    float: left;
    margin: 10px 0px 0px 0px;
    background: #FFF;
    border: 3px solid #d7d7d7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.Statistics {
    width: 400px;
    float: right;
    margin: 10px 0px 0px 10px;
    background: #FFF;
    border: 3px solid #d7d7d7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.ChallengesGraph {
    width: 1000px;
    float: left;
    margin-bottom: 20px;
}

.Challenges {
    width: 578px;
    float: left;
    margin: 10px 0px 0px 0px;
    background: #FFF;
    border: 3px solid #d7d7d7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.Graph {
    width: 400px;
    height: 169px;
    float: right;
    margin: 10px 0px 0px 10px;
    background: #d7d7d7;
    border: 3px solid #d7d7d7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.FooterContainer {
    width: 100%;
    margin: 5px 0px 0px 0px;
    float: left;
    height: 61px;
    background: url(../Images/RMSImages/footerBG.png) repeat-x;
}

.Footer {
    width: 1000px;
}

    .Footer p {
        float: right;
        color: #fff;
        margin: 20px 0px 0px 10px;
    }

.tblAcademicGrid {
    width: 30%;
    float: left;
}

.tblAcademicAdditionalPnts {
    width: 40%;
    float: left;
}

.tblAcademicPointsTxt {
    width: 30%;
    float: left;
}

.tblStatisticsTxt {
    width: 40%;
    float: left;
}

.tblStatisticsGrid {
    width: 20%;
    float: left;
}

.tblStatisticsExams {
    width: 40%;
    float: left;
}

.tblChallengeTxt {
    width: 40%;
    float: left;
}

.tblChallengeGrid {
    width: 60%;
    float: left;
}

.tblEvaluationFields {
    width: 60%;
    float: left;
}

.EvaluationMsg {
    width: 40%;
    float: left;
}

.tblEvaluationMsg {
    width: 100%;
    border-collapse: collapse;
}

    .tblEvaluationMsg tr td {
        height: 35px;
        font-size: 14px;
        padding: 0px 0px 0px 5px;
        border-right: 1px solid #d7d7d7;
    }

.listvwTbl tr td {
    text-align: center;
}

.ModalPopupBG {
    background-color: #000000;
    filter: alpha(opacity=15);
    opacity: 0.15;
}

/* Modal popup styles*/

.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: 400px;
    top: 35%;
    left: 50%;
    margin-left: -190px;
    margin-top: -90px;
    background-color: #ffffff;
    padding: 0px;
    z-index: 102;
    border-bottom: 5px;
}

.schools_web_dialog {
    display: none;
    position: fixed;
    width: 800px;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    padding: 0px;
    z-index: 102;
    border-bottom: 5px;
}

.web_dialog_title {
    width: 100%;
    padding: 4px;
    background-color: #37a6cd;
    color: White;
    font-weight: bold;
}

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

.align_right {
    text-align: right;
}

/*End of modal popup styles*/

.btnStyle {
    background: url(../Images/RMSImages/buttonBg.png) repeat-x;
    cursor: pointer;
    font-size: 12px;
    font-family: Calibri;
    border: none;
    padding: 0px 8px 0px 8px;
    height: 26px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    color: #FFFFFF;
}

.panelConfirmContainer {
    width: 350px;
    background: white;
    position: fixed;
    z-index: 2000;
    margin: 8px 0px 0px 37px;
}

.pendingExamList {
    list-style-type: none;
}

    .pendingExamList li {
        display: inline;
        padding: 0px 0px 0px 10px;
    }

.txtbox {
    width: 250px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 24px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}
.txtboxHeaderGrid {
    width: 90px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 24px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}
.confrmtnPopup tr td {
    padding: 3px;
}

.panelExamInfoContainer {
    width: 800px;
    background: white;
    position: relative;
    z-index: 2000;
    margin: 0px 0px 0px 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 6px #333537;
}

.ExamInfoDetailsContainer {
    width: 753px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 6px #333537;
    margin: 7px 0px 0px 23px;
    float: left;
}

.tblExamInfo {
    width: 40%;
    float: left;
}

.tblExamInfo1 {
    width: 45%;
    float: left;
}

    .tblExamInfo1 tr td {
        padding-left: 10px;
    }

.tblExamInfoGrid {
    width: 750px;
}

    .tblExamInfoGrid tr th {
        background: #37a6cd;
        color: #fff;
    }

    .tblExamInfoGrid tr td {
        padding: 5px;
    }

.ErrorField {
    color: #ba2323;
    float: right;
}
.ErrorFieldmsg {
    color: #ba2323;
    float: left;
}

.requiredFieldMsg {
    color: #ba2323;
    float: left;
}

/* Added Styles in ERP */

.FilterContent {
    width: 100%;
    height: 33px;
    color: #1f60b0;
    background: url(../images/TittleBarBg.jpg) repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

.filterContentCenter
{
    padding-top:0.5%;
  
    width:1%;
          float: left;
}
.filterContentLeft
{
    width: 90%;
    float: left;
}
.filterContentRight {
    width: 10%;
    float: right;
}

.enquiryList {
    list-style-type: none;
    padding: 5px 0px 0px 10px;
    float: left;
}

    .enquiryList li {
        display: inline;
        padding: 0px 10px 0px 0px;
        color: #000000;
    }


.enquiryListSearchBtn {
    list-style-type: none;
    padding: 4px 0px 0px 0px;
    float: left;
}

    .enquiryListSearchBtn li {
        display: inline;
        padding: 0px 0px 0px 0px;
        color: #000000;
    }

.searchList {
    list-style-type: none;
    padding: 4px 0px 0px 10px;
    float: left;
}

    .searchList li {
        display: inline;
        padding: 0px 10px 0px 0px;
        color: #000000;
    }

.ddlList {
    width: 200px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 24px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.ddlList1 {
    width: 90px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 24px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.filterTxt {
    font-weight: bold;
}

.btnStyle {
    background: url(../Images/RMSImages/buttonBg.png) repeat-x;
    cursor: pointer;
    font-weight: bold;
    border: none;
    padding: 0px 8px 0px 8px;
    height: 26px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    color: #FFFFFF;
}


.addBtns {
    list-style-type: none;
    padding: 5px 0px 0px 0px;
    float: right;
}

    .addBtns li {
        display: inline;
        padding: 0px 0px 0px 0px;
        color: #000000;
    }

.MainContentContainer {
    width: 1000px;
    margin: 0px 0px 10px 0px;
    float: left;
    background: #fff;
}

/*.gdvwList {
    width: 95%;
    margin: 10px 0px 0px 25px;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}*/


.gdvwList {
    width: 100%;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .gdvwList tr th {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        padding: 0px 0px 0px 5px;
        border: 1px solid #C4C4C4;
    }

    .gdvwList tr td {
        border: 1px solid #C4C4C4;
        padding: 0px 5px 0px 5px;
    }
    
    .gdvwListForOutlet {
    width: 30%;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .gdvwListForOutlet tr th {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        padding: 0px 0px 0px 5px;
        border: 1px solid #C4C4C4;
    }

    .gdvwListForOutlet tr td {
        border: 1px solid #C4C4C4;
        padding: 0px 5px 0px 5px;
    }


    /*.searchItemList {
    width: 100%;
    height:100px;
    overflow-x:hidden;
    overflow-y:scroll;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .searchItemList tr th {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        padding: 0px 0px 0px 5px;
        border: 1px solid #C4C4C4;
    }

    .searchItemList tr td {
        border: 1px solid #C4C4C4;
        padding: 0px 5px 0px 5px;
    }*/






.gdvwList1 {
    width: 100%;
    margin: 36px 0px 0px 4px;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .gdvwList1 tr th {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        padding: 0px 0px 0px 5px;
        border: 1px solid #C4C4C4;
    }

    .gdvwList1 tr td {
        border: 1px solid #C4C4C4;
        padding: 0px 5px 0px 5px;
    }

.gdvwListAssociateItem {
    width: 99%;
    /*-moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
}

    .gdvwListAssociateItem tr th {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        padding: 0px 0px 0px 5px;
        border: 1px solid #C4C4C4;
    }

    .gdvwListAssociateItem tr td {
        border: none;
        padding: 0px 5px 0px 5px;
    }

.headerRow {
    background: #37a6cd;
    padding: 0px;
    color: #fff;
    height: 25px;
    padding: 0px 0px 0px 5px;
    border: 1px solid #C4C4C4;
}

.headerRowWithOurBorder {
    background: #37a6cd;
    padding: 0px;
    color: #fff;
    height: 25px;
    padding: 0px 0px 0px 5px;
    border: 0px;
}

.pagingLink {
    padding: 0 10px 0px 5px;
}

.optnsAlign {
    text-align: left;
}

.optionsList {
    list-style-type: none;
    padding: 5px 0px 0px 10px;
}

    .optionsList li {
        display: inline;
        padding: 0px 10px 0px 0px;
        float: left;
        color: #000000;
    }

.InnerContentContainer {
    width: 90%;
    margin: 10px 0px 0px 45px;
}

.tblRegistration {
    width: 100%;
    margin: 10px 0px 5px 0px;
}

    .tblRegistration tr td {
        padding: 10px 5px 10px 5px;
    }

.txtArea {
    width: 250px;
    height: 200px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 24px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}


.rbtn {
    float: left;
}

.chkBox {
    float: left;
}

.panelUserContainer {
    width: 300px;
    height: 100px;
    background: #FFF;
    position: fixed;
    z-index: 2000;
    margin: -50px 0px 0px 39px;
}

.tblPopup {
    width: 100%;
    border-collapse: collapse;
}

    .tblPopup tr th {
        background: #37a6cd;
        height: 25px;
        padding: 0px;
        color: #fff;
    }

    .tblPopup tr td {
        padding: 3px;
    }

.btnClose {
    float: right;
}

.tblUserView {
    width: 60%;
    margin: 10px 0px 0px 0px;
}

    .tblUserView tr td {
        padding: 5px;
    }

.tblAddBranch {
    width: 60%;
    margin: 10px 0px 0px 0px;
}

    .tblAddBranch tr td {
        padding: 3px;
    }

.tblAddStore {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

    .tblAddStore tr td {
        padding: 5px;
    }


.lblTitle {
    font-weight: bold;
}

.tblUOM {
    width: 100%;
    float: left;
}

.pageHeader1 {
    background: #37a6cd;
    height: 25px;
    padding: 0px;
}

.storeborder {
    border-right: 1px solid #dddbdb;
    position: relative;
}


.tblUOM tr td {
    padding: 5px 0px 5px 5px;
}


.tblUOMBtns {
    position: relative;
    left: 150px;
}

.panelUOMContainer {
    width: 400px;
    background: #FFF;
    position: fixed;
    z-index: 2000;
    margin: 10px 0px 0px 39px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.panelAddChargesContainer {
    width: 800px;
    background: #FFF;
    position: fixed;
    z-index: 2000;
    margin: 10px 0px 0px 39px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.panelPOSearch {
    width: 950px;
    /*height: 320px;
    overflow-y:scroll;
    overflow-x:hidden;*/
    background: #FFF;
    position: fixed;
    z-index: 2000;
    margin: 10px 0px 0px 0px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
    padding: 0px 0px 10px 0px;
}

.searchItemListGrid {
    width:100%;
    height:200px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.txtboxPopUp {
    width: 200px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 24px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.txtboxForgotPwd {
     width: 200px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 20px;
    border: 1px solid #CCC;
    /*border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;*/
}

.txtboxPopUp1 {
    width: 100px;
    color: #393636;
    font-family: Calibri;
    font-size: 12px;
    height: 24px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}


.lblMessage {
    color: green;
    position: relative;
    /*top: 5px;*/
    left: 5px;
    font-weight: bold;
}

/*End of Added Styles in ERP*/

.mandatorystar {
    color: #ba2323;
}

.ErrorMessage {
    color: green;
    font-weight: bold;
}


.tblCountryBtns {
    position: relative;
    left: 100px;
}


.contactInfo {
    background-color: #19a3c8;
    color: white;
    font-weight: bold;
}


.AddList {
    width: 59%;
    float: left;
}

.AddStockList {
    width: 59.9%;
    float: left;
    border-right: 1px solid #CCC;
}

.AddStockEntry {
    width: 40%;
    float: right;
}


.AddStore {
    position: relative;
    bottom: 10px;
}

.AddStoreEntry {
    width: 50%;
    float: left;
    border-right: 1px solid #CCC;
}

.AddItemList {
    width: 64.9%;
    float: left;
}

.AddItemEntry {
    width: 35%;
    float: left;
    border-right: 1px solid #CCC;
}


.AddStorepostal {
    position: relative;
    bottom: 18px;
}

.addStoredropdown {
    position: relative;
    bottom: 15px;
}

.AddStoreType {
    position: relative;
    bottom: 7px;
}

.Contact {
    position: relative;
    top: 10px;
}

.Contact1 {
    position: relative;
    top: 15px;
}

.SuccessMsg {
    width: 50%;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 20px;
    color: green;
}

.pnlDeleteContainer {
    width: 300px;
    height: 90px;
    background: #FFF;
    position: fixed;
    z-index: 2000;
    margin: 10px 0px 10px 39px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.pnlForgotPwdContainer {
    width: 350px;
    background: #FFF;
    position: fixed;
    z-index: 2000;
    margin: 10px 0px 10px 39px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.AddList {
    width: 59.9%;
    float: left;
}

.AddEntry {
    width: 40%;
    float: left;
    border-right: 1px solid #CCC;
}

.grdSeperator {
    width: 99%;
    margin: 10px 0px 10px 3px;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .grdSeperator tr th {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        padding: 0px 0px 0px 5px;
        border: 1px solid #C4C4C4;
    }

    .grdSeperator tr td {
        border: 1px solid #C4C4C4;
        padding: 0px 5px 0px 5px;
    }

.AddBranchtd {
    position: relative;
    padding: 18px 0px 0px 3px;
}

.pnlRequestQuotation {
    width: 100%;
    float: left;
}

.requestQuoLeft {
    width: 50%;
    float: left;
}

.tblReqQuotationDetails {
    width: 60%;
    float: left;
    margin: 5px 0px 0px 22px;
    padding: 2px;
}

.tblReqQuotationSearchCategories {
    width: 60%;
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 3px #333537;
}

    .tblReqQuotationSearchCategories tr th {
        background: #37a6cd;
        color: #fff;
    }

    .tblReqQuotationSearchCategories tr td {
        padding: 2px;
    }

.requestQuoRight {
    width: 40%;
    float: left;
    background: #fff;
}

.searchBtn {
    float: right;
    margin: 0px 0px 0px 0px;
}

.reqQuotationSearchBtn {
    width: 48%;
    float: left;
    margin: 5px 0px 0px 0px;
}

.reqQuotationAddBtn {
    width: 20%;
    float: left;
    margin: 5px 0px 5px 24px;
}

.ItemSupplierDetails {
    width: 95%;
    float: left;
    margin: 0px 0px 10px 23px;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .ItemSupplierDetails .tblItemDetails {
        float: left;
        margin: 10px 0px 0px 10px;
    }

.tblSupplierList {
    float: left;
    margin: 0px 0px 0px 18px;
}

.SupplierList {
    list-style-type: none;
    margin: 0px 0px 5px 25px;
}

    .SupplierList li {
        padding: 0px 0px 5px 0px;
    }

.reqQuotationSupplierAddBtn {
    float: right;
    margin: 0px 28px 5px 0px;
}

.tblRFQBtns {
    width: 60%;
    float: left;
    margin: 0px 0px 10px 400px;
}

/* Purchase Order Entry Page*/

.POEntryDetails {
    width: 99%;
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.tblPOEntryDetailsHeader {
    width: 100%;
    float: left;
}

    .tblPOEntryDetailsHeader tr th {
        background: #37a6cd;
        height: 20px;
        color: #FFF;
        padding: 0px 10px 0px 5px;
        text-align: left;
    }

.tblPOEntryDetailsEntry {
    width: 98%;
    float: left;
    margin: 0px 0px 10px 10px;
    padding: 5px;
}

    .tblPOEntryDetailsEntry tr th {
        background: #37a6cd;
        color: #FFF;
        padding: 0px 10px 0px 5px;
        text-align: left;
    }

    .tblPOEntryDetailsEntry tr td {
        padding: 2px;
    }

.tblMRQEntryDetailsEntry {
    width: 98%;
    float: left;
    margin: 0px 0px 10px 10px;
    padding: 5px;
}

    .tblMRQEntryDetailsEntry tr th {
        background: #37a6cd;
        color: #FFF;
        padding: 0px 10px 0px 5px;
        text-align: left;
    }

    .tblMRQEntryDetailsEntry tr td {
        padding: 2px;
    }

.tblGRNEntryDetailsEntry {
    width: 98%;
    float: left;
    margin: 0px 0px 10px 10px;
    padding: 0px;
}

    .tblGRNEntryDetailsEntry tr th {
        background: #37a6cd;
        color: #FFF;
        padding: 0px 10px 0px 5px;
        text-align: left;
    }

    .tblGRNEntryDetailsEntry tr td {
        padding: 2px;
    }


.tblPOInvoiceEntryDetailsEntry {
    width: 100%;
    float: left;
    margin: 10px 0px 10px 0px;
    padding: 5px;
}

    .tblPOInvoiceEntryDetailsEntry tr th {
        background: #37a6cd;
        color: #FFF;
        padding: 0px 10px 0px 5px;
        text-align: left;
    }

    .tblPOInvoiceEntryDetailsEntry tr td {
        padding: 2px;
    }

.POCustomFieldTagList {
    width: 100%;
    float: left;
}

.POCustomerFieldList {
    width: 59%;
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.UserDeptList {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}
.UserDeptListForadmin {
    width: 30%;
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}
.UserStoreList {
    width:33%;
    float: left;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb; /*border-left: 1px solid #CCC;  border-right: 1px solid #CCC;*/
}
.UserOutletList {
    width:33%;
    float: left;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb; /*border-left: 1px solid #CCC;  border-right: 1px solid #CCC;*/
}
.POCustomerTagList {
    width: 39.8%;
    float: left;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb; /*border-left: 1px solid #CCC;  border-right: 1px solid #CCC;*/
}

.tblCustomerFieldList {
    width: 95%;
    float: left;
    margin: 0px 0px 0px 5px;
}

    .tblCustomerFieldList tr td {
        padding: 3px;
    }

.tblPOEntryDetailsCustomerTagHeader {
    width: 100%;
    float: left;
}

    .tblPOEntryDetailsCustomerTagHeader tr th {
        background: #37a6cd;
        height: 20px;
        color: #FFF;
        text-align: left;
        padding: 0px 0px 0px 5px;
    }

.tblPOEntryDetailsCustomerFieldHeader {
    width: 99.5%;
    float: left;
    margin: 0px 10px 0px 2px;
}

    .tblPOEntryDetailsCustomerFieldHeader tr th {
        background: #37a6cd;
        height: 20px;
        color: #FFF;
        text-align: left;
        padding: 0px 0px 0px 5px;
    }

.POItemListDetails {
    width: 59%;
    height: 195px;
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.POorderSummary {
    width: 40%;
    float: right;
}

.purchaseSearch {
    width: 100%;
}

.tblPurchaseSearch {
    width: 50%;
    float: left;
}

    .tblPurchaseSearch tr td {
        font-weight: bold;
    }

.tblPOCustomerTagddl tr td {
    padding: 4px;
}

.PObtns {
    width: 50%;
    float: left;
    margin: 10px 0px 10px 450px;
}


.tblRFQDetailsEntry {
    width: 100%;
    float: left;
}

    .tblRFQDetailsEntry tr th {
        background: #37a6cd;
        color: #FFF;
        padding: 0px 0px 0px 0px;
        text-align: left;
    }

    .tblRFQDetailsEntry tr td {
        padding: 2px;
    }

/* End of Purchase Order Entry Page*/

.tblTempPOEntryDetailsEntry {
    width: 80%;
    float: left;
}

    .tblTempPOEntryDetailsEntry tr th {
        background: #37a6cd;
        color: #FFF;
        padding: 0px 10px 0px 5px;
        text-align: left;
    }

    .tblTempPOEntryDetailsEntry tr td {
        padding: 2px;
    }

.TempPOItemListDetails {
    width: 99%;
    /*height: 195px;*/
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.GRNList {
    list-style-type: none;
}

.POClosureItemListDetails {
    width: 99%;
    height: 130px;
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.GRNItemListDetails {
    width: 99%;
    /*height: 162px;*/
    float: left;
    margin: 0px 0px 0px 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.tblPOClosureEntryDetailsEntry {
    width: 50%;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 5px;
}

    .tblPOClosureEntryDetailsEntry tr th {
        background: #37a6cd;
        color: #FFF;
        padding: 0px 10px 0px 5px;
        text-align: left;
    }

    .tblPOClosureEntryDetailsEntry tr td {
        padding: 2px;
    }

.txtTitle {
    font-weight: bold;
}


/* Modified Menu Styles*/

.oe_overlay {
    background: #000;
    opacity: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

ul.oe_menu {
    list-style: none;
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 1000px;
    height: 35px;
    float: left;
    clear: both;
}

    ul.oe_menu > li {
        width: 112px;
        /*height:101px;*/
        /*padding-bottom:2px;*/
        float: left;
        position: relative;
    }

        ul.oe_menu > li > a {
            display: block;
            color: #222;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
            width: 90px;
            /*height:80px;*/
            padding: 8px 10px 8px 10px;
            margin: 1px;
            /*text-shadow:0px 0px 1px #000;*/
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            opacity: 0.8;
        }

            ul.oe_menu > li > a:hover,
            ul.oe_menu > li.selected > a {
                background: #fff;
                color: #222;
                opacity: 1.0;
            }

.oe_wrapper ul.hovered > li > a {
    background: #fff;
    /*text-shadow:0px 0px 1px #FFF;*/
}

ul.oe_menu div {
    position: absolute;
    /*top:0px;*/
    left: 1px;
    background: #fff;
    width: 993px;
    /*height:180px;*/
    padding: 2px 0px 5px 5px;
    display: none;
    box-shadow: 0px 0px 3px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    ul.oe_menu div ul li a {
        text-decoration: none;
        color: #222;
        padding: 0px 2px 2px 4px;
        /*margin:2px;*/
        display: block;
        font-size: 12px;
    }

    ul.oe_menu div ul.oe_full {
        width: 100%;
    }

    ul.oe_menu div ul li a:hover {
        background: #000;
        color: #fff;
    }

ul.oe_menu li ul {
    list-style: none;
    float: left;
    width: 150px;
    margin-right: 10px;
}

li.oe_heading {
    color: #aaa;
    font-size: 16px;
    margin-bottom: 2px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
}
/* For Calender Extender */
.ajax__calendar_days table tr td, .ajax__calendar_months table tr td, .ajax__calendar_years table tr td {
    padding: 0px;
    margin: 0px;
}

/* End of Modified Menu Styles*/

.panelSearchViewContainer {
    width: 800px;
    /*height: 200px;*/
    background: #FFF;
    margin: 10px 0px 0px 39px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
    z-index: 99999999;
    position: absolute;
    left: 5%;
    top: 7%;
    padding: 5px;
}

.gdvwListAssociateItem tr td {
    border-collapse: collapse;
}

.customFieldSearchView {
     width: 49%;
     float:left;
    /*height: 200px;*/
    background: #FFF;
    margin: 5px 0px 0px 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.customTagSearchView {
     width: 48.5%;
     float:left;
    /*height: 200px;*/
    background: #FFF;
    margin: 5px 0px 0px 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

.tblOrderSummarySearch {
     width:98.5%;
    /*height: 200px;*/
    background: #FFF;
    margin: 0px 0px 0px 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: inset 0 3px 5px #dddbdb;
    -webkit-box-shadow: inset 0 3px 5px #000000;
    box-shadow: inset 0 3px 5px #dddbdb;
}

    .tblOrderSummarySearch th {
        height:20px;
    }

#ContentPlaceHolder1_ChkCustomTagList
{
    width:100%;
    float:left;
}

/* Login Page */

.loginContainer { width:530px; }

.loginMainContainer { width:530px; height:330px;  background:#ffffff;float:left; margin:180px 0px 0px 0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.loginLogo { width:530px; height:80px; float:left; border-bottom:1px solid #8f8f8f; margin:0px 0px 0px  1px;}

.loginLogo img { margin:12px 0px 0px 170px; }

.loginContentContainer { width:420px; float:left; margin:35px 0px 0px 45px;height:350px}

.loginTxt { color:#212121; font-size:12px;}

.loginTxtBox { width:319px; height:25px; border:1px solid #a0a0a0;}

.tblLogin tr td { padding:0px 0px 20px 0px;}

.loginForgotPwd {  color:#212121; font-size:16px; font-style:italic; float:right; font-weight:500; position:relative;bottom:10px;}

.btnLogin { background:#37a6cd; width:150px; height:30px; color:#FFF; font-weight:bold; font-size:16px; border:none; cursor:pointer; position:relative; bottom:10px; left:120px;}

/* End of Login Page */
#tblAddFucntionAction { width:100%; float:left; background:#933;
}

    #tblAction tr td {
       height:100px;
    }

    
.tblAssociation {
    width: tr%;
    border-collapse: collapse;
}

    .tblAssociation tr th {
        background: #37a6cd;
        height: 25px;
        padding: 0px;
        color: #fff;
    }

    .tblAssociation tr td {
        padding:5px 0px 0px 10px;
    }

.AssociationHeader {
    /*background: #37a6cd;*/
    background:#dddbdb;
    height: 25px;
    padding: 0px 0px 0px 3px;
    /*color:#fff;*/
    font-weight:bold;
    border-bottom:1px solid #dddbdb;

}

.AssociatedColumns{
    width:967px;
    /*border:1px solid #a0a0a0;*/
    background: none;
    font-weight: bold;
    float:left;
    padding:0px 0px 0px 15px;
    border-bottom:1px solid #dddbdb;
}

    .AssociatedColumns td {
        padding:3px;
    }

#tblAddFucntionAction {
    width: 100%;
    float: left;
}


label {

	margin-right: .5em;
	padding: .15em 0;
	font-weight: bold;
}

.ui-spinner {
	width: 15em;
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #999;
	background: #FEFEFE url(images/spinner-bg.gif) repeat-x left bottom;
	padding: 0 5px;
}

.ui-spinner-disabled {
	background: #F4F4F4;
	color: #CCC;
}

.ui-spinner-box {
	width: 90%;
	height: 100%;
	float: left;
	font-size: 125%;
	border: none;
	background: none;
	padding: 0;
}

.ui-spinner-up,
.ui-spinner-down {
	width: 10%;
	height: 50%;
	font-size: 0.5em;
	padding: 0;
	margin: 0;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 0;
	cursor: default;
	border: 1px solid #999;
	border-right: none;
	border-top: none;
}

.ui-spinner-down {
	bottom: 0;
	border-bottom: 0;
}

.ui-spinner-pressed {
	background: #FEFEFE;
}

.ui-spinner-list,
.ui-spinner-listitem {
	margin: 0;
	padding: 0;
}
.tblRoleHeader
{
    width: 100%;
    float: left;
}

    .tblRoleHeader tr th
    {
        background: #37a6cd;        
        color: #FFF;
        /*padding: 0px 10px 0px 5px;*/
        text-align: left;
        border-collapse:collapse;
    }

    .thfungrouplast { vertical-align:top; padding:4px !important; }

    .trfungroup { background-color:#ccc;color:#333;vertical-align:top; padding:4px !important;width:6%; }
    
     .trfungroup1 { background-color:#ccc;color:#333;vertical-align:top; padding:4px !important; width:13%; }

.dynamictable
{
    border-right:1px solid #000000
}

.lbl
{
    font-size:medium;
    font-weight:bold;
}
.lblAmount
{
    font-size:larger;
    font-weight:bold;
}
subheading
{
    background-color: #25A0C5;
    height: 50px;
    font-weight: bold;
    color:White;
   
}

/*Periyasamy*/

.cal_Theme1 .ajax__calendar_container
{
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body
{
    background-color: #ffffff;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
}

.cal_Theme1 .ajax__calendar_day
{
    color: #004080;
    text-align: center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today
{
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}

.subheading
{
    background-color: #25A0C5;
    height: 30px;
    font-weight: bold;
}

.TMainContainer
{
    width: 100%;
}

.TMainHeader
{
    width: 100%;
    height: 80px;
    background: url(../Images/RMSImages/headerBG.png) repeat-x;
}



.TgdvwList
{
    width: 100%;
    border: none;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.TgdvwList tr th
{
    background: #37a6cd;
    padding: 5px;
    color: #fff;
    height: 25px;
    padding: 0px 0px 0px 5px;
    border: none;
}

.TgdvwList tr td
{
    border: none;
    padding: 2px 5px 2px 5px;
    
}

    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }
    
  .reports li{ list-style-type:square;  color: #000;
    font-size: 16px;
    margin-bottom: 2px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
    margin-left:30px; }
    
    .gdvwStock
{
    width: 100%;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .gdvwStock tr th
    {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        border: 1px solid #C4C4C4;
    }

    .gdvwStock tr td
    {
        border: 1px solid #C4C4C4;
        padding: 0px 0px 0px 3px;
    }

.gdvwStockLedger
{
    width: 1500px;
    border: 1px solid #C4C4C4;
    -moz-box-shadow: inset 0 0px 6px #333537;
    -webkit-box-shadow: inset 0 0px 6px #333537;
    box-shadow: inset 0 0px 6px #333537;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .gdvwStockLedger tr th
    {
        background: #37a6cd;
        color: #fff;
        width: 400px;
        height: 50px;
        border: 1px solid #C4C4C4;
    }

    .gdvwStockLedger tr td
    {
        /*width:125px;*/
        height: 35px;
        border: 1px solid #C4C4C4;
        /*padding: 0px 0px 0px 3px;*/
    }

.gdvwStock1
{
    width: 250px;
}

    .gdvwStock1 tr th
    {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        border-top: 1px solid #c4c4c4;
        border-bottom: none;
        border-left: none;
        /*border-top:1px solid #c4c4c4;
        border-right:1px solid #c4c4c4;*/
    }

    .gdvwStock1 tr td
    {
        border: 1px solid #C4C4C4;
        border-collapse: collapse;
        padding: 0px;
    }

.gdvwStock2
{
    width: 250px;
}

    .gdvwStock2 tr th
    {
        background: #37a6cd;
        padding: 0px;
        color: #fff;
        height: 25px;
        border: none;
    }