
body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 11px;
    font-family: "Open Sans", sans-serif !important;
    height: 100%;
}

html {
    height: 100%;
    width: 100%;
}

form {
    height: 100%;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#outerTable {
    width: 100%;
    height: 100%;
    margin: 0px auto;
}

.messageboxcustomerpage {
    border: 1px solid gray;
    width: 555px;
    font-size: 18px !important;   
    text-align: center;      
    border-radius: 3px;
    line-height: 25px;

}

/*#ctl00_ContentPlaceHolder1_RadEditor2Wrapper {
    height: 175px !important;
}
#uc1_RadareaEditorWrapper {
    height: 175px !important;
}
#ctl00_ContentPlaceHolder1_RadEditor1Wrapper {
    height: 217px !important;
}*/
.textboxdesign {
    border: 1px solid #c4c4c4;
    height: 28px;
    width: 422px;
    font-size: 15px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: "Open Sans", sans-serif;
    padding-left: 7px;
    direction: ltr;
}

    .textboxdesign:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0 0 8px #7bc1f7;
        -moz-box-shadow: 0 0 8px #7bc1f7;
        -webkit-box-shadow: 0 0 8px #7bc1f7;
        padding-left: 7px;
    }


* html input {
    overflow: visible;
}


div, table, td, tr {
    font-size: 12px;
}

a {
    font-size: 13px;
}

    a:link {
        color: #10357f;
        text-decoration: none;
        outline: none;
    }

    a:visited {
        color: #10357f;
        text-decoration: none;
        outline: none;
    }

    a:active {
        color: #10357f;
        text-decoration: underline;
        outline: none;
    }



fieldset {
    border: solid 1px #ccc;
    text-align: left;
}

legend {
    font-weight: bold;
    color: Black;
    font-size: 14px;
}


/*** HEADER TEXT ***/
.topText1 {
    font-size: 22px;
    color: #000000;
}

/*** HEADER TEXT ***/

/*** FOR COMMON LOADING CLASS ACROSS THE SITE ***/
* html .loading_new {
    position: absolute;
}
/* DIRTY FIX FOR IE */
.loading_new {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}


#divBackGroundNew {
    /*CSS used for transparent black background*/
    display: block;
    position: absolute;
    background-color: #505050;
    filter: alpha(opacity=50);
    opacity: 0.50;
    -moz-opacity: 0.50;
    z-index: 10;
}

.wizbtnClass {
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #ccc;
}


.checkboxstoresetting {
    float: left;
    width: 55%;
    padding-top: 3px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.loading_background {
    background-color: White;
    filter: alpha(opacity=50);
    opacity: 0.50;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5055;
}

.divBor {
    clear: both;
    border-bottom: solid 1px #CCCCCC;
    padding: 5px 0px 5px 0px;
}

.lnkTabSelected {
    color: Black;
}

.tdall {
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
}

.tdtoprightleft {
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdlastbut1 {
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdright {
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdtop {
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdtopnright {
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdtopnrightbottom {
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdnrightbottom {
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdleftnright {
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdfirst {
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdmiddle {
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdlast {
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdtopbottom {
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-top: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}


.tdleftbottom {
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}


.tdrightbottom {
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.tdrightleftbottom {
    border-bottom: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-left: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-right: 1px solid #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border-width: 100%;
}

.one1 {
    width: 100%;
    min-width: 775px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
}

* html .one2 {
    border-left: 775px solid #fff;
}

* html .one3 {
    margin-left: -775px;
    position: relative;
}
/*\*/
* html .one2, * html .one3 {
    height: 1px;
}
/*/
        .width {
	        display: inline-block;
        }
        /**/
.tabledivHeader {
    display: table;
    width: 100%;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/
    border-collapse: separate;
}

.tablediv {
    display: table;
    width: 100%; /*background-color:#eee;*/
    border: 1px solid silver;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/
    border-collapse: separate;
}

.celldiv {
    float: left; /*fix for  buggy browsers*/
    display: table-cell; /*width:33%;*/ /*background-color:#ccc;*/
}

.rowdiv {
    display: table-row;
    width: auto;
}

.divmain {
    border: solid 0px #cccccc;
    padding: 1px 1px 1px 1px;
}

.divBgColor {
    background-color: #CCCCCC;
    height: 20px;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 5px;
}

.divBorderItem {
    border: solid 1px #BDBDBD; /*#EAEAEA*/
    padding: 5px 5px 5px 5px;
}

.divpadding {
    padding: 6px 5px;
}


/*BEGIN NAVIGATION Main Tab*/
#ynnav {
    padding: 0;
    clear: both;
    text-align: center;
}

    #ynsubnav h5, #ynnav h5 {
        display: none;
    }
    /* before class with border #ynnav ul{margin:0; padding:0 0 0 4px; list-style:none; height:14px; border-bottom: 1px solid #2c4463;}  */
    #ynnav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    #ynnav li {
        text-align: center;
        display: block;
        margin-right: 0px;
        padding-left: 1px;
        background: #f2f3f5 url(../../images/tab/sprite_vertical.png) 0 0 no-repeat;
    }

        #ynnav li div {
            display: block;
            margin: 1px;
            /*background: url(../../images/tab/sprite_main4.png) 100% -67px no-repeat;*/
            background: #ebebeb;
            padding-bottom: 0px;
            text-align: center;
        }

    #ynnav .lnkTab {
        display: block;
        font: 11px;
        font-weight: bold;
        color: Black; /*color: #434343;*/
        white-space: nowrap;
        text-decoration: none;
        text-align: center;
        margin: 0;
        padding-top: 0px;
    }
/*End of BEGIN NAVIGATION Main Tab*/




/*Applied for new estimate page by -- swetha on 10/12/2008*/
table.ex {
    color: #000000;
    background-color: #f1f1f1;
    font-size: 100%;
    padding: 0px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 0px solid gray;
    border-right: 0px solid gray;
}

.SheetFed {
    float: left;
    padding-top: 3px;
}

.sheetfedNote {
    margin-top: 2px;
}

.Estimatespn {
    padding-left: 10px;
}

.Estimatespn1 {
    padding-left: 5px;
}

.sheetfedCheckbox {
    float: left;
    margin-left: -3px;
}

.SheetFedprefil {
    width: 80px;
    padding-top: 3px;
}

table.ex th, table.ex td {
    padding-bottom: 2px;
    border-top: 0px solid gray;
    border-left: 0px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}
/*End of --Applied for new estimate page by -- swetha on 10/12/2008*/

/* ==== to be revised ====*/
.divLabel {
    background-color: #EEEEEE;
    text-align: left;
    vertical-align: top;
    padding: 5px;
    float: left;
}

.NewtxtBox {
    border-right: #737373 2px solid;
    border-top: silver 1px solid;
    padding-left: 4px;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    margin: 2px 0px 5px 4px;
    font-size: 12px;
    color: #000000;
    width: 200px;
    vertical-align: middle;
}

.Newddl {
    margin: 2px 0px 5px 4px;
    font-size: 12px;
    color: #000000;
}
/* end */

/* New classes for divs */
#content {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
}

#padding {
    padding: 8px;
}

#divPaddingMargin {
    padding: 8px;
}

#divPaddingMargin1 {
    padding: 8px;
}

#DivPaddingTop {
    margin-top: 8px;
}

#DivBtnPay {
    margin-top: 10px;
}

#leftcol {
    float: left;
    width: 49%;
}

#rightcol {
    float: right;
    width: 49%;
}

.header {
    float: left;
    width: 30%;
    padding: 3px;
    clear: both;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}
/*** FOR LABELS IN THE FORM ****/
.bglabel {
    /*float: left;
    width: 28%;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
    float: left;*/
    width: 220px;
    background-color: #EEE;
    padding: 1px 0 7px 5px;
    clear: left;
    vertical-align: middle;
    margin: 0 0 2px;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    text-align: left;
    height: auto;
min-height: 22px;
}

.bgLabel {
    float: left;
    width: 28%;
    background-color: #EEEEEE;
    padding: 8px 0 0 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
    height: auto;
min-height: 22px;
}


/* for 7559 new options lable width  */
.SheetFed {
    width: 210px;
}

.Mailchimpbglabel {
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 13px;
    color: Black;
    width: 24%;
}

.label {
    background-color: #EEEEEE;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 13px;
}

.bglabelWithoutClear {
    float: left;
    background-color: #EEEEEE;
    padding: 5px 0px 5px 0px;
    vertical-align: middle;
}

.bglabelWithoutleft {
    background-color: #EEEEEE;
    padding: 5px 0px 5px 0px;
    vertical-align: middle;
}

.bglabel1 {
    background-color: #EEEEEE;
    padding: 5px;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    padding-bottom: 2px;
    border-bottom: solid 2px #FFFAF0; /* FloralWhite Hex value-#FFFAF0*/
    border-right: solid 2px #FFFAF0; /* FloralWhite Hex value-#FFFAF0*/
}

.bglabel21 {
    float: left;
    width: 39%;
    background-color: white;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 2px 2px 0px;
}
/* BY vinay*/
.bglabelTest {
    float: left;
    width: 39%;
    background-color: #EEEEEE;
    padding-bottom: 20px;
    clear: left;
    vertical-align: top;
}
/* By Vinay */
.bglabelEmpty {
    float: left;
    width: 40%;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.bglabelEmpty_new {
    float: left;
    width: 28%;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.bglabelEmpty1 {
    float: left;
    width: 39%;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.bglabeltest {
    float: left;
    width: 50%;
    padding: 3px;
    padding: 7px 0px 0px 7px;
}

.bglabelNew {
    float: left;
    width: 24%;
    background-color: #EEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    height: 22px;
}



.normalTextNew {
    float: left;
    font-size: 12px;
    color: #000000;
    padding: 4px;
}

.graytext {
    font-size: 12px;
    /*font-weight: bold;*/
    font-weight: normal;
    color: Gray;
}

.smallgraytext {
    font-size: 0.9em; /*font-weight: bold;*/
    color: Gray;
}

.smalldarkgraytext {
    font-size: 0.8em; /*font-weight: bold;*/
    color: #6F6F6F;
    white-space: nowrap;
}

.bglabel2 {
    float: left;
    background-color: #EEEEEE;
    padding: 4px;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.box, .spanerrorMsg {
    float: left;
    width: 54%; /*width: 49%;*/
    padding: 1px;
    padding-left: 3px;
    font-size: 12px;
}

.Qtybox {
    float: left;
    width: 54%; /*width: 49%;*/
    padding: 5px;
    padding-left: 3px;
}

.categoryapprova_box, .spanerrorMsg {
    float: left;
    width: 22px; /*width: 49%;*/
    padding: 1px;
    padding-left: 3px;
}

.HideChkBox {
    float: left;
    width: 60%; /*width: 49%;*/
    padding: 1px;
    padding-left: 3px;
}

.Mailchimpwidth {
    width: 60%;
    align: left;
}

.MultileText {
    float: left;
    width: 56%; /*width: 49%;*/
    padding: 3px;
    padding-left: 3px;
}
/** TEXT BOX STYLING **/
.textboxnew {
    border: 1px solid #c4c4c4;
    height: 28px;
    width: 275px;
    font-size: 13px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 7px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    width: 175px;
    vertical-align: middle;
}

    .textboxnew:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0 0 8px #7bc1f7;
        -moz-box-shadow: 0 0 8px #7bc1f7;
        -webkit-box-shadow: 0 0 8px #7bc1f7;
        /*padding-left: 7px;*/
    }

.textboxnew_deliveryadd {
    border: 1px solid #c4c4c4;
    /*height: 28px;*/
    width: 275px;
    font-size: 12px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 7px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: #000000;
    width: 175px;
    vertical-align: middle;
}

    .textboxnew_deliveryadd:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0 0 8px #7bc1f7;
        -moz-box-shadow: 0 0 8px #7bc1f7;
        -webkit-box-shadow: 0 0 8px #7bc1f7;
        /*padding-left: 7px;*/
    }

.manage_txtboxnew {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    font-size: 12px;
    color: #000000;
    width: 175px;
    /*height: 18px;*/
    height: 28px;
    vertical-align: middle;
}

.manage_tinttxtboxnew {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    font-size: 12px;
    color: #000000;
    width: 60px;
    height: 18px;
    margin-left: 4px;
    vertical-align: middle;
}

.manage_followtxt {
    margin-left: 4px;
    width: 175px;
}

.manage_followddl {
    margin-left: 4px;
    width: 180px;
}

.manage_followddl11 {
    margin-left: 4px;
    width: 40px;
}

.manage_width40px {
    width: 50px;
}

.manage_margin4px {
    margin-left: 4px;
}

.textboxnewmulti {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
    min-height: 32px;
    height: auto;
    display: block;
}



/** NEED TO REMOVE THIS - Its in Add Estimate Page **/
.textboxnew_estNew {
    border: 1px solid #c4c4c4;
    height: 28px;
    font-size: 13px;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: #000000;
    vertical-align: middle;
    /*border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;*/
}

.textboxMulti {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
}

select {
    border: solid 1px #ABADB3;
    font-size: 12px !important;
    outline: none;
    padding: 3px 3px 3px 0;
    height: 28px;
    border-radius: 3px;
    padding-left: 3px;
    border-top: silver 1px solid;
    border-right: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
}
/** TEXT BOX STYLING **/
.ddl {
    float: left;
    padding: 3px;
    margin: 0px 0px 0px 4px;
    font-size: 12px;
    color: #000000;
    width: 200px;
    vertical-align: middle;
}

.ddlsetting {
    float: left;
    width: 39%;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 1px;
    vertical-align: middle;
}

.note {
    font-size: 10px;
    color: #000000;
}

.divchkbox {
    float: left;
    width: 39%;
    padding: 0px;
    clear: left;
    vertical-align: top;
    margin: 0px 0px 2px 0px;
}

.normalLabel {
    float: right;
    text-align: left;
    width: 30%;
    padding: 5px;
    clear: both;
    vertical-align: bottom;
    margin: 0px 0px 0px 0px;
}
/* end of new classes of div */

/*animated_collapse classes*/
.pane-sliders .title {
    margin: 0;
    padding: 2px;
    color: #666;
    cursor: pointer;
}

.pane-sliders .panel {
    border: 1px solid #ccc;
    margin-bottom: 3px;
}

    .pane-sliders .panel h3 {
        background: #f6f6f6;
        color: #666;
    }

.pane-sliders .content {
    background: #f6f6f6;
}

.pane-sliders .adminlist {
    border: 0 none;
    padding: 1px;
}

    .pane-sliders .adminlist td {
        border: 0 none;
        padding: 1px;
    }

.jpane-toggler span {
    background: transparent url(../../images/j_arrow.png) 5px 50% no-repeat;
    padding-left: 20px;
}

.jpane-toggler-down span {
    background: transparent url(../../images/j_arrow_down.png) 5px 50% no-repeat;
    padding-left: 20px;
}

.jpane-toggler-down {
    border-bottom: 1px solid #ccc;
}

.collapsePanel {
    background-color: #f6f6f6;
    overflow: hidden;
}

.collapsePanelHeader {
    color: Black;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
    font-weight: bold;
    border-bottom: 1px #ccc solid;
}
/*animated_collapse classes*/

/*classes for Gridview*/
/*Grid Style Properties*/
.gv {
    width: 100%;
    border-spacing: 1px;
    color: #666;
    /*border: 1px solid #A4A4A4;*/
}


.gv-rowstyle {
    font-size: 12px;
    text-decoration: none;
    height: 20px;
    text-indent: 1px; /*font-family:"Verdana", Verdana,Arial,Helvetica; */
}

.gv-alternatingrowstyle {
    font-size: 12px;
    background-color: #f4f5ff;
    text-decoration: none;
    background: #f4f5ff;
    border-top: 1px solid #e2e2e2;
    height: 20px;
    text-indent: 1px;
}

    .gv-alternatingrowstyle:hover {
        font-size: 12px;
        color: #3e3e3e;
        background-color: #ffd;
        text-align: left;
        cursor: default;
        text-indent: 1px;
    }

.gv-rowstyle:hover {
    font-size: 12px;
    color: #3e3e3e;
    background-color: #ffd;
    text-align: left;
    cursor: default;
    text-indent: 1px;
}

.hover {
    color: #3e3e3e;
    background-color: #ffd;
    text-align: left;
    cursor: default;
    font-size: 12px;
    text-decoration: none;
    height: 20px;
    text-indent: 1px;
}

.gv-footer {
    background-color: #F7DFB5;
    color: #8C4510;
}

.gv-header {
    text-align: left;
    background: #f0f0f0;
    color: #0B55C4;
    height: 20px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #fff;
    padding: 4px;
    text-indent: 1px;
}

    .gv-header a {
        color: #0B55C4;
        font-size: 12px;
        text-decoration: none;
    }

        .gv-header a:hover {
            color: #0B55C4;
            font-size: 12px;
            text-decoration: none;
        }

.gv-fixed-header {
    position: relative;
    top: 0;
    left: 0;
    border-bottom: black 1px solid;
    background: #A55129;
    background-image: url( "images/navbar.gif" );
    font-weight: bold;
    font-size: 8pt;
    vertical-align: middle;
    text-transform: none;
    text-align: left;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
}

.gv-pager {
    color: #8C4510;
    text-align: center;
}

.gv-selectedrow {
}

.topbar {
    position: absolute; /*border: 0px solid black;*/
    padding: 0px;
    background-color: White;
    width: 500px;
    visibility: hidden;
    z-index: 100;
}

.onlyEmpty {
    clear: both;
}

.only5px {
    clear: both;
    padding-top: 5px;
}

.only10px {
    clear: both;
    padding-top: 10px;
}

.CenterDiv {
    background-color: #FFFFFF;
    border: solid 4px gray;
}

.CenterDiv_new {
    background-color: #FFFFFF;
    border-left: solid 4px gray;
    border-right: solid 4px gray;
    border-top: solid 4px gray;
}

.CenterDivTopBorder {
    border-top: solid 4px gray;
}

#divCopyto_new_customer {
    position: absolute;
    /*left: 35%;*/
    top: 0;
    display: none;
    z-index: 1000;
}

#divcopy_job_invoice_confirm {
    position: absolute;
    /*left: 35%;
    top: 35%;*/
    display: none;
    z-index: 1000;
}

#div_ProgressToJobs {
    position: absolute;
    left: 35%;
    top: 35%;
    display: none;
    z-index: 1000;
}

#divPaddingMargin2 {
    padding: 6px;
}

.newSuccessfulMsg {
    border: 2px solid gray;
    font-size: 13px;
    height: 15px;
    text-align: center;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    color: #FD8404;
}

.successfulmsg {
    /*border: 1px solid #aeaeae; i_msg-success*/
    font-size: 13px;
    /*background: url(../../images/Ok-icon.png) no-repeat;*/
    /*background: url(../../images/success.png) no-repeat;*/
    height: 15px;
    text-align: center;
    /*font-weight: bold;*/
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 8px;
    padding-top: 5px;
    font-weight: 600;
    /*color: #FD8404;*/
    background-color: #F9EDBE;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 1px solid #f0c36d !important;
}

.errorMsg, .spanerrorMsg {
    background-color: #FAECEC;
    border: 1px solid #FF110F;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-weight: 600;
    color: #362B2B;
    position: relative;
}

.newWarningMsg {
    border: 2px solid gray;
    font-size: 12px;
    height: 15px;
    text-align: center;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.warningMsg {
    border: 2px solid gray;
    font-size: 12px;
    height: 15px;
    text-align: center;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.ImportwarningMsg {
    border: 2px solid gray;
    font-size: 12px;
    height: 28px;
    text-align: center;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.msg-success {
    font-size: 13px;
    background-color: #F9EDBE;
    padding: 4px 25px 2px 5px;
    background-position: 4px;
    text-align: center;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 1px solid #f0c36d !important;
}

.msg-help {
    width: 500px;
    padding-left: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px solid #aaaaaa;
    background: url(../../images/Help-icon.png) no-repeat;
    font-size: 9pt;
    color: #1e1e1e;
    font-weight: bold;
}

.msg-fail {
    padding-left: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px solid #aaaaaa;
    background: url(../../images/fail-icon.png ) no-repeat;
    font-size: 9pt;
    color: #1e1e1e;
    font-weight: bold;
}

.msg-alert {
    width: 500px;
    padding-left: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px solid #aaaaaa;
    background: url(../../images/alert-icon.png) no-repeat;
    font-size: 9pt;
    color: #1e1e1e;
    font-weight: bold;
}

.spanerrorMsg {
    margin-top: 1px;
    font-size: 12px;
}

.UploadClass {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    height: 21px;
    width: 100%;
}

.conditionfield {
    color: Red;
    width: 49%;
}

.divpaging {
    border-bottom: 1px solid #A4A4A4;
    border-left: 1px solid #A4A4A4;
    border-right: 1px solid #A4A4A4;
}

.spntxtalign {
    padding-top: 3px;
}

.gridEditColor {
    background-color: #FFFF99; /*#66676A;*/
}



.RFV_Message {
    float: left;
    vertical-align: middle;
    background-color: #FFEBE8;
    border: 1px solid #DD3C10;
    padding: 2px 0px 2px 0px;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    width: 100%;
    position: relative;
    margin-top: 1px;
}

.textboxnew1 {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding: 0px 0px 0px 4px;
    font-size: 12px;
    color: #000000;
    width: 100%;
    vertical-align: middle;
}

.Only5pxWidth {
    float: left;
    width: 5px;
}


/* ITEM.CSS page
=============================================================
FOR Logo setting
=============================================================
*/
.logo {
    font-weight: normal;
    font-size: 20px;
    color: #161616;
}


/*
=============================================================
FOR DEFAULT.ASPX MAIN PAGE
=============================================================
*/
.tdclass {
    padding-right: 10px;
}

.bgHeaderBlueColor {
    background-color: #576396;
}

.tdborder4d {
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
}

.tdborder2d {
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding-left: 5px;
}

.tdborder1d {
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    padding-left: 5px;
}

.WhiteVer8 {
    font-size: 8pt;
    color: #ffffff;
}

.WhiteVer10 {
    font-size: 10pt;
    color: #ffffff;
}

.Bluever7 {
    font-size: 7.5pt;
    color: #576396;
}

.YellowVer10 {
    font-size: 10pt;
    color: #FFCC00;
}

.BlackVerMid7 {
    font-size: 7.5pt;
    color: #000000;
}

.Redver7 {
    font-size: 13px;
    color: #ff3300;
    margin-left: 2px;
}

.loggedinas {
    color: #006699;
    font-size: 12px;
}


/*
=============================================================
FOR REGISTRATION PAGE
=============================================================
*/
.lblclass1 {
    font-size: 8pt;
    color: #000000;
}

.BlackVer8 {
    font-size: 8pt;
    color: #000000;
}

.BlackVer9 {
    font-size: 12px;
    color: #000000;
}

.bgblack {
    background-color: black;
}

.bgWhite {
    background-color: #ffffff;
}

.bgBodyColor {
    background-color: #eeeeee;
}

.bgGray {
    background-color: #9b9b9b;
}

.bgheader {
    background-color: #636d89;
}

.bgDefaultColor {
    background-color: #110068;
}

.tabelbg {
    background-color: #EFF2F4;
    padding-right: 5px;
}

/*
=============================================================
FOR ALL OTHER PAGES / MODULES
=============================================================
*/

.clientstatusText {
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

.actionpanel {
    background-color: #EEEDEF;
    background-image: url(../../images/navbar.gif);
}

.border1px {
    border: 1px solid #A4A4A4;
    background-color: #F6F7F8;
}

.border1px247 {
    border: 1px solid #A4A4A4;
    background-color: #CFE0E2;
}

.bodypanel {
    background-color: #E0E3E9;
}

.txtBoxsearch {
    border-right: #bdc7d8 1px solid;
    padding-right: 3px;
    border-top: #bdc7d8 1px solid;
    padding-left: 3px;
    font-size: 12px;
    padding-bottom: 3px;
    border-left: #bdc7d8 1px solid;
    padding-top: 3px;
    border-bottom: #bdc7d8 1px solid;
    padding-left: 17px;
    background: url(../../images/imagess.jpg) white no-repeat 3px 4px;
}

.navigationfont {
    color: black;
    font-size: 12px;
    padding: 5px 8px 5px 8px;
}

.RowImage {
    cursor: pointer;
}

.navigationfont_over {
    color: black;
    font-size: 12px;
    border: 1px solid #6f6f6f;
    cursor: hand;
    padding: 4px 7px 4px 7px;
    background-color: #F6F6F6;
}

.lettersorting {
    /* privious on 25/03/08 	background-color: #ffffff; 	padding: 2px 5px 2px 5px; 	border: 1px solid #929BAC; 	font-size: 10px; 	color: #929BAC; 	font-weight: bold; 	text-decoration:none;*/
    background-color: #ffffff;
    padding: 2px 5px 2px 5px;
    border: 1px solid #5D7B9D;
    font-size: 10px;
    color: #5D7B9D;
    font-weight: bold;
    text-decoration: none;
}

.lettersorting_over {
    /*privious on 25/03/08 	background-color: #929BAC; 	padding: 2px 5px 2px 5px; 	border: 1px solid #929BAC; 	font-size: 10px; 	color: #ffffff; 	font-weight: bold; 	cursor: hand;*/
    background-color: #8BB3B9;
    padding: 2px 5px 2px 5px;
    border: 1px solid #D3DEE5;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    cursor: hand;
}
/*Changed for Epro by Swetha on 12/11/2008*/
.lettersorting1 {
    /* privious on 25/03/08 	background-color: #ffffff; 	padding: 2px 5px 2px 5px; 	border: 1px solid #929BAC; 	font-size: 10px; 	color: #929BAC; 	font-weight: bold; 	text-decoration:none;*/
    background-color: #ffffff;
    padding: 2px 5px 2px 5px;
    border: 1px solid #5D7B9D;
    font-size: 10px;
    color: #5D7B9D;
    font-weight: bold;
    text-decoration: none;
}

.lettersorting1_over {
    /*privious on 25/03/08 	background-color: #929BAC; 	padding: 2px 5px 2px 5px; 	border: 1px solid #929BAC; 	font-size: 10px; 	color: #ffffff; 	font-weight: bold; 	cursor: hand;*/ /*background-color: #7F82B2;*/
    padding: 2px 5px 2px 5px;
    border: 1px solid #D3DEE5;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    cursor: hand;
}

.tablerowcolor2 {
    background-color: #ffffff;
    font-size: 12px;
    color: black;
}

.chk {
    border: 0px;
}

.smallText {
    font-size: 10px;
    color: #000000;
}

.normalText {
    font-size: 12px;
    color: #111;
}

.normalText_summarypage {
    font-size: 10px;
    color: #000000;
    font-weight: bold;
}

.dropdownserviceaction {
    width: 228px;
    border: solid 1px #ABADB3;
    font-size: 12px;
    outline: none;
    border-radius: 3px;
    padding: 2px 3px 2px 0;
    padding-left: 3px;
    direction: ltr;
}

    .dropdownserviceaction:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0 0 8px #7bc1f7;
        -moz-box-shadow: 0 0 8px #7bc1f7;
        -webkit-box-shadow: 0 0 8px #7bc1f7;
        padding-left: 3px;
    }

.NavigationArea_td {
    font-size: 13px;
    color: #000000;
    width: 80%;
    padding-left: 2px;
    vertical-align: middle;
    padding-bottom: 5px;
    margin-top: -8px;
}

.MaskDDL {
    font-size: 12px;
    color: #000000;
}

.disable {
    font-size: 12px;
    color: #CAC8BB;
}

.MediumText {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.HeaderWhite {
    font-size: 12px;
    color: Black;
    font-weight: bold;
}

.HeaderWhite1 {
    font-size: 12px;
    color: White;
    background-image: url(../../images/ttt.jpg);
}

.Editlink {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.attachHeader {
    background-color: #BDD5D9;
}

.bordercalender {
    font-size: 12px;
    color: #000000;
    border-left: 0px solid #778899; /* LightSlateGray Hex value-#778899*/
    border-right: 0px solid #778899; /* LightSlateGray Hex value-#778899*/
    border-bottom: 1px solid #A7C6C9;
    border-top: 0px solid #778899; /* LightSlateGray Hex value-#778899*/
}

.borderleft {
    font-size: 12px;
    color: #000000;
    border-left: 1px solid #A7C6C9;
    border-right: 1px solid #A7C6C9;
    border-bottom: 1px solid #A7C6C9;
    border-top: 0px solid #A7C6C9;
}

.bordercaldaystyle {
    font-size: 12px;
    color: #000000;
    border-left: 1px solid #778899; /* LightSlateGray Hex value-#778899*/
    border-right: 1px solid #778899; /* LightSlateGray Hex value-#778899*/
    border-bottom: 1px solid #778899; /* LightSlateGray Hex value-#778899*/
    border-top: 1px solid #778899; /* LightSlateGray Hex value-#778899*/
}

.caldayheader {
    background-image: url(../../images/);
    height: 24px;
}

.bordercolorclass {
    border-right: 1px solid #CACACA;
}

.borderbottom_left {
    border-bottom: 1px solid #6198A0;
    border-left: 0px solid #6198A0;
}

.hrline {
    color: #6198A0;
}

.borderWithoutTop {
    /*border-bottom: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    border-top: 0px solid #BDBDBD;*/
}

.borderWithoutleftright {
    border-bottom: 1px solid #BDBDBD;
    border-left: 0px solid #BDBDBD;
    border-right: 0px solid #BDBDBD;
    border-top: 0px solid #BDBDBD;
}


.borderWithoutTopwithBG {
    border-bottom: 1px solid #CACACA;
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    border-top: 0px solid #CACACA;
    background-color: #EFF2F4;
}

.borderright {
    border-right: 1px solid #6198A0;
    border-bottom: 1px solid #6198A0;
}

.borderbottom_right {
    border-bottom: 1px solid #6198A0;
    border-right: 1px solid #6198A0;
    font-size: 0px;
}

.borderBottom {
    border-bottom: 1px solid #BDBDBD;
    border-left: 0px solid #BDBDBD;
    border-right: 0px solid #BDBDBD;
    border-top: 0px solid #BDBDBD;
}

.border_views {
    border-bottom: 1px solid #BDBDBD;
    margin-top: -8px;
}

.border_all {
    border: solid 1px #5D7B9D;
}

.border_leftonly {
    border-left: 1px solid #6198A0;
}

.BgImager1WithHeadertext {
    background-image: url(../../images/r1.jpg);
    height: 26px;
    background-repeat: no-repeat; /*width:4px;*/
}

.BgImager2WithHeadertext {
    background-image: url(../../images/r2.jpg);
    background-repeat: repeat-x;
    height: 23px;
    font-size: 12px;
    color: #000000;
    font-weight: Bold;
    vertical-align: middle;
}

.BackImager2 {
    background-image: url(../../images/r2.jpg);
    height: 26px;
}

.BackImager1 {
    background-image: url(../../images/r1.jpg);
    height: 26px;
    background-repeat: no-repeat; /*width:11px;*/
}

.BackImager3 {
    background-image: url(../../images/r3.jpg);
    height: 26px;
    background-repeat: no-repeat; /*width:11px;*/
}

.newbordercolorclass {
    font-size: 12px;
    color: #000000;
    border-right: 1px solid #CACACA;
}

.normalText_GridView {
    font-size: 12px;
    color: #000000;
}

.NewLink {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.normalText_Focus {
    /*font-size: 12px;*/
    font-size: 16px;
    color: Black; /*before changing /*color: white;*/
    text-decoration: none;
    cursor: hand;
}

.ActivityNotes {
    margin-left: -5px;
}

.middleText {
    font-size: 12px;
    font-weight: Bold;
}

.topText {
    font-size: 12px;
    font-weight: Bold;
}

.empty_data_gridview {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}

.empty_data_datagrid {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    border: 1px solid gray;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}


.toptext2 {
    font-size: 14px;
    font-weight: bold;
}

.HeaderText {
    font-size: 13px;
    color: #000000;
    font-weight: Bold;
    vertical-align: middle;
}

#accordion .HeaderText {
    font-size: 11px;
}



headerSubsection {
    font-size: 12px;
    color: #000000;
    background-color: #BDD5D9;
    font-weight: Bold;
    vertical-align: middle;
}

.assignpanelText {
    font-size: 12px;
    color: #000000;
    font-weight: lighter;
    vertical-align: middle;
}

.labelHeader {
    font-size: 12px;
    color: #000000;
    font-weight: Bold;
    background-color: #EEEEE9;
}

.SubsectionText {
    font-size: 10px;
    color: #000000;
    font-weight: Bold;
}

.labeltext {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: left;
    background-color: #EEEEE9;
}

.newLabelText {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: left;
    background-color: #BDD5D9;
}

.backendLabelText {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: left;
    background-color: #EEEEEE;
}

.newLabelText2 {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: left;
    background-color: #D3DEE5;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
}

.newLabelText1 {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: center;
    background-color: #BDD5D9;
}

.labeltext_gray {
    font-weight: normal;
    font-size: 12px;
    color: gray;
    text-align: left;
}

.LabelText {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: left;
    background-color: #EEEEE9;
}

.LabelText1 {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: center;
    background-color: #EEEEE9;
}

.tabOff {
    font-weight: normal;
    font-size: 10pt;
    color: #ffffff;
    background-color: #336699;
    text-decoration: none;
}

.tabOn {
    font-size: 10pt;
}

A.tabOff:link {
    font-weight: normal;
    font-size: 10pt;
    color: #ffffff;
    background-color: #336699;
    text-decoration: none;
}

A.tabOff:hover {
    color: #ffffff;
    text-decoration: underline;
}

A.tabOff:visited {
    color: #ffffff;
    text-decoration: none;
}

.subNavBlack {
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
}

A.subNavBlack:link {
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
}

.bgWelcomeColor {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    background-color: #ddeecc;
    text-decoration: none;
}

.bgLeadColor {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    background-color: #ff9900;
    text-decoration: none;
}

/*page title */
.PageTitle {
    padding-right: 0px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 0px;
    text-transform: uppercase;
    color: black;
    padding-top: 0px;
}
/*NORMAL TABLE ROW   AND   ALTERNATE TABLE  ROW*/
.normaltablerow {
    background-color: #ffffff;
}

.alternatetablerow {
    background-color: #f6f6f6;
}
/*********************************
COLOR USED IN REPORT SECTIONS
**********************************/
.reportSumRowcColor {
    background-color: #FFE4C4; /* bisque Hex value-#FFE4C4*/
}

.reportCountRowcColor {
    background-color: #FFFACD; /* lemonchiffon Hex value-#FFFACD*/
}

.reportFinalSumRowcColor {
    background-color: #00BFFF; /* deepskyblue Hex value-#00BFFF*/
}

.reportFinalCountRowcColor {
    background-color: #AFEEEE; /* paleturquoise Hex value-#AFEEEE*/
}

.reportGroupRowcColor {
    background-color: #DDA0DD; /* plum Hex value-#DDA0DD*/
}

.bgImage1 {
    background-color: #EEEDEF;
    background-image: url( "../../images/navbar.gif" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 0px solid White;
    border-left: 0px solid White;
    border-bottom: 1px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 2px;
    height: 32px;
}

.bgImage11 {
    background-color: #EEEDEF; /*background-image: url( "../../images/navbar.gif" );*/
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 0px solid White;
    border-left: 0px solid White;
    border-bottom: 1px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 2px;
    height: 32px;
}


.bgImage2 {
    background-color: #EEEDEF;
    background-image: url( "../../images/navbar.gif" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 1px solid #A4A4A4;
    border-left: 0px solid White;
    border-bottom: 1px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 2px;
    height: 23px;
}

.bgImage_new {
    background-color: #EEEDEF;
    background-image: url( "../../images/navbar.gif" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 0px solid #A4A4A4;
    border-left: 0px solid White;
    border-bottom: 1px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 2px;
    height: 23px;
}


.bgImage3 {
    background-color: #EEEDEF;
    background-image: url( "../../images/navbar.gif" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 1px solid #A4A4A4;
    border-left: 1px solid #A4A4A4;
    border-bottom: 1px solid #A4A4A4;
    border-right: 1px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 2px;
    height: 23px;
}

.tdImageBorder {
    background-color: Silver;
    height: 1px;
}

.calendarItemleft {
    padding-bottom: 0px;
    padding-top: 0px;
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.calendarItemright {
    background-image: url( "../../images/calendarBack.jpg" );
    background-repeat: no-repeat;
    height: 20px;
}

.calendarItem {
    /*background-image: url("../../images/r2.jpg" );  background-repeat: repeat-x;*/
    padding-right: 0px; /*border-top: #8c8c8c 0px solid;*/
    padding-left: 0px;
    background-image: url( "../../images/calBG.bmp" );
    background-repeat: no-repeat; /*background-color:#DFDAE2;*/
    padding-bottom: 0px;
    padding-top: 0px;
    border: 0px;
    height: 23px; /*border-top-color: Gray; 	border-top-style: solid; 	border-top-width: 1px;  	border-bottom: black 1px solid;*/
    font-size: 12px;
    font-weight: normal; /*color:#3B59B4;   */
    color: Black;
    vertical-align: top;
}

.TotalItem {
    background-image: url(../../images/left.jpg);
    height: 20px;
    font-weight: bold;
    color: White;
}

.gridviewborder {
    font-size: 12px;
    color: #000000;
}

.horizontalline {
    color: Red;
    width: 1px;
}

.bgImageDGHeader {
    border-bottom: 0px solid #5D7B9D;
    border-left: 0px solid #5D7B9D;
    border-right: 0px solid #5D7B9D;
    border-top: 0px solid black;
    padding-right: 0px; /*border-top: #8c8c8c 0px solid;*/
    padding-left: 0px;
    background-image: url( "../../images/new1r2.jpg" );
    background-repeat: repeat-x;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 22px; /*border: 1px; 	height: 24px; 	border-bottom:1px solid #5D7B9D; 	/*border-top-color: Gray;*/ /*border-top-style: solid;*/ /*border-top-width: 1px; /* border-bottom-color:Gray;     border-bottom-style:solid;     border-bottom-width:1px;    */ /*border-bottom: black 1px solid;*/
    font-size: 12px;
    font-weight: bold; /*color:#3B59B4;   */
    color: Black;
    text-decoration: none;
}

.bgImageDGHeader_backend {
    border-bottom: 0px solid #5D7B9D;
    border-left: 0px solid #5D7B9D;
    border-right: 0px solid #5D7B9D;
    border-top: 0px solid black;
    padding-right: 0px; /*border-top: #8c8c8c 0px solid;*/
    padding-left: 0px;
    background-color: #636D89;
    background-repeat: repeat-x;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 22px; /*border: 1px; 	height: 24px; 	border-bottom:1px solid #5D7B9D; 	/*border-top-color: Gray;*/ /*border-top-style: solid;*/ /*border-top-width: 1px; /* border-bottom-color:Gray;     border-bottom-style:solid;     border-bottom-width:1px;    */ /*border-bottom: black 1px solid;*/
    font-size: 12px;
    font-weight: bold; /*color:#3B59B4;   */
    color: Black;
    text-decoration: none;
}

.bgImageDGHeader1 {
    border-bottom: 0px solid #5D7B9D;
    border-left: 0px solid #5D7B9D;
    border-right: 0px solid #5D7B9D;
    border-top: 0px solid black;
    padding-right: 0px; /*border-top: #8c8c8c 0px solid;*/
    padding-left: 0px;
    background-repeat: repeat-x;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 22px; /*border: 1px; 	height: 24px; 	border-bottom:1px solid #5D7B9D; 	/*border-top-color: Gray;*/ /*border-top-style: solid;*/ /*border-top-width: 1px; /* border-bottom-color:Gray;     border-bottom-style:solid;     border-bottom-width:1px;    */ /*border-bottom: black 1px solid;*/
    font-size: 12px;
    font-weight: bold; /*color:#3B59B4;   */
    color: Black;
    text-decoration: none;
}

.tdlowerborder {
    border-bottom: 0px solid #5D7B9D;
    border-left: 0px solid #5D7B9D;
    border-right: 0px solid #5D7B9D;
    border-top: 0px inset #5D7B9D;
    background-image: url( "../../images/new1r2.jpg" );
    height: 18px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.GridviewBorder {
    font-size: 12px;
    color: #000000;
    border-bottom: 1px solid #A7C6C9;
    border-left: 1px solid #A7C6C9;
    border-right: 1px solid #A7C6C9;
    border-top: 1px solid #A7C6C9;
    text-decoration: none;
}

.EventsBorder {
    border-bottom: 1px solid #A7C6C9;
    border-left: 1px solid #A7C6C9;
    border-right: 1px solid #A7C6C9;
    border-top: 0px solid #A7C6C9;
}

.GridviewBorderEmpty {
    border-bottom: 1px solid #A7C6C9;
    border-left: 1px solid #A7C6C9;
    border-right: 1px solid #A7C6C9;
    border-top: 1px solid #A7C6C9;
}

.bgColorDGHeader {
    padding-right: 0px;
    border-top: #8c8c8c 1px solid;
    border-bottom: #8c8c8c 1px solid;
    padding-left: 0px; /*background-image: url("../../images/r2.jpg" );*/
    background-color: #DFDAE2;
    padding-bottom: 0px;
    padding-top: 0px;
    border: 1px;
    height: 24px;
    border-top-color: Gray;
    border-top-style: solid;
    border-top-width: 1px; /* border-bottom-color:Gray;     border-bottom-style:solid;     border-bottom-width:1px;    */
    border-bottom: black 1px solid;
    font-size: 12px;
    font-weight: normal; /*color:#3B59B4;   */
    color: Black;
}

.tbcee {
    text-decoration: none;
}

.ColumnHead-Focus_new {
    /* 	background: white url("../../images/nil.gif" ); 	color: black; 	font-size: 12px; 	border: 1px solid #6f6f6f; 	cursor: hand; 	padding: 4px 4px 4px 4px; */
    padding-right: 4px;
    border-top: #8c8c8c 0px solid;
    padding-left: 4px;
    background-image: url( "../../images/blueglass-24.gif" );
    padding-bottom: 4px;
    padding-top: 4px;
    border: 1px;
    height: 24px;
    border-top-color: Gray;
    border-top-style: solid;
    border-top-width: 1px; /* border-bottom-color:Gray;     border-bottom-style:solid;     border-bottom-width:1px;    */
    border-bottom: black 1px solid;
    font-size: 12px;
    font-weight: bold; /*color:#3B59B4;   */
    color: Black;
}

/*class to show td on mouseover in view pages*/
.bgTDMouseOver {
    background-color: #000000;
    font-size: 12px;
}

.button {
    display: inline-block;
    padding: 4px 14px 5px;
    margin-bottom: 0;
    font-size: 13px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0070C0 !important;
    background-image: -moz-linear-gradient(center top,#0070C0,#0070C0 );
    background-repeat: repeat-x;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
    width:auto !important;
}

.button2 {
    display: inline-block;
    padding: 4px 5px 5px;
    margin-bottom: 0;
    font-size: 15px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0070C0 !important;
    background-image: -moz-linear-gradient(center top,#0070C0,#0070C0 );
    background-repeat: repeat-x;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
     width:auto !important;
}

.Backgroung_imgbutton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
    padding-left: 8px;
    padding-right: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #000000;
    border: solid 1px #a3a3a3;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    background: -moz-linear-gradient(top, #E8E8E8, #F9F8F8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F9F8F8');
}

.NewButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    /*font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;*/
    /*padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-right: 8px;*/
    /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
    padding: 4px 14px 5px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #000000;
    /*border: solid 1px #a3a3a3;*/
    /*background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    background: -moz-linear-gradient(top, #E8E8E8, #F9F8F8);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F9F8F8');
    margin-bottom: 0;
    font-size: 13px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0070C0 !important;
    background-image: -moz-linear-gradient(center top,#0070C0,#0070C0 );
    background-repeat: repeat-x;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
}

/*.rbDecorated
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #2C2B2B;
	border: solid 1px #a3a3a3;
	background: #EEEEEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
	background: -moz-linear-gradient(top,  #E8E8E8,  #F9F8F8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F9F8F8');
	
}*/

.Button {
    /*cursor: pointer;
    text-align: center;
    font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #2C2B2B;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    background: -moz-linear-gradient(top, #E8E8E8, #F9F8F8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F9F8F8');
    border: solid 1px #a3a3a3;*/
}

    .Button:hover {
        /*text-decoration: none;
        background: #C9C9C9;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');*/
    }

.rbDecorated1 {
    cursor: pointer;
    text-align: center;
    font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #000000;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    background: -moz-linear-gradient(top, #E8E8E8, #F9F8F8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F9F8F8');
    border: solid 1px #a3a3a3;
}

    .rbDecorated1:hover {
        text-decoration: none;
        background: #C9C9C9;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
    }

.button:hover {
    /*text-decoration: none;
    background: #C9C9C9;
    border: 1px #3C7FB1 solid;
    background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
    background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');*/
}

.NewButton:hover {
    text-decoration: none;
    /*background: #C9C9C9;*/
    /*border: 1px #3C7FB1 solid;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
    background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');*/
    /*height:26px;*/
}

.changeButtonStyle {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #2C2B2B;
    text-decoration: none;
    background: #C9C9C9;
    border: 1px #3C7FB1 solid;
    background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
    background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
}

/*.rbDecorated:hover
{
	text-decoration: none;
	background: #C9C9C9;
	border: 1px #3C7FB1 solid;
	background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
	background: -moz-linear-gradient(top,  #A7D9F5,  #EAF6FD);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
}*/



.button:active {
    position: relative;
    /*top: 1px;*/
    color: white;
    /*color: #605F5F;*/
    line-height: 20px;
    /*border: 1px #2E6086 solid;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#68B3DB), to(#E5F4FC));
    background: -moz-linear-gradient(top, #68B3DB, #E5F4FC);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68B3DB', endColorstr='#E5F4FC');
}

.booklet_section_active {
    /*height: 29px;*/
    /*width: 70px;*/
    width: auto;
    font-size: 15px !important;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
    padding-left: 8px;
    /*padding-top: 0px;*/
    padding-bottom: 3px;
    padding-right: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    /*-webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    /*color: #2C2B2B;*/
    /*border: solid 1px #a3a3a3;*/
    background: #F6AD60;
    background: -webkit-gradient(linear, left top, left bottom, from(#FA860A), to(#F6AD60));
    background: -moz-linear-gradient(top, #FA860A, #F6AD60);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA860A', endColorstr='#F6AD60');
    color: white;
    border: solid 1px #F6AD60;
    /*height: 28px;*/ height: 21px;
    padding-top: 2px;
    margin-top: 5px;
}

.booklet_section_active_2 {
    display: inline-block;
    padding: 4px 5px 5px;
    margin-bottom: 0;
    font-size: 15px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #F6AD60;
    background: -webkit-gradient(linear, left top, left bottom, from(#FA860A), to(#F6AD60));
    background: -moz-linear-gradient(top, #FA860A, #F6AD60);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA860A', endColorstr='#F6AD60');
    color: white;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
    width: 50px;
    padding-bottom: 5px;
}

.booklet_section_active_4 {
    display: inline-block;
    padding: 4px 5px 5px;
    margin-bottom: 0;
    font-size: 15px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #F6AD60;
    background: -webkit-gradient(linear, left top, left bottom, from(#FA860A), to(#F6AD60));
    background: -moz-linear-gradient(top, #FA860A, #F6AD60);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA860A', endColorstr='#F6AD60');
    color: white;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
    width: 35px;
    padding-bottom: 5px;
}

.booklet_section_normal {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 11px;
    padding-left: 8px;
    /*padding-top: 3px;*/
    padding-top: 1px;
    padding-bottom: 3px;
    padding-right: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    /*-webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;*/
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    /*color: #2C2B2B;*/
    /*background: #C9C9C9;*/
    border: 1px #3C7FB1 solid;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
    background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
    background: #0070C0;
    color: white;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/** FOR TEMPLATE LEFT PANEL TAG SELECTION **/
.button11 {
    background-color: #CFE2FB;
    border: solid 1px #9FBDDC;
    width: 120px;
    text-align: left;
    margin-bottom: 1px;
    cursor: pointer;
    font: normal 11px;
    color: black;
}
/** FOR TEMPLATE LEFT PANEL TAG SELECTION **/

.quickCreate {
    font-size: 12px;
    color: #d90000;
    border: 1px solid #d6d6d6; /*background-color: #b0c4de;*/
}

.error {
    background-color: #FFEBE8;
    border: 1px solid #DD3C10;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333;
    position: relative; /*list-style-image: url(   "../../images/alert.jpeg" );*/
}

.emptyrecords {
    background-color: #FFFFFF;
    border: 1px solid #6198A0;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #333333; /*position: relative;list-style-image: url(   "../../images/alert.jpeg" );*/
}

.errorWithTopspace {
    background-color: #FFEBE8;
    border: 1px solid #DD3C10;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333;
    position: relative;
    margin-top: 2px;
}

.error_top {
    margin-top: 4px;
}

.error_topbottom {
    margin-top: 4px;
    margin-bottom: 2px;
}

.error_new {
    background-color: #FFEBE8;
    border: 1px solid #DD3C10;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: 12px;
    color: #333333;
    position: absolute;
}

.error_new1 {
    background-color: #FFEBE8;
    border: 1px solid #DD3C10;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: 12px;
    color: #333333;
    position: relative;
}

.popup {
    background: silver;
    border-right: 1px solid #455690;
    border-bottom: 1px solid #455690;
    border-left: 1px solid #B9C9EF;
    border-top: 1px solid #B9C9EF;
}

.error_newsignup {
    font-size: 10px;
    color: #d90000;
}

.AdminLeftPanelHover {
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: #FFFFF2;
    width: 100%;
    padding-left: 0px;
}

.AdminLeftPanelClass {
    border: 1px solid #A4A4A4;
    background-color: #e3e3e3;
    width: 100%;
    padding-left: 0px;
}

.adminsetting {
    background-color: white;
    vertical-align: middle;
    border-bottom: 1px solid #CACACA;
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    border-top: 0px solid #CACACA;
}

.ButtonbarSeparator {
    border-left: 1px solid #808A9D;
}

.fl {
    float: left;
    top: 0px;
}

.fr {
    float: right;
    top: 0px;
}

.sortBy {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #eaf1fb;
}

.sortedBy {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #d6e8fa;
}

.tdspace_0 {
    padding-right: 4px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.tdspace {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.tdspace_2 {
    padding-right: 9px;
    padding-left: 9px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.tdspaceBig {
    padding-right: 15px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 6px;
}

.tdspace_sides {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.tdspace_top-bot {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.tdspace_top-rt {
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.tdspace_bot {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}

.tdspace_bot-rt {
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}

.marginBig_sides {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.margin_bot {
    margin: 0px 0px 20px;
}

.margin_sides {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#bg_green {
    margin: 0px;
    background-color: #99cc66;
}

.bg_green {
    margin: 0px;
    background-color: #99cc66;
}

.bg_orange {
    margin: 0px;
    background-color: #fab560;
}

.bg_orangelight {
    margin: 0px;
    background-color: #fbe5c7;
}

.bg_green-light {
    background-color: #E2E2E2;
}

.bg_green-lighter {
    background-color: #f3fae6;
}

#bg_grey {
    margin: 0px;
    background-color: #cccccc;
}

.bg_grey {
    background-color: #bcbcbc;
}

.bg_blu {
    background-color: #83a7e1;
}

.bg_blu-light {
    background-color: #b4d2f2;
}

.bg_blu-lighter {
    background-color: #eaf1fb;
}

.bg_grey-light {
    background-color: #e8e8e8;
}

.bg_white {
    background-color: #ffffff;
}

.bg_comments {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    padding-top: 6px;
    background-color: #f6f6f6;
}

.bg_comments_white {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    padding-top: 6px;
    background-color: #ffffff;
}

.bg_commentshighlight {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    padding-top: 6px;
    background-color: #f3fae6;
}

.bdr_blue {
    border-right: #83a7e1 1px solid;
    border-top: #83a7e1 1px solid;
    border-left: #83a7e1 1px solid;
    border-bottom: #83a7e1 1px solid;
}

.bdr_green {
    border-right: #99cc66 1px solid;
    border-top: #99cc66 1px solid;
    border-left: #99cc66 1px solid;
    border-bottom: #99cc66 1px solid;
}

.bdr_orange {
    border-right: #ff9900 1px solid;
    border-top: #ff9900 1px solid;
    border-left: #ff9900 1px solid;
    border-bottom: #ff9900 1px solid;
}

.bdr_orange_light {
    border-right: #fab560 1px solid;
    border-top: #fab560 1px solid;
    border-left: #fab560 1px solid;
    border-bottom: #fab560 1px solid;
}

.bdr_grey {
    border-right: #bcbcbc 1px solid;
    border-top: #bcbcbc 1px solid;
    border-left: #bcbcbc 1px solid;
    border-bottom: #bcbcbc 1px solid;
}

.bdr_grey_lightest {
    border-right: #eeeeee 1px solid;
    border-top: #eeeeee 1px solid;
    border-left: #eeeeee 1px solid;
    border-bottom: #eeeeee 1px solid;
}

.bdrSides_grey_lightest {
    border-top-width: 0px;
    border-right: #f3f3f3 1px solid;
    border-bottom-width: 0px;
    border-left: #f3f3f3 1px solid;
}

#prod_name H1 {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 0px;
    margin: -2px 0px;
    text-transform: capitalize;
    line-height: 1em;
    padding-top: 0px;
}

.prodname {
    padding-left: 6px;
    font-weight: bold;
    font-size: 145%;
    float: left;
    text-transform: none;
    color: #ee9a1b;
}

    .prodname A {
        text-decoration: none;
    }

        .prodname A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.prodnamespacing {
    margin: 30px 0px 0px;
}

.title_green {
    padding-right: 1px;
    padding-left: 1px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 1px;
    color: Black;
    padding-top: 1px;
    background-color: #BDD5D9;
}

.title_blu {
    padding-right: 1px;
    padding-left: 1px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 1px;
    color: #ffffff;
    padding-top: 1px;
    background-color: #83a7e1;
}

.title_grey {
    padding-right: 1px;
    padding-left: 1px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 1px;
    color: #ffffff;
    padding-top: 1px;
    background-color: #bcbcbc;
}

.fontReview {
    font-size: 110%;
    color: #323232;
}

.font-mandatory {
    font-size: 110%;
    color: #fd3a02;
}

.fontred {
    font-size: 100%;
    color: #fd3a02;
}

.smallfontred {
    font-size: 95%;
    color: #fd3a02;
}

.fontwhite {
    font-size: 100%;
    color: #ffffff;
}

    .fontwhite A:link {
        color: #ffffff;
        text-decoration: underline;
    }

    .fontwhite A:visited {
        color: #ffffff;
        text-decoration: underline;
    }

    .fontwhite A:hover {
        color: #ffffff;
        background-color: #fab560;
        text-decoration: none;
    }

.fontgreen {
    font-size: 100%;
    color: Gray;
}

    .fontgreen A {
        color: #76a44e;
        text-decoration: none;
    }

        .fontgreen A:link {
            color: #76a44e;
            text-decoration: none;
        }

        .fontgreen A:visited {
            color: #76a44e;
            text-decoration: none;
        }

        .fontgreen A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.smallfontgreen {
    font-size: 95%;
    color: #5a8f2c;
}

    .smallfontgreen A {
        color: #5a8f2c;
        text-decoration: none;
    }

        .smallfontgreen A:link {
            color: #5a8f2c;
            text-decoration: none;
        }

        .smallfontgreen A:visited {
            color: #5a8f2c;
            text-decoration: none;
        }

        .smallfontgreen A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.smallfontgreendark {
    font-size: 95%;
    color: #577922;
}

    .smallfontgreendark A {
        color: #577922;
        text-decoration: none;
    }

        .smallfontgreendark A:link {
            color: #577922;
            text-decoration: none;
        }

        .smallfontgreendark A:visited {
            color: #577922;
            text-decoration: none;
        }

        .smallfontgreendark A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.fontgreenBig {
    font-size: 140%;
    color: #76a44e;
}

    .fontgreenBig A {
        color: #76a44e;
        text-decoration: none;
    }

        .fontgreenBig A:link {
            color: #76a44e;
            text-decoration: none;
        }

        .fontgreenBig A:visited {
            color: #76a44e;
            text-decoration: none;
        }

        .fontgreenBig A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.fontblue {
    font-size: 100%;
    color: #1c4c9c;
}

    .fontblue A {
        text-decoration: none;
    }

        .fontblue A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.fontorangedark {
    font-size: 100%;
    color: #9a591c;
}

.smallfontorange {
    font-size: 95%;
    color: #f37f0b;
}

.fontgrey {
    font-size: 100%;
    color: #7d7d7d;
}

.smallfontgrey {
    font-size: 95%;
    color: #7d7d7d;
}

.smallerfontgrey {
    font-size: 90%;
    color: #7d7d7d;
}

.font {
    font-size: 14px;
    color: #414141;
}

    .font A {
        text-decoration: none;
    }

        .font A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.smallfont {
    font-size: 95%;
    color: #414141;
}

    .smallfont A {
        text-decoration: none;
    }

        .smallfont A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.smallerfont {
    font-size: 90%;
    color: #414141;
}

    .smallerfont A {
        text-decoration: none;
    }

        .smallerfont A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

#hierarchy H1 {
    padding-right: 0px;
    padding-left: 0px;
    font-weight: normal;
    padding-bottom: 3px;
    margin: 0px;
    line-height: 1em;
    padding-top: 3px;
}

.button_grey_lightbig {
    border-right: #808080 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 3px;
    overflow: visible;
    width: 60px;
    cursor: pointer;
    color: #373737;
    padding-top: 3px;
    border-bottom: #808080 2px solid;
    background-color: #dedede;
}

.button_grey_light {
    border-right: #808080 2px solid;
    padding-right: 6px;
    padding-left: 6px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 1px;
    overflow: visible;
    width: 60px;
    cursor: pointer;
    color: #373737;
    padding-top: 1px;
    border-bottom: #808080 2px solid;
    background-color: #dedede;
}

.button_blue_lightbig {
    border-right: #68a0dc 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 105%;
    padding-bottom: 3px;
    overflow: visible;
    width: 60px;
    cursor: pointer;
    color: #11315e;
    padding-top: 3px;
    border-bottom: #68a0dc 2px solid;
    background-color: #a2c9f0;
}

.button_blue_light {
    border-right: #68a0dc 2px solid;
    padding-right: 6px;
    padding-left: 6px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 2px;
    overflow: visible;
    width: 60px;
    cursor: pointer;
    color: #11315e;
    padding-top: 2px;
    border-bottom: #68a0dc 2px solid;
    background-color: #a2c9f0;
}

.button_blue {
    border-right: #3a5b87 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 105%;
    padding-bottom: 3px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 3px;
    border-bottom: #3a5b87 2px solid;
    background-color: #5396e3;
}

.button_blue_big {
    border-right: #3a5b87 2px solid;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 105%;
    padding-bottom: 6px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 6px;
    border-bottom: #3a5b87 2px solid;
    background-color: #5396e3;
}

.button_blue_small {
    border-right: #3a5b87 2px solid;
    padding-right: 6px;
    padding-left: 6px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 1px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 1px;
    border-bottom: #3a5b87 2px solid;
    background-color: #5396e3;
}

.button_orange_small {
    border-right: #a65100 2px solid;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 1px;
    overflow: visible;
    width: 60px;
    cursor: pointer;
    color: #fff;
    padding-top: 1px;
    border-bottom: #a65100 2px solid;
    background-color: #f09131;
}

.button_green_light {
    border-right: #81a859 2px solid;
    padding-right: 6px;
    padding-left: 6px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 2px;
    cursor: pointer;
    color: #3f4e28;
    padding-top: 2px;
    border-bottom: #81a859 2px solid;
    background-color: #c9edaa;
}

.button_green {
    border-right: #E2E2E2 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 3px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 3px;
    border-bottom: #56842c 2px solid;
    background-color: #E2E2E2;
}

.txt_field {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 100%;
    padding-bottom: 2px;
    color: #333333;
    padding-top: 1px;
}

.txt_field_small {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 95%;
    color: #333333;
}

.txt_field_blu {
    border-right: #E2E2E2 1px solid;
    padding-right: 2px;
    border-top: #E2E2E2 1px solid;
    padding-left: 2px;
    font-size: 100%;
    padding-bottom: 2px;
    border-left: #E2E2E2 1px solid;
    color: #E2E2E2;
    padding-top: 2px;
    border-bottom: #E2E2E2 1px solid;
}

.txt_field_green {
    border-right: #E2E2E2 1px solid;
    padding-right: 3px;
    border-top: #E2E2E2 1px solid;
    padding-left: 3px;
    font-size: 105%;
    padding-bottom: 3px;
    border-left: #E2E2E2 1px solid;
    color: #E2E2E2;
    padding-top: 3px;
    border-bottom: #E2E2E2 1px solid;
}

.txt_field_nonedit {
    border-right: #E2E2E2 1px solid;
    padding-right: 3px;
    border-top: #E2E2E2 1px solid;
    padding-left: 3px;
    font-size: 95%;
    padding-bottom: 2px;
    border-left: #E2E2E2 1px solid;
    color: #E2E2E2;
    padding-top: 2px;
    border-bottom: #E2E2E2 1px solid;
    background-color: #f7f7f7;
}

.TEXTAREA_green {
    border-right: #E2E2E2 1px solid;
    padding-right: 3px;
    border-top: #E2E2E2 1px solid;
    padding-left: 3px;
    font-size: 105%;
    padding-bottom: 3px;
    border-left: #E2E2E2 1px solid;
    padding-top: 3px;
    border-bottom: #E2E2E2 1px solid;
    background-color: #ffffff;
}

.pull_dn {
    font-size: 100%;
    color: #333333;
}

.pull_dn_small {
    font-size: 95%;
    color: #333333;
}

#nav UL {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

#nav2 UL {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
}

#nav3 UL {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
}

#nav LI {
    float: left;
    position: relative;
}

#nav2 LI {
    float: left;
    position: relative;
    z-index: 3;
}

#nav3 LI {
    float: left;
    position: relative;
}

#nav LI UL {
    display: none;
    left: 0px;
    position: absolute;
    top: 1em;
}

#nav2 LI UL {
    display: none;
    left: 0px;
    position: absolute;
    top: 1em;
}

#nav3 LI UL {
    display: none;
    left: 0px;
    position: absolute;
    top: 1em;
}

UNKNOWN {
    left: auto;
    top: auto;
}

#nav LI:hover UL {
    display: block;
}

LI.over UL {
    display: block;
}

#nav2 LI:hover UL {
    display: block;
}

LI.over UL {
    display: block;
}

#nav3 LI:hover UL {
    display: block;
}

LI.over UL {
    display: block;
}

.dotGrey {
    padding-right: 2px;
    padding-left: 2px;
    background: url(../../images/common/bg-greydot.gif) repeat-x;
    padding-bottom: 2px;
    padding-top: 2px;
}

.dotBlu {
    padding-right: 2px;
    padding-left: 2px;
    background: url(../../images/common/bg-bludot.gif) repeat-x;
    padding-bottom: 2px;
    padding-top: 2px;
}

.dotOrange {
    padding-right: 2px;
    padding-left: 2px;
    background: url(../../images/common/bg-orangedot.gif) repeat-x;
    padding-bottom: 2px;
    padding-top: 2px;
}

.dotGreen {
    padding-right: 2px;
    padding-left: 2px;
    background: url(../../images/common/bg-greendot.gif) repeat-x;
    padding-bottom: 0px;
    padding-top: 1px;
}

.fontorange {
    font-size: 100%;
    color: #ee8e1b;
}

    .fontorange A:link {
        color: #ee8e1b;
        text-decoration: none;
    }

    .fontorange A:visited {
        color: #ee8e1b;
        text-decoration: none;
    }

    .fontorange A:hover {
        color: #ffffff;
        background-color: #fab560;
        text-decoration: none;
    }

.fontblack {
    font-size: 100%;
    color: #000000;
}

    .fontblack A {
        text-decoration: none;
    }

        .fontblack A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.txt_field_black {
    border-right: #bebebe 1px solid;
    padding-right: 3px;
    border-top: #cccccc 1px solid;
    padding-left: 3px;
    font-size: 100%;
    padding-bottom: 3px;
    border-left: #cccccc 1px solid;
    color: #333333;
    padding-top: 3px;
    border-bottom: #bebebe 1px solid;
}

.fontwhiteBig {
    font-size: 140%;
    color: #ffffff;
}

.button_blue_smallnew {
    border-right: #3a5b87 2px solid;
    padding-right: 4px;
    border-top: #fff 2px solid;
    padding-left: 4px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 1px;
    overflow: visible;
    border-left: #fff 2px solid;
    cursor: pointer;
    color: #fff;
    padding-top: 1px;
    border-bottom: #3a5b87 2px solid;
    background-color: #5396e3;
}

.dotGrey_lightest {
    padding-right: 2px;
    padding-left: 2px;
    background: url(../../images/common/bg-greydot-lightest.gif) repeat-x;
    padding-bottom: 2px;
    padding-top: 2px;
}

.button_green_small {
    border-right: #3a5b87 2px solid;
    padding-right: 4px;
    border-top: #fff 2px solid;
    padding-left: 4px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 1px;
    overflow: visible;
    border-left: #fff 2px solid;
    cursor: pointer;
    color: #fff;
    padding-top: 1px;
    border-bottom: #3a5b87 2px solid;
    background-color: #99cc66;
}

.fontgrey-light {
    font-size: 100%;
    color: #999999;
}

    .fontgrey-light A {
        text-decoration: none;
    }

        .fontgrey-light A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.smallerfontgrey-light {
    font-size: 90%;
    color: #999999;
}

    .smallerfontgrey-light A {
        text-decoration: none;
    }

        .smallerfontgrey-light A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.mouthshut-cares {
    padding-right: 0px;
    background-position: 5% center;
    padding-left: 0px;
    background-image: url(../../images/common/mouthshut-cares.gif);
    padding-bottom: 5px;
    padding-top: 5px;
    background-repeat: no-repeat;
}

.fontgreyBig {
    font-size: 140%;
    color: #333333;
}

.button_green_small {
    border-right: #56842c 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 3px;
    overflow: visible;
    width: 62px;
    cursor: pointer;
    color: #fff;
    padding-top: 3px;
    border-bottom: #56842c 2px solid;
    background-color: #91c15e;
}

.fontblueBig {
    font-weight: bold;
    font-size: 140%;
    color: #1c4c9c;
}

.button_grey_small {
    border-right: #808080 2px solid;
    padding-right: 4px;
    padding-left: 4px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 1px;
    overflow: visible;
    cursor: pointer;
    color: #373737;
    padding-top: 1px;
    border-bottom: #808080 2px solid;
    background-color: #dedede;
}

.bg_grey-lighter {
    background-color: #f8f8f8;
}

.title_orange {
    padding-right: 1px;
    padding-left: 1px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 1px;
    color: #ffffff;
    padding-top: 1px;
    background-color: #fab560;
}

.TEXTAREA_blue {
    border-right: #6f94ad 1px solid;
    padding-right: 3px;
    border-top: #8cadc1 1px solid;
    padding-left: 3px;
    scrollbar-face-color: #a5c0d0;
    font-size: 105%;
    padding-bottom: 3px;
    scrollbar-highlight-color: #c1d5e0;
    border-left: #8cadc1 1px solid;
    scrollbar-shadow-color: #789cb4;
    color: #333333;
    scrollbar-3dlight-color: #e9f1f5;
    scrollbar-arrow-color: #264a69;
    padding-top: 3px;
    scrollbar-track-color: #dde8ee;
    border-bottom: #6f94ad 1px solid;
    scrollbar-darkshadow-color: #c1d5e0;
    scrollbar-base-color: #557d99;
    background-color: #ffffff;
}

.errorbox {
    border-right: #ff3800 1px solid;
    padding-right: 5px;
    border-top: #ff3800 1px solid;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: #ff3800 1px solid;
    width: 75%;
    padding-top: 5px;
    border-bottom: #ff3800 1px solid;
    background-color: #ffdede;
}

.more {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 95%;
    padding-bottom: 6px;
    color: #414141;
    padding-top: 6px;
}

    .more A {
        text-decoration: none;
    }

        .more A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.currentnode {
    color: #4766BB;
    text-decoration: none;
    font-size: 12px;
}

.button_orange {
    border-right: #a65100 2px solid;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 1px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 1px;
    border-bottom: #a65100 2px solid;
    background-color: #f09131;
}

.rssfeeds {
    list-style-position: inside;
    font-size: 100%;
    color: #414141;
    list-style-type: none;
}

.drag {
    cursor: move;
}

.rssfeeds A {
    text-decoration: none;
}

    .rssfeeds A:hover {
        color: #ffffff;
        background-color: #fab560;
        text-decoration: none;
    }

.bdr_blu_light {
    border-right: #b4d2f2 1px solid;
    border-top: #b4d2f2 1px solid;
    border-left: #b4d2f2 1px solid;
    border-bottom: #b4d2f2 1px solid;
}

.padding-bot5 {
    padding-bottom: 5px;
}

.padding-bot10 {
    padding-bottom: 10px;
}

.padding-bot20 {
    padding-bottom: 20px;
}

.padding-bot30 {
    padding-bottom: 30px;
}

.padding-bot50 {
    padding-bottom: 50px;
}

.padding-bot100 {
    padding-bottom: 100px;
}

.TEXTAREA_grey {
    border-right: #899298 1px solid;
    padding-right: 3px;
    border-top: #a3abb0 1px solid;
    padding-left: 3px;
    scrollbar-face-color: #b7bdc1;
    font-size: 105%;
    padding-bottom: 3px;
    scrollbar-highlight-color: #ced3d6;
    border-left: #a3abb0 1px solid;
    scrollbar-shadow-color: #919aa0;
    color: #333333;
    scrollbar-3dlight-color: #eef0f1;
    scrollbar-arrow-color: #78848c;
    padding-top: 3px;
    scrollbar-track-color: #e4e7e8;
    border-bottom: #899298 1px solid;
    scrollbar-darkshadow-color: #ced3d6;
    scrollbar-base-color: #78848c;
    background-color: #ffffff;
}

.splashscreen {
    font-weight: normal;
    font-size: 120%;
    color: #414141;
    line-height: 16px;
}

    .splashscreen A {
        text-decoration: none;
    }

        .splashscreen A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.quote-bg {
    background-image: url(../../images/quote-bg.gif);
}

.pressimage {
    border-right: #83a7e1 1px solid;
    padding-right: 8px;
    border-top: #83a7e1 1px solid;
    padding-left: 8px;
    background: #f8f8f8;
    padding-bottom: 8px;
    border-left: #83a7e1 1px solid;
    padding-top: 8px;
    border-bottom: #83a7e1 1px solid;
}

.brushblue-lt {
    background-position: left top;
    background-image: url(../../images/common/brushblue-lt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushblue-rt {
    background-position: right top;
    background-image: url(../../images/common/brushblue-rt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushblue-bg {
    background-image: url(../../images/common/brushblue-bg.gif);
    background-repeat: repeat-x;
}

.brushredBig-lt {
    background-position: left top;
    background-image: url(../../images/common/brushredBig-lt.gif);
    background-repeat: no-repeat;
    height: 30px;
}

.brushredBig-rt {
    background-position: right top;
    background-image: url(../../images/common/brushredBig-rt.gif);
    background-repeat: no-repeat;
    height: 30px;
}

.brushredBig-bg {
    background-image: url(../../images/common/brushredBig-bg.gif);
    background-repeat: repeat-x;
}

.brushgreen-lt {
    background-position: left top;
    background-image: url(../../images/common/brushgreen-lt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushgreen-rt {
    background-position: right top;
    background-image: url(/images/common/brushgreen-rt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushgreen-bg {
    background-image: url(../../images/common/brushgreen-bg.gif);
    background-repeat: repeat-x;
}

.brushorange-lt {
    background-position: left top;
    background-image: url(../../images/common/brushorange-lt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushorange-rt {
    background-position: right top;
    background-image: url(../../images/common/brushorange-rt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushorange-bg {
    background-image: url(../../images/common/brushorange-bg.gif);
    background-repeat: repeat-x;
}

.brushgreyBig-lt {
    background-position: left top;
    background-image: url(../../images/common/brushgreyBig-lt.gif);
    background-repeat: no-repeat;
    height: 40px;
}

.brushgreyBig-rt {
    background-position: right top;
    background-image: url(../../images/common/brushgreyBig-rt.gif);
    background-repeat: no-repeat;
    height: 40px;
}

.brushgreyBig-bg {
    background-image: url(../../images/common/brushgreyBig-bg.gif);
    background-repeat: repeat-x;
}

.brushgrey-lt {
    background-position: left top;
    background-image: url(../../images/common/brushgrey-lt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushgrey-rt {
    background-position: right top;
    background-image: url(../../images/common/brushgrey-rt.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.brushgrey-bg {
    background-image: url(../../images/common/brushgrey-bg.gif);
    background-repeat: repeat-x;
}

.font-spaced {
    font-size: 100%;
    word-spacing: 1px;
    color: #414141;
    line-height: 17px;
    letter-spacing: 0px;
}

    .font-spaced A {
        text-decoration: none;
    }

        .font-spaced A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.smallfont-spaced {
    font-size: 95%;
    word-spacing: 1px;
    color: #414141;
    letter-spacing: 0px;
}

    .smallfont-spaced A {
        text-decoration: none;
    }

        .smallfont-spaced A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.smallerfont-spaced {
    font-size: 80%;
    word-spacing: 1px;
    color: #999999;
}

.pp-heading {
    font-weight: bold;
    font-size: 140%;
    word-spacing: 0px;
    text-transform: none;
    color: #76a44e;
    letter-spacing: 0px;
}

.heading_white1 {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 135%;
    padding-bottom: 10px;
    word-spacing: 0px;
    margin-left: 15px;
    vertical-align: text-bottom;
    text-transform: none;
    color: #ffffff;
    padding-top: 10px;
    letter-spacing: 0px;
}

.heading_white2 {
    padding-left: 20px;
    font-weight: bold;
    font-size: 110%;
    word-spacing: 0px;
    vertical-align: text-bottom;
    text-transform: none;
    color: #ffffff;
    letter-spacing: 0px;
}

.heading_white3 {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 110%;
    padding-bottom: 10px;
    word-spacing: 0px;
    vertical-align: text-bottom;
    text-transform: none;
    color: #ffffff;
    padding-top: 10px;
    letter-spacing: 0px;
}

.bdr_blue-light-padding {
    border-right: #b4d2f2 1px solid;
    padding-right: 8px;
    border-top: #b4d2f2 1px solid;
    padding-left: 8px;
    padding-bottom: 8px;
    border-left: #b4d2f2 1px solid;
    padding-top: 8px;
    border-bottom: #b4d2f2 1px solid;
}

.bdr_orangelighter {
    border-right: #fbe5c7 1px solid;
    border-top: #fbe5c7 1px solid;
    border-left: #fbe5c7 1px solid;
    border-bottom: #fbe5c7 1px solid;
}

.font-strike {
    font-size: 105%;
    color: #fab560;
    text-decoration: line-through;
}

    .font-strike A {
        text-decoration: none;
    }

        .font-strike A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.pledge {
    border-right: #fab560 1px solid;
    padding-right: 8px;
    border-top: #fab560 1px solid;
    padding-left: 8px;
    font-size: 105%;
    padding-bottom: 8px;
    margin: 10px 2px;
    word-spacing: 1px;
    border-left: #fab560 1px solid;
    color: #414141;
    line-height: 17px;
    padding-top: 8px;
    border-bottom: #fab560 1px solid;
    letter-spacing: 0px;
    background-color: #fef4e7;
}

.font105 {
    font-size: 105%;
    color: #414141;
}

    .font105 A {
        text-decoration: none;
    }

        .font105 A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.fontorange-bg {
    font-size: 105%;
    background: #fef4e7;
    color: #ee8e1b;
}

    .fontorange-bg A:link {
        color: #ee8e1b;
        text-decoration: none;
    }

    .fontorange-bg A:visited {
        color: #ee8e1b;
        text-decoration: none;
    }

    .fontorange-bg A:hover {
        color: #ffffff;
        background-color: #fab560;
        text-decoration: none;
    }

.title_blue_pd {
    padding-left: 10px;
    font-size: 140%;
    margin: 0px 0px 0px 13px;
    width: 240px;
    color: #ffffff;
    background-color: #83a7e1;
}

.title_blue_pd2 {
    padding-left: 10px;
    font-weight: bold;
    font-size: 110%;
    margin: 0px 0px 0px 13px;
    width: 240px;
    color: #ffffff;
    background-color: #83a7e1;
}

.blue_pd_caption {
    padding-right: 0px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 3px;
    margin: 0px 0px 0px 13px;
    width: 240px;
    color: #414141;
    padding-top: 3px;
    background-color: #eaf1fb;
}

.blue_pd_text {
    padding-right: 0px;
    padding-left: 9px;
    font-weight: normal;
    font-size: 100%;
    padding-bottom: 4px;
    margin: 0px 0px 0px 5px;
    color: #414141;
    padding-top: 4px;
}

.blue_pd_dd {
    padding-right: 0px;
    padding-left: 9px;
    float: left;
    padding-bottom: 4px;
    margin: 0px 0px 0px 5px;
    padding-top: 4px;
}

.blue_pd_vdetails {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 95%;
    float: right;
    padding-bottom: 6px;
    color: #414141;
    padding-top: 6px;
}

    .blue_pd_vdetails A {
        text-decoration: none;
    }

        .blue_pd_vdetails A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.blue_pd_links {
    font-weight: bold;
    font-size: 100%;
    margin: 13px;
    color: #1c4c9c;
}

    .blue_pd_links A {
        text-decoration: none;
    }

        .blue_pd_links A:hover {
            color: #ffffff;
            background-color: #fab560;
            text-decoration: none;
        }

.blue_pd_seprator {
    padding-right: 2px;
    padding-left: 2px;
    background: url(../../images/common/bg-greydot-lightest.gif) repeat-x;
    padding-bottom: 2px;
    margin-left: 13px;
    padding-top: 2px;
}

.marginBig_sides {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.margin_bot {
    margin: 0px 0px 20px;
}

.margin_sides {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.margin_l {
    padding-left: 15px;
}

.thankyou {
    border-right: #fcca84 0px solid;
    padding-right: 8px;
    border-top: #fcca84 0px solid;
    padding-left: 8px;
    font-size: 105%;
    padding-bottom: 8px;
    margin: 10px 2px;
    word-spacing: 1px;
    border-left: #fcca84 0px solid;
    color: #414141;
    line-height: 17px;
    padding-top: 8px;
    border-bottom: #fcca84 0px solid;
    letter-spacing: 0px;
    background-color: #ffffff;
}

.announce-topbar-font {
    font-weight: 700;
    font-size: 105%;
    color: #fff;
}

    .announce-topbar-font A:link {
        color: #fbfa94;
        text-decoration: underline;
    }

    .announce-topbar-font A:visited {
        color: #fbfa94;
        text-decoration: underline;
    }

    .announce-topbar-font A:hover {
        color: #fbfa94;
        text-decoration: none;
    }

.announce-topbar1-bl {
    background-position: 0 100%;
    background-image: url(/images/common/announcement_bl.gif);
    width: 770px;
    background-repeat: no-repeat;
    background-color: #638cde;
}

.announce-topbar1-br {
    background-position: 100% 100%;
    padding-left: 30px;
    background-image: url(/images/common/announcement_br.gif);
    padding-bottom: 5px;
    background-repeat: no-repeat;
    height: 80px;
}

.announce-topbar-tabs {
    float: right;
    margin-right: 30px;
}

.announce-topbar2-bl {
    background-position: 0 100%;
    background-image: url(/images/common/announcement_bl.gif);
    width: 100%;
    background-repeat: no-repeat;
    height: 70px;
    background-color: #638cde;
}

.announce-topbar2-br {
    background-position: 100% 100%;
    padding-left: 30px;
    background-image: url(/images/common/announcement_br.gif);
    padding-bottom: 5px;
    background-repeat: no-repeat;
    height: 65px;
}


.button_orange2 {
    border-right: #a65100 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 95%;
    padding-bottom: 3px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 3px;
    border-bottom: #a65100 2px solid;
    background-color: #f09131;
}

.comments-titlename {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    margin-left: 40px;
    padding-top: 2px;
}

.button_orange3 {
    border-right: #a65100 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 3px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 3px;
    border-bottom: #a65100 2px solid;
    background-color: #f09131;
}

.button_blue3 {
    border-right: #3a5b87 2px solid;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 3px;
    overflow: visible;
    cursor: pointer;
    color: #fff;
    padding-top: 3px;
    border-bottom: #3a5b87 2px solid;
    background-color: #5396e3;
}

.po_subheading {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 3px;
    color: #414141;
    padding-top: 3px;
    background-color: #eaf1fb;
}

.po_features {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 95%;
    padding-bottom: 3px;
    color: #7d7d7d;
    padding-top: 3px;
    background-color: #ffffff;
}

.error1 {
    border-right: #a4a4a4 1px solid;
    padding-right: 5px;
    border-top: #a4a4a4 1px solid;
    padding-left: 5px;
    font-size: 15px;
    padding-bottom: 5px;
    border-left: #a4a4a4 1px solid;
    color: Maroon;
    padding-top: 5px;
    border-bottom: #a4a4a4 1px solid;
    background-color: #fffff2;
}

.error2 {
    border-right: #a4a4a4 1px solid;
    padding-right: 5px;
    border-top: #a4a4a4 1px solid;
    padding-left: 5px;
    font-size: 15px;
    padding-bottom: 5px;
    border-left: #a4a4a4 1px solid;
    color: Green;
    padding-top: 5px;
    border-bottom: #a4a4a4 1px solid;
    background-color: #eaecee;
}

/*
=============================================================
FOR Confirmation Message
=============================================================
*/
.tab-container {
    margin-top: 15px;
    width: 70%;
    position: relative;
}

.page-contents {
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.tab-border {
    border-right: #9db6d0 1px solid;
    border-top: #9db6d0 1px solid;
    border-left: #9db6d0 1px solid;
    border-bottom: #9db6d0 1px solid;
    position: relative;
    top: -10px;
    background-color: #eaecee;
    border-radius-bottomright: 10px;
    border-radius-bottomleft: 10px;
    moz-border-radius-bottomright: 10px;
    moz-border-radius-bottomleft: 10px;
}

.it {
    margin-left: 5px;
    margin-right: 5px;
}

/*
=======================================================================
For Trial User Form
======================================================================
*/

.mandatory {
    font-size: 10px;
    color: #990033;
}

input.one {
    font-size: 12px;
    color: #353535;
    border: 1px solid #828282;
}

input.two {
    font-size: 12px;
    color: #8f8f8f;
    border: 1px solid #828282;
}

.helpText {
    font-size: 12px;
    color: #313131;
    border: 1px solid #a8a8a8;
    background-color: #fff5f0;
}

.regform {
    border: 1px solid #7d7d7d;
}

.singleline {
    border-top: 1px solid #d4d4d4;
}

/*tab index



*/
.searchTab {
    float: left;
    position: relative;
    height: 28px;
    cursor: pointer;
}

.tabBody, .leftEdge, .rightEdge {
    position: relative;
    height: 28px;
    vertical-align: top;
}

.leftEdge, .rightEdge {
    width: 10px;
}

.leftEdge {
    left: 0px;
}

.rightEdge {
    right: 0px;
}

.tabBody select {
    font-size: 12px;
    position: relative;
    top: 4px;
    margin: 0px;
    margin-left: 4px;
}

.tabBody {
    background-image: url(../../images/searchTabsCenter.gif);
    background-repeat: repeat-x;
    white-space: nowrap;
}

.leftEdge {
    background-image: url(../../images/searchTabsLeft.gif);
    background-repeat: no-repeat;
}

.rightEdge {
    background-image: url(../../images/searchTabsRight.gif);
    background-repeat: no-repeat;
}

.selectedSearchTab .tabBody .tabText {
    top: 9px;
}

.searchTab .tabBody {
    background-position: 0px 0px;
}

.searchTab .leftEdge {
    background-position: 0px 0px;
}

.searchTab .rightEdge {
    background-position: -140px 0px;
}

.selectedSearchTab .tabBody {
    background-position: 0px -50px;
}

.selectedSearchTab .leftEdge {
    background-position: 0px -50px;
}

.selectedSearchTab .rightEdge {
    background-position: -140px -50px;
}

.tabText {
    font-size: 12px;
    position: relative;
    top: 11px;
}

.TabSpacer {
    width: 1px;
    border-bottom: #aca899 1px solid;
}

.Panel-C {
    border-right: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
}

.Panel-D {
    border-right: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
}

.popupHeader {
    font-size: 15px;
    color: black;
}







table.floatingHeader {
    background-color: #CFF4CF;
    border: 0px solid #1B3C1B;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}


/*Textbox Watermark*/

.unwatermarked {
    height: 18px;
    width: 148px;
}

.watermarked {
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #e2e2e2;
    color: gray;
}
/*Textbox Watermark*/
.Hover1 {
    font-size: 12px;
    color: #3e3e3e;
    background-color: #FFFF99;
    border-top: 4px solid #2bbaff;
    border-left: 4px solid #2bbaff;
    border-right: 4px solid #2bbaff;
    border-bottom: 4px solid #2bbaff;
    text-align: left;
    cursor: default;
}


.TableCell-Focus {
    color: white;
    background-color: #9DA5B2;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    cursor: hand;
}


.TableRow {
    background-color: white;
    vertical-align: middle;
}

.errtable {
    background-color: #FFEBE8;
    border: 0px solid #DD3C10;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.errorheader {
    font-size: 16px;
    color: #333333;
}

.errornormal {
    font-size: 12px;
    color: #333333;
}

.errtable1 {
    background-color: #FFF9D7;
    border: 0px solid #E2C822;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.error_yello {
    background-color: #FFF9D7;
    border: 1px solid #E2C822;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333; /*height:15px;*/
}

.error_yello_new {
    background-color: #FFF9D7;
    border: 1px solid #E2C822;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    color: #333333; /*height:15px;*/
}

.error_yelloADMIN {
    background-color: #FFF9D7;
    border: 1px solid #E2C822;
    letter-spacing: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333;
    height: 15px;
}

.error_gray {
    background-color: #DCDCDC; /* gainsboro Hex value-#DCDCDC*/
    border: 1px solid #A9A9A9; /* darkgray Hex value-#A9A9A9 */
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333;
}

.error_green {
    background-color: #CFF4CF;
    border: 1px solid #1B3C1B;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.HeaderText_new {
    font-size: 12px;
    color: #000000;
    font-weight: Bold;
}

.import_ChangeRowColor {
    background-color: #d3d3d3; /*lightgray to hex value #d3d3d3*/
}


.bgImage1_new1 {
    background-color: #EEEDEF;
    background-image: url( "../../images/navbar.gif" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 0px solid White;
    border-left: 0px solid White;
    border-bottom: 1px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 0px;
    height: 32px;
}

/* new added*/
.New_Header {
    color: Black;
    font-size: 12px;
}
/*border1px*/
.Border1px_New {
    border: 0px solid #A4A4A4;
    background-color: #F6F7F8;
}
/*bgImage_new*/
.BgImage_New {
    background-color: #EEEDEF;
    background-image: url( "../../images/navbar.gif" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 0px solid #A4A4A4;
    border-left: 0px solid White;
    border-bottom: 0px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    height: 23px;
}
/*bgImage1/ BgImage_New  used insted of bgImage1*/
.BgImage1 {
    background-color: #EEEDEF;
    background-image: url( "../../images/navbar.gif" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 0px solid White;
    border-left: 0px solid White;
    border-bottom: 1px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    height: 32px;
}

.Tb_BGcolor {
    border: 0px solid #A4A4A4;
    background-color: White;
}

.NewTableRows {
    background-color: white;
    height: 20px;
    text-decoration: none;
}

.NewAlternative {
    background-color: white; /*background-color: #C5D9DA;*/
    height: 20px;
    text-decoration: none;
}

.NewTableRows1 {
    background-color: #EFF2F4;
    text-decoration: none;
}

.NewAlternative1 {
    background-color: #E7EdEd;
    text-decoration: none;
}

/*bgImage1*/
.BgImage1_New {
    background-color: #EEEDEF;
    background-image: url( "../../images/r2.jpg" );
    font-size: 12px;
    color: #000000;
    margin: 0px;
    border-top: 0px solid White;
    border-left: 0px solid White;
    border-right: 0px solid #A4A4A4;
    vertical-align: middle;
}

/*labeltext in base class abd App_code Customize/customize.cs changed to*/
.NewBackgroung {
    font-weight: normal;
    font-size: 12px;
    color: Black;
    text-align: left;
    background-color: #CFE0E2;
}

.customizeheader {
    text-decoration: none;
    font-size: 12px;
    color: Black;
}

.backimage {
    background-image: url( "../../images/r2.jpg" );
}

.newborder {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-color: Red;
}

.quicklabel {
    font-size: 12px;
    font-weight: bold;
}

.bgWhite {
    background-color: #ffffff;
}

.bgDGreen {
    background-color: #4a668b;
}

.bgGrey {
    background-color: #7f7f7f;
}

.bgSub {
    background-color: #4a668b;
}

.redver8 {
    font-size: 8pt;
    color: #7a7373;
}

.Header-Green {
    font-size: 18pt;
    color: #4a668b;
}

.Heading-Green {
    font-size: 10pt;
    color: #4a668b;
}

.Heading-Green1 {
    font-size: 9pt;
    color: #4a668b;
}

.Sub-Green {
    font-size: 8pt;
    color: #596391;
}

.Sub-Green1 {
    font-size: 10pt;
    color: #4a668b;
}

.Sub-Green7 {
    font-size: 7pt;
    color: #4a668b;
}

.text-Gray12 {
    font-size: 12pt;
    color: #9e0000;
}

.text-Gray {
    font-size: 8pt;
    color: #1d1d1d;
}

.text-Gray1 {
    font-size: 9pt;
    color: #1d1d1d;
}

.text-Gray7 {
    font-size: 7pt;
    color: #9e0000;
}

.text-Gray10 {
    font-size: 10pt;
    color: #9e0000;
}

.text-Black9 {
    font-size: 9pt;
    color: #000000;
}

.Heading-White {
    font-size: 10pt;
    color: #ffffff;
}

.width100percent {
    width: 98%;
}

.widthpercent {
    width: 50px;
}


.SubHead-White {
    font-size: 8pt;
    color: #ffffff;
}

.text-White12 {
    font-size: 12pt;
    color: #ffffff;
}

.blackVer8 {
    font-size: 8pt;
    color: #000000;
}

.Margins {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.errtable1 {
    border-right: #e2c822 1px solid;
    border-top: #e2c822 1px solid;
    border-left: #e2c822 1px solid;
    border-bottom: #e2c822 1px solid;
    background-color: #fff9d7;
}

.errorheader {
    font-size: 12px;
    color: #333333;
}

.meniutop1 {
    font-weight: normal;
    font-size: 12px;
    color: #7a7373;
}

.redver {
    font-weight: normal;
    font-size: 12px;
    color: #9e0000;
}

.tablerowcolor1 {
    font-size: 12px;
    color: #000000;
    background-color: #f3f3e9;
}

.tablerowcolor2 {
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
}

.tablerowcolornew1 {
    font-size: 12px;
    color: #000000;
    background-color: #CCC7BA;
}

/*Css of tool tip*/

#dhtmltooltip {
    position: absolute;
    left: -300px;
    width: 200px;
    border: 1px solid black;
    padding: 2px;
    background-color: #D3DEE5;
    visibility: hidden;
    z-index: 100;
    font-size: 12px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer {
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

.leftborder {
    border-left: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}

.rightborder {
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}

.bottomborder {
    border-right: solid 0px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
}

.Allborder {
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
}

/*Css of tool tip* end/*/
.backend_button {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #636D89;
    border: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.themeButton1 {
    font-size: 12px;
    color: #000000;
    background-color: #6B8DA6;
}

.themeButton2 {
    font-size: 12px;
    color: #000000;
    background-color: #9790BC;
}

.themeButton3 {
    font-size: 12px;
    color: #000000;
    background-color: #A86F6B;
}

.themeButton4 {
    font-size: 12px;
    color: #000000;
    background-color: #73A469;
}

.leftAlign {
    padding-right: 70px;
}



table.floatingHeader {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

#lnkWidget, #lnkCloseWidget, #A1V, #A2V, #Av11, #Av22 {
    font-size: 10px;
    font-weight: normal;
    cursor: pointer;
}

.txtfocus {
    float: left;
    padding: 0;
    margin: 0;
    width: 19px;
    height: 19px;
}

.txtonblur {
    float: left;
    padding: 1px 1px 1px 1px;
    height: 19px;
    line-height: 19px;
    font-size: 10pt;
    border: solid 1px #8e909c;
    width: 115px;
    color: #000000;
}

.txtonblur1 {
    float: left;
    padding: 1px 1px 1px 1px;
    height: 19px;
    line-height: 19px;
    font-size: 10pt;
    border: solid 1px #8e909c;
    width: 115px;
    color: #9A999A;
}

fieldset {
    border: solid 1px #ccc;
    text-align: left;
    margin: 2px 5px 2px 5px;
    padding: 8px 0px 8px 5px;
}

.wizbtnClass {
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #ccc;
}
/*======New changes for admin settings right panel======*/
.rtHeader {
    background-color: #2259D7;
    color: White;
    font-size: 12px;
    font-weight: bold; /*padding-left: 7px; 	vertical-align: top;*/
}

.rtBody {
    background-color: #ebebe9;
}

.rtHeaderCust {
    background-color: #cc9999;
    font-size: 12px;
    font-weight: bold; /*color: White;padding-left: 7px; 	vertical-align: top;*/
}


/*	 MASK	*/

div.dimmer {
    position: absolute;
    background: url(../../images/blackdot.gif) white;
    width: 10px;
    left: 0;
    top: 0;
    z-index: 5;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=80);
    opacity: 0.8;
}

.dimming {
    font-size: 12px;
    font-style: normal;
    background-color: black;
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    visibility: visible;
    display: block;
    border-style: solid;
    border-color: #999999;
    border-width: 0px;
}

div.dimming {
    background-color: #ffffff;
    border-width: 0px;
}
/*		end of mask		*/


.tdborder {
    background-color: #ACA899;
    border: solid 1px #CCCCCC;
    height: 20px;
}

.tdborder1 {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    height: 18px;
}

.tdborder {
    background-color: #ACA899;
    border: solid 1px #CCCCCC;
    height: 20px;
}

.tdborder1 {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    height: 18px;
}

.divEmpty {
    clear: both;
    height: 5px;
}

/* Style spec's for tooltip for innermasterwithleftTD */
div#tipDiv {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: #D3DEE5;
    border: 1px solid #336;
    width: 300px;
    padding: 6px;
    color: #000;
    font-size: 12px;
    line-height: 1.3;
}

    div#tipDiv a:link {
        color: #33b;
    }

    div#tipDiv a:visited {
        color: #339;
    }

.TabStrip_SearchBox, .TabStrip_SearchBoxActive {
    float: left;
    padding: 2px 2px 0 2px;
    height: 19px;
    line-height: 19px;
    font-size: 8pt;
    border: solid 1px #8e909c;
    width: 115px;
    color: #9a999a;
}

* html .TabStrip_SearchBox, * html .TabStrip_SearchBoxActive {
    padding: 0px 2px 0 2px;
    height: 19px;
    margin-left: 0px;
    width: 115px;
}

.TabStrip_SearchBoxActive {
    color: black;
    font-style: normal;
}

.TabStrip_SearchButton {
    float: left;
    padding: 0;
    margin: 0;
    width: 19px;
    height: 19px;
}

.TabStrip_SearchBox1 {
    float: left;
    padding: 1px 1px 1px 1px;
    height: 19px;
    line-height: 19px;
    font-size: 8pt;
    border: solid 1px #8e909c;
    width: 115px;
    color: #000000;
}
/* Item Description Menu Styles */

#item_menu {
    list-style-type: none;
    padding: 0px;
    margin: 0 0 0 5px;
}

    #item_menu a {
        text-decoration: none;
        padding: 5px;
    }

        #item_menu a:hover {
            background-color: #EEEEEE;
        }

    #item_menu li {
        padding: 5px;
        color: red;
    }

.WrapperDiv {
    width: 100%;
    height: 320pt;
}

    .WrapperDiv TH {
        position: relative;
    }

    .WrapperDiv TR {
        height: 0px;
    }

.WrapperDiv1 {
    width: 100%;
    height: 320px;
}

    .WrapperDiv1 TH {
        position: relative;
    }

    .WrapperDiv1 TR {
        /* Needed for IE */
        height: 0px;
    }
/* SCROLLABLE GRID */

/* By VINAY FOR FREEZING */
#ds00 {
    /* border: solid 1px black;*/
    background-color: white;
    height: 700px;
    position: absolute;
    opacity: 0.6;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=60);
}

#abs {
    position: absolute;
    background-color: white;
    top: 45%;
    left: 45%;
    padding: 20px; /*border: 2px solid orange;*/
    border: 2px solid gray;
    font-weight: bold;
}

.norecordstemplate {
    padding-top: 80px;
    color: red;
    font-weight: normal;
    font-size: 13px;
}

.loading {
    position: absolute;
    background-color: white;
    border: 2px solid gray;
    font-weight: bold;
    height: 35px;
    white-space: nowrap;
}

.mask {
    background-color: white;
    position: absolute;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.HeaderClass {
    z-index: -50000;
}

/*Template GridLines*/
.TempWithGrid {
    width: 500px;
    height: 842px;
    background-image: url('../../images/TestGrid.jpg');
    z-index: -1;
    top: 100px;
    left: 31px;
    border: 1px solid red;
}

.TempWithoutGrid {
    position: absolute;
    width: 500px;
    height: 842px;
}

.GridOverflowHidden {
    /*text-overflow: clip;text-overflow:ellipsis;*/
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 2px 0px 2px;
    margin: 0px;
}

.NewGridStyle {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0px 2px;
    margin: 0px;
    border-style: solid;
    border-color: #C9C9C9;
    border-width: 1px 0px;
}

.headerstylereportnew {
    border-style: none none none;
    border-color: -moz-use-text-color -moz-use-text-color rgb(130, 130, 130);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: url("../../images/topbar11.png");
    font-size: 13px;
    color: #464646;
}


.gvreportNew {
    width: 100%;
    border-spacing: 1px;
    color: Red;
    border-bottom: 1px solid #A4A4A4;
    border-top: 1px solid #A4A4A4;
    background: url("../../images/topbar11.png");
    color: Black;
}

    .gvreportNew th {
        padding: 5px;
        font-size: 13px;
        font-weight: bold;
        color: Black !important;
    }

    .gvreportNew tr:hover {
        background-color: #D8D8D8;
    }

    .gvreportNew td {
        padding: 5px;
        font-size: 12px;
        color: #000000;
        overflow: hidden;
    }

        .gvreportNew td div {
            font-size: 12px;
        }

.paddingViews {
    padding: 0px 0px 0px 2px;
    overflow: hidden;
    white-space: nowrap;
}

.GridOverflowHeader {
    /*text-overflow: clip;text-overflow:ellipsis;*/
    white-space: normal;
    padding: 0px 2px 0px 2px;
    margin: 0px;
}


.boxnew {
    float: left;
    padding: 3px;
    padding-left: 5px;
}

.NewAlternativereport {
    background-color: #EAEAEA; /*background-color: #C5D9DA;*/
    height: 20px;
    text-decoration: none;
}

.gvreport {
    width: 100%;
    border-spacing: 1px;
    color: Red;
    border: 0px solid #A4A4A4;
}

    .gvreport th {
        padding: 5px;
        font-size: 9pt;
        font-weight: bold;
        color: #FFFFFF;
    }

    .gvreport td {
        padding: 5px;
        font-size: 12px;
        color: #000000;
        overflow: hidden;
    }

/* TABLE */
.headerstylereport {
    background-color: #636D89;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
}

.headerstylereport1 {
    background-image: url(../../images/topbar1.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    height: 26px;
    vertical-align: middle;
}

.commonheaderstylereport1 {
    background-image: url(../../images/topbar1.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    height: 26px;
    vertical-align: middle;
    color: Black !important;
}


.headerreport_divwidth {
    min-width: 100px;
    float: left;
    width: 99%;
    overflow: hidden;
    height: 15px;
}

.headerreport_divwidth200px {
    min-width: 200px;
    float: left;
    width: 99%;
    overflow: hidden;
    height: 15px;
}

.table-rowrpt {
    font-size: 8pt;
    color: #000000;
    padding: 5px; /*  background-color: #ffffff;*/
}

.table-alrow {
    font-size: 8pt;
    background-color: #D8D8D8;
    color: #131314;
}

.hh {
    float: left;
    width: 100%;
    overflow: hidden;
}

* html div#division {
    height: expression( this.scrollHeight > 332 ? "333px" : "auto" ); /* sets max-height for IE / } div#division { max-height: 333px; / sets max-height value for all standards-compliant browsers */
}


/*END Crystal Report Classess*/

/*By Rajeev, for views page*/
.NewTableRows_Views {
    background-color: #FFFFFF;
    text-decoration: none;
    height: 20px;
    white-space: nowrap;
}

.NewAlternative_Views {
    background-color: #EEEEEE; /*background-color: #C5D9DA;*/
    text-decoration: none;
    height: 20px;
    white-space: nowrap; /*padding-left: 10px;                         padding-right: 0px;*/
}

.gv_views th {
    padding: 1px;
    padding-left: 10px;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}

.gv_views td {
    padding: 1px;
    padding-left: 10px;
    font-size: 8pt;
    color: #000000;
    overflow: hidden;
}

.gv_views {
    width: 100%;
    border-spacing: 1px;
}

.gv_ViewsHeader {
    padding: 1px;
    padding-left: 10px;
    font-size: 9pt;
    font-weight: bold;
    border: 1ps solid red;
}

.ViewsHeader {
    font-size: 9pt;
    color: #FFFFFF;
    font-weight: Bold;
    vertical-align: middle;
    white-space: normal;
    padding: 1px;
}


.bglabelnewLarge {
    float: left;
    width: 26%;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    height: 22px;
}

.itemcostcenterrightalign {
    text-align: right;
}


/* new added by ayesha for paging */
.paging_style {
    /*CSS used for space between numbers in paging*/
    float: left;
    padding-left: 3px;
}

.Paging_enable {
    font-size: 8pt;
    color: #858585;
    font-weight: bold;
    text-decoration: none;
}

.Paging_disable {
    float: left;
    font-size: 8pt;
    color: #CCCCCC;
    font-weight: bold;
    text-decoration: none;
}

.OverflowHidden {
    float: left;
    width: 99%;
    overflow: hidden;
}

.active {
    /*background-color: #DADADA;*/
}

.active1 {
    background-color: white;
}
/*-------------------------- Arrow List Menu Region Starts (auto populate)----------------------------*/
.arrowlistmenu {
}

    .arrowlistmenu ul {
        /*CSS for UL of each sub menu*/
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
    }

        .arrowlistmenu ul li {
            padding-bottom: 2px; /*bottom spacing between menu items*/
        }

            .arrowlistmenu ul li a {
                /*background: url(../../images/arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
                display: block;
                padding: 3px 0;
                padding-left: 5px; /*link text is indented 19px*/
                border-bottom: 1px solid #dadada;
            }

                .arrowlistmenu ul li a:hover {
                    color: #A70303;
                    background-color: #F3F3F3;
                }

.SpanFontSize {
    font-size: 9px;
}
/*-------------------------- Arrow List Menu Region Starts (auto populate)----------------------------*/

.bglabel_new {
    float: left;
    width: 36%;
    background-color: #EEEEEE;
    padding: 8px 0 6px 5px;
    /*padding: 2px 2px 2px 5px;*/
    clear: left;
    height: 15px;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.spanerrorMsg_border {
    margin-bottom: 3px;
}

.Space_dropdown {
    margin-left: 13px; /*padding-left:10px; */
}


.paging1 {
    float: left;
    width: 100%;
    border: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
    border: solid 1px #A4A4A4;
    border-top: solid 1px #D2D2D2;
    top: 5px;
    margin-top: 15px;
    font-size: 8pt;
}

.ActHistViewsHeader {
    font-size: 9pt;
    color: #FFFFFF;
    font-weight: Bold;
    vertical-align: middle;
    white-space: normal;
    padding: 1px;
    display: none;
}

/* Left Panel */
.Message_Tooltip {
    background-color: #eeeeee;
    border: 1px solid #bbbbbb;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 12px;
    color: #333333; /*height:15px;*/
}

.Graphic {
    overflow: hidden;
    padding: 15px 10px 15px 10px;
}



#divBackGround1 {
    /*CSS used for transparent black background*/
    display: block;
    position: absolute;
    background-color: white;
    filter: alpha(opacity=80);
    opacity: 0.80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    -moz-opacity: 0.80;
    -khtml-opacity: 80;
    z-index: 20000;
    top: 0px;
    left: 0px;
}

.divOrderItemMask {
    /*CSS used for transparent black background*/
    display: block;
    background-color: white;
    filter: alpha(opacity=50);
    opacity: 0.50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    top: 0px;
    left: 0px;
}

/** FOR ERROR MESSAGE OR SESSION TIME OR LOGOUT **/
.messageboxlogout {
    border: 2px solid gray;
    width: 30%;
    padding: 4px;
    font-size: 12px;
    height: 36px;
    text-align: center;
    font-weight: bold;
}

.messageboxSessionLogout {
    border: 2px solid gray;
    width: 70%;
    font-size: 12px;
    height: 36px;
    text-align: center;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.messageboxSessionLogoutNew {
    border: 2px solid gray;
    width: 55%;
    font-size: 12px;
    height: 36px;
    text-align: center;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.messageboxErrorSupport {
    border: 2px solid gray;
    width: 85%;
    font-size: 12px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}


/*** ACTIVITY HISTORY ON ESTIMATE, JOB ETC ***/
.popup-top-leftcorner {
    background-image: url(../../images/roundcorners/pop_tl.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 46px;
}

.popup-top-middlebg {
    background-image: url(../../images/roundcorners/pop_t_bg.png);
    background-repeat: repeat-x;
    height: 46px;
}

.popup-top-rightcorner {
    background-image: url(../../images/roundcorners/pop_tr.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 45px;
}

.popup-bottom-leftcorner {
    background-image: url(../../images/roundcorners/pop_bl.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 45px;
}

.popup-bottom-middlebg {
    background-image: url(../../images/roundcorners/pop_b_bg.png);
    background-repeat: repeat-x;
    height: 46px;
}

.popup-bottom-rightcorner {
    background-image: url(../../images/roundcorners/pop_br.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 46px;
}

.popup-middle-leftcorner {
    background-image: url(../../images/roundcorners/pop_lm.png);
    background-repeat: repeat-y;
    width: 14px;
}

.popup-middlebg {
    background-color: #ffffff;
}

.popup-middle-rightcorner {
    background-image: url(../../images/roundcorners/pop_rm.png);
    background-repeat: repeat-y;
    width: 27px;
}

#divBackGround {
    /*CSS used for transparent black background*/
    display: block;
    position: absolute;
    background-color: #1A5B9D;
    filter: alpha(opacity=50);
    opacity: 0.50;
    -moz-opacity: 0.50;
    z-index: 100;
    top: 0px;
    left: 0px;
}

.CancelButtonDiv {
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 15px;
    height: 19px;
    width: 20px;
    overflow: hidden;
}

    .CancelButtonDiv:hover input, .CancelButtonDiv input {
        margin-top: -19px; /* Negative height of half the sprite, to push the image up */
    }

.CancelButtonDiv2 {
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 15px;
    height: 19px;
    width: 20px;
    overflow: hidden;
}

    .CancelButtonDiv2:hover input, .CancelButtonDiv2 input {
        margin-top: -19px; /* Negative height of half the sprite, to push the image up */
    }

.web_dialog_overlay_Address {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: Black;
    opacity: .25;
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    z-index: 101;
    display: none;
}

/*** LEFT MENU CSS  ***/

.glossymenu1, .glossymenu1 li ul {
    background-color: #EDEEF0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 159px; /*WIDTH OF MAIN MENU ITEMS*/
}

    .glossymenu1 li {
        position: relative;
    }

        .glossymenu1 li a {
            /*background: white url(glossyback.gif) repeat-x bottom left;*/
            /*font: bold 11px "Verdana", Verdana, Helvetica, sans-serif;*/
            color: black;
            display: block;
            width: auto;
            padding: 5px 0px 10px 5px;
            padding-left: 8px;
            text-decoration: none; /*BACKGROUND: url(../menu2.gif);*/ /*background: url(../sprite_mainmud1.PNG)repeat-y;*/ /*background-color: #F2F3F5;*/
            /*background-image: url(../../images/Left_Menu_BG.PNG);
            background-repeat: repeat-x;
            border-bottom: solid 1px #BDBDBD;
            border-left: solid 1px #BDBDBD;
            border-right: solid 1px #BDBDBD;
            border-top: solid 1px #BDBDBD;*/
            text-align: left;
            height: 11px;
            background: #f4f4f4;
        }

        .glossymenu1 li ul {
            position: absolute;
            width: 190px;
            left: 0;
            top: 0;
            display: none;
        }

            .glossymenu1 li ul li {
                float: left;
            }

            .glossymenu1 li ul a {
                width: 180px;
                text-decoration: none;
            }

    .glossymenu1 .arrowdiv {
        position: absolute;
        left: 2px;
        background: transparent url(../../images/arrow.gif) no-repeat center right;
    }

    .glossymenu1 li a:visited, .glossymenu1 li a:active {
        color: black;
        background-color: #F2F3F5;
    }

    .glossymenu1 li a:hover {
        /*background: url(../../images/menu3.gif) 0px -35px;*/
        color: #000000;
        /*background-color: White;*/
        text-decoration: none;
        background-color: #FBFBFB;
    }
    /* Holly Hack for IE \*/
    * html .glossymenu1 li {
        float: left;
        height: 1%;
    }

        * html .glossymenu1 li a {
            height: 1%;
        }




.rightpanel, .rightpanel li ul {
    background-color: #ECECEC;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 159px; /*WIDTH OF MAIN MENU ITEMS*/
}

    .rightpanel li {
        position: relative;
    }

        .rightpanel li a {
            /*background: white url(glossyback.gif) repeat-x bottom left;*/
            font: bold 11px "Verdana", Verdana, Helvetica, sans-serif;
            color: black;
            display: block;
            width: auto;
            padding: 5px 0px 7px 5px;
            padding-left: 8px;
            text-decoration: none; /*BACKGROUND: url(../menu2.gif);*/ /*background: url(../sprite_mainmud1.PNG)repeat-y;*/ /*background-color: #F2F3F5;*/
            background-color: #ECECEC;
            background-repeat: repeat-x;
            text-align: left;
            height: 11px;
        }

        .rightpanel li ul {
            position: absolute;
            width: 190px;
            left: 0;
            top: 0;
            display: none;
        }

            .rightpanel li ul li {
                float: left;
            }

            .rightpanel li ul a {
                width: 180px;
                text-decoration: none;
            }

    .rightpanel .arrowdiv {
        position: absolute;
        left: 2px;
        background: transparent url(../../images/arrow.gif) no-repeat center right;
    }

    .rightpanel li a:visited, .rightpanel li a:active {
        color: black;
        background-color: #ECECEC;
        ;
    }

    .rightpanel li a:hover {
        /*background: url(../../images/menu3.gif) 0px -35px;*/
        color: #000000;
        background-color: #ECECEC;
        ;
        text-decoration: none;
    }
    /* Holly Hack for IE \*/
    * html .rightpanel li {
        float: left;
        height: 1%;
    }

        * html .rightpanel li a {
            height: 1%;
        }




/*** CREATING DUPLICATING CLASS as SOME PLACES its Glossmenu ****/

.glossymenu, .glossymenu li ul {
    background-color: #EDEEF0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 159px; /*WIDTH OF MAIN MENU ITEMS*/
}

    .glossymenu li {
        position: relative;
    }

        .glossymenu li a {
            /*background: white url(glossyback.gif) repeat-x bottom left;*/
            font: bold 11px "Verdana", Verdana, Helvetica, sans-serif;
            color: black;
            display: block;
            width: auto;
            padding: 5px 0px 5px 5px;
            padding-left: 8px;
            text-decoration: none; /*BACKGROUND: url(../menu2.gif);*/ /*background: url(../sprite_mainmud1.PNG)repeat-y;*/ /*background-color: #F2F3F5;*/
            background-image: url(../../images/Left_Menu_BG.PNG);
            background-repeat: repeat-x;
            border-bottom: solid 1px #BDBDBD;
            border-left: solid 1px #BDBDBD;
            border-right: solid 1px #BDBDBD;
            text-align: left;
            height: 11px;
        }

        .glossymenu li ul {
            position: absolute;
            width: 190px;
            left: 0;
            top: 0;
            display: none;
        }

            .glossymenu li ul li {
                float: left;
            }

            .glossymenu li ul a {
                width: 180px;
                text-decoration: none;
            }

    .glossymenu .arrowdiv {
        position: absolute;
        right: 2px;
        background: transparent url(../../images/arrow.gif) no-repeat center right;
    }

    .glossymenu li a:visited, .glossymenu li a:active {
        color: black;
        background-color: #F2F3F5;
    }

    .glossymenu li a:hover {
        background: url(../../images/menu3.gif) 0px -35px;
        color: white;
        background-color: White;
        text-decoration: none;
    }
    /* Holly Hack for IE \*/
    * html .glossymenu li {
        float: left;
        height: 1%;
    }

        * html .glossymenu li a {
            height: 1%;
        }

/*** LEFT MENU CSS  ***/


/*** SUMMARY PAGE HR LINE ***/

#summaryHRLine {
    background-color: #E0E0E0;
    padding: -2px;
    height: 10px;
}


.SummaryItemDifferentiate {
    /*CSS used In summary page to differatiate items*/
    background-color: #CCCCCC;
    margin-top: 3px;
    height: 1px;
}

/*** COPIED FROM ACTIVITYHIST.CSS for Activity History on CRM ***/



/*---------simple-box----------*/
div.simple-box {
    background: #ffffff;
    padding: 0;
}

div.t-simple {
    height: 20px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

div.m-simple {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

div.b-simple {
    height: 20px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

div.simple-box div.t-simple {
    background: url(../../images/tab/top-simple-bg.PNG) 0 0 repeat-x;
}

    div.simple-box div.t-simple div.t-simple {
        background: url(../../images/tab/tc-simple-r.png) 100% 0 no-repeat;
    }

        div.simple-box div.t-simple div.t-simple div.t-simple {
            background: url(../../images/tab/tc-simple-l.png) 0 0 no-repeat;
        }

div.simple-box div.m-simple {
    background: #ffffff;
    padding: 0;
}

    div.simple-box div.m-simple div.m-simple {
        background: url(../../images/tab/left-bg.PNG) 100% 0 repeat-y;
    }

        div.simple-box div.m-simple div.m-simple div.m-simple {
            background: url(../../images/tab/right-bg.PNG) 0 0 repeat-y;
        }

div.simple-box div.b-simple {
    background: url(../../images/tab/bottom-simple-bg.PNG) 0 100% repeat-x;
}

    div.simple-box div.b-simple div.b-simple {
        background: url(../../images/tab/bc-simple-r.png) 100% 0 no-repeat;
    }

        div.simple-box div.b-simple div.b-simple div.b-simple {
            background: url(../../images/tab/bc-simple-l.png) 0 0 no-repeat;
        }



/*==================================== Tab Region Starts ===================================*/

.tab-off-first {
    background-image: url(../../images/tab/tab-off-first.PNG);
    background-repeat: no-repeat;
    width: 15px;
    height: 30px;
}

.tab-on-first {
    background-image: url(../../images/tab/tab-on-first.PNG);
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
}

.tab-off-bg {
    background-image: url(../../images/tab/tab-off-bg.PNG);
    background-repeat: repeat-x;
    height: 30px;
    padding-top: 5px;
    cursor: pointer;
}

.tab-on-bg {
    background-image: url(../../images/tab/tab-on-bg.PNG);
    background-repeat: repeat-x;
    height: 30px;
    padding-top: 5px;
    cursor: pointer;
}

.tab-off-last {
    background-image: url(../../images/tab/tab-off-last.PNG);
    background-repeat: no-repeat;
    width: 16px;
    height: 30px;
}

.tab-on-last {
    background-image: url(../../images/tab/tab-on-last.PNG);
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
}

.tab-off-middle {
    background-image: url(../../images/tab/tab-off-middle.PNG);
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
}

.tab-off-on-middle {
    background-image: url(../../images/tab/tab-off-on-middle.PNG);
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
}

.tab-on-off-middle {
    background-image: url(../../images/tab/tab-on-off-middle.PNG);
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
}

.tablink {
    text-decoration: none;
    color: Black;
}

    .tablink:hover {
        text-decoration: none;
        color: #5386B5;
    }

.tabSelected {
    text-decoration: none;
    color: #5386B5;
}

    .tabSelected:hover {
        text-decoration: none;
        color: #5386B5;
    }
/*==================================== Tab Region Ends ===================================*/

/*============== BOX LABELS ==========*/
.a4sheet {
    width: 595px;
    height: 841px;
}

.boxlable73 {
    width: 191px;
    /*height: 111px;*/
    height: 172px;
    overflow: hidden;
    font-size: 12px;
}

.boxlable92 {
    width: 292px;
    height: 85px;
    overflow: hidden;
    font-size: 12px;
}

.boxlable42 {
    width: 292px;
    height: 202px;
    overflow: hidden;
    font-size: 12px;
}

.boxlable22 {
    width: 292px;
    height: 912px;
    overflow: hidden;
    font-size: 12px;
}

.boxlable82 {
    width: 292px;
    height: 96px;
    overflow: hidden;
    font-size: 12px;
}

.boxlable43 {
    width: 191px;
    height: 202px;
    overflow: hidden;
    font-size: 12px;
}

.boxlable32 /*Handy 6up */ {
    width: 100px;
    height: 200px;
    overflow: hidden;
    font-size: 12px;
}

.boxlable11 /*PPW*/ {
    width: 378px;
    height: 564px;
    overflow: hidden;
    font-size: 12px;
    position: relative;
}


.boxlabelonprint {
    width: 590px;
    font-size: 12px;
}

.ppwlabelsize {
    float: left;
    width: 378px;
    height: 594px;
    border: 0px solid grey;
    margin-bottom: 11px;
    position: absolute;
}

/*============== END OF BOX LABELS ==========*/

/*============== START OF JOB ACTIVITIES ==========*/
#activity {
    /*border: 1px solid rgba(189, 189, 189, 0.5);*/
    width: 158px;
    /*background: url('../../images/bg-gradient.png') #ffffff; */
}

    #activity a, .activity-list a {
        font-size: 13px;
        color: #0070C0;
        text-decoration: underline;
        font-weight: 400;
    }

        #activity a:hover {
            /*text-decoration:underline;*/
        }

        #activity a.create, .Summary_panelitems a.create {
            color: #ED7D31; /*gray;*/
            font-size: 13px;
            text-decoration: underline;
        }


#activity-header {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding: 6px;
    border-bottom: 1px solid rgba(192, 192, 192, 0.5);
    vertical-align: middle;
}

.activity-list {
    font-size: 13px;
    color: #121212;
    padding: 8px 5px 8px 5px;
    border-bottom: 1px solid rgba(192, 192, 192, 0.5);
    overflow:auto;
}

#activities-all {
    font-size: 13px;
    font-weight: bold;
    padding: 2px;
    text-align: left;
}

    #activities-all a {
        color: #000000;
        text-decoration: none;
    }

/*============== END OF JOB ACTIVITIES ==========*/

/*============== START OF PROFORMA INVOICE ==========*/

#message {
    font-size: 12px;
    border: 0px solid #808080;
    width: 220px;
    padding: 4px;
    background: url('../../bg-gradient.png') #ffffff;
}

    #message a {
        color: #10357F;
        text-decoration: none;
    }

        #message a:hover {
            text-decoration: underline;
        }
/*============== END OF PROFORMA INVOICE ==========*/


.clearBoth {
    clear: both;
}

#clearBoth {
    clear: both;
}

.price_table_content {
    width: 99%;
    margin: 0px 0px 0px 0px;
}

.price_table_content_leftmost {
    width: 0%;
    height: 23px;
    float: left;
    padding: 0px 0px 0px 0px;
}

.price_table_content_left {
    width: 36%;
    height: 20px;
    float: left;
}

.price_table_content_middle {
    width: 47%;
    height: 25px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 5px;
}

.price_table_content_right {
    width: 14.5%;
    height: 20px;
    float: left;
    text-align: right;
}

.lblSellingPrice, .lblTotalSellingPrice {
    font-weight: bold;
    color: Black;
    padding: 0px 0px 0px 0px;
}

#div_Mainqty {
    float: left;
    width: 400px;
}

    #div_Mainqty div {
        float: left;
        width: 200px;
    }

#div_MainTotal {
    float: left;
    width: 400px;
}

    #div_MainTotal div {
        float: left;
        width: 198px;
    }

        #div_MainTotal div label {
            font-size: 12px;
            margin: 0px;
            color: Black;
            font-weight: bolder;
        }

.div_Main {
    float: left;
    width: 400px;
}

.div_Label {
    float: left;
    width: 220px;
}

.div_Qty {
    width: 100px;
    float: left;
}

.div_price {
    width: 75px;
    float: left;
}

    .div_price:focus {
        width: 75px;
        float: left;
    }

.dropDownMultiple150 {
    width: 140px;
    font-size: 12px;
    color: Black;
    border: 1px solid #B6B6B6;
}

.dropDownMultiple75 {
    width: 75px;
    font-size: 12px;
    color: Black;
}

.div_LabelMatrix {
    float: left;
    width: 200px;
}

.div_DDlMatrix {
    float: left;
    width: 130px;
}

.div_matrixPrice {
    width: 65px;
    float: left;
}

.txtStyle {
    width: 65px;
    /*height: 18px;*/
    text-align: right;
    color: Black;
    border: 1px solid #B6B6B6;
    padding: 0px 5px 0px 0px;
    /*-moz-border-radius: 0px;*/
    -moz-box-shadow: 1px 1px 0px #737373;
    /*-webkit-border-radius: 0px;*/
    -webkit-box-shadow: 1px 1px 0px #737373;
    -ms-border-radius: 0px;
    -ms-box-shadow: 1px 1px 0px #737373;
    height: 22px;
}

    .txtStyle:focus {
        width: 65px;
        /*height: 18px;*/
        text-align: right;
        color: Black;
        border: 1px solid #B6B6B6;
        background-color: #E9F5F8;
        padding: 0px 5px 0px 0px;
        /*-moz-border-radius: 0px;*/
        -moz-box-shadow: 1px 1px 0px #737373;
        /*-webkit-border-radius: 0px;*/
        -webkit-box-shadow: 1px 1px 0px #737373;
        /*-ms-border-radius: 0px;*/
        -ms-box-shadow: 1px 1px 0px #737373;
    }

.fp_artwork {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    color: #000000;
    width: 175px;
    font-size: 12px;
}


.ProductzIndex {
    z-index: 10000;
}
/*============== HelpText Css ==========*/
#tooltip {
    position: absolute;
    border: 1px solid #CCC;
    background: #FFFFD1;
    padding: 5px 5px;
    display: none;
    max-width: 600px;
    font-size: 12px;
    color: #101010;
}

#crmtooltip {
    position: absolute;
    border: 1px solid #CCC;
    background: white;
    padding: 7px 7px 7px 8px;
    display: none;
    max-width: 600px;
    font-size: 12px;
    color: #101010;
    border-bottom: #808080 2.5px solid;
    border-right: #808080 2.5px solid;
    border-left: #888888 1px solid;
    border-top: #888888 1px solid;
    box-shadow: 0 0 2px 5px #D3D3D3 inset;
}

/*==============End of HelpText Css ==========*/




/*============== NOTES TABS DETAILS ==========*/
.notes_styleMain {
    width: 80%;
    margin: 8px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
}

.notes_style {
    width: 97%;
    background: #F5F5F6;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    border: solid 1px silver;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-box-shadow: 2px 2px 2px #737373;
    -webkit-box-shadow: 2px 2px 2px #737373;
    -ms-box-shadow: 2px 2px 2px #737373;
}

.lbl_Title {
    line-height: 26px;
    font-size: 24px;
}

.lbl_Subject {
    line-height: 20px;
}

/*============== NOTES TABS DETAILS ==========*/

/*============== RE-ENG STARTS ==========*/

.AccordPanel {
    width: 100%;
}

    .AccordPanel h3 {
        width: 92%;
        background: url(../../images/Addplus.png) no-repeat center right;
        background-color: #CCCCCC;
        border: 1px solid #CCCCCC;
        color: Black;
        display: block;
        height: 17px;
    }

        .AccordPanel h3.active {
            background: url(../../images/delete.png) no-repeat center right;
        }

        .AccordPanel h3:hover {
            background-color: BEBEBE;
            border: 1px solid BEBEBE;
            color: Black;
            cursor: pointer;
            height: 17px;
        }



.DivHeader {
    background: #CCCCCC;
    border: 1px solid #C0C0C0;
    color: Black;
    height: 19px;
    position: relative;
    display: inline-block;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
}

    .DivHeader:hover {
        text-decoration: none;
        background: #C9C9C9;
        border: 1px #3C7FB1 solid;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
        color: Black;
        cursor: pointer;
        height: 19px;
    }

.SummaryTabs {
    background: #E5E5E6;
    border: 1px solid #BDBDBD;
    color: Black;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-right: 8px;
    display: inline-block;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 3px;
}

    .SummaryTabs:hover {
        text-decoration: none;
        background: #C9C9C9;
        border: 1px #3C7FB1 solid;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
        color: Black;
        cursor: pointer;
        height: 19px;
    }

.shadow_right {
    background-image: url( "../../images/shadow.png" );
    background-position: top left;
    background-repeat: repeat-y;
    width: 6px;
}

.rmActive {
    width: 200px;
}

.rmVertical {
    width: 200px;
}

.rmGroup {
    width: 200px;
}

.rmLevel1 {
    width: 200px;
}

/*===new  Class*/

div.homepage_modules {
    float: right;
    position: relative;
    text-align: center;
    width: 740px;
}


div.module_cube {
    float: left;
    height: 224px;
    margin-left: 0px;
    margin-top: 15px;
    position: relative;
    width: 224px;
    border: 1px solid #CCCCCC;
}

div.module_cube_banner {
    float: left;
    margin-left: 8px;
    margin-top: 0px;
    position: relative;
}


div.module_cube_top {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(../../images/StoreImages/module_bg_top.png);
    background-position: center center;
    background-repeat: repeat;
    height: 24px;
    padding-top: 1px;
    position: relative;
    text-align: center;
    width: 224px;
}


span.module_name {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}

div.module_cube_bottom {
    background-attachment: scroll;
    background-color: transparent;
    background-color: #2351A9;
    background-position: center center;
    background-repeat: no-repeat;
    height: 84px;
    position: relative;
    width: 224px;
}

div.module_content {
    color: #FFFFFF;
    height: 74px;
    left: 5px;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 214px;
}


div.module_cube_center {
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    height: 116px;
    position: relative;
    text-align: center;
    width: 224px;
}

/*==========  Prductcategory Css===============================*/




.productName_div {
    border-bottom: 1px dashed #CCCCCC;
    color: #7F7F7F;
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    width: 220px;
}



.productCategoryDescription_div {
    height: 90px;
    overflow: hidden;
    padding: 0px 5px 0px 5px;
    text-align: center;
    width: 210px;
    color: #7F7F7F;
}


.productDetails_div {
    width: 220px;
    height: 320px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    margin: 15px 0px 15px 20x;
    background-color: White;
    border: solid 2px #CCC;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -moz-box-shadow: 5px 5px 5px #D0D0D0;
    -webkit-border-radius: 7px;
    -webkit-box-shadow: 5px 5px 5px #DODODO;
    -ms-border-radius: 7px;
    -ms-box-shadow: 5px 5px 5px #DODODO;
}

.productImage_div {
    height: 150px;
    width: 216px;
    padding: 5px 0 10px 0px;
    margin-left: -3px;
}

.dhtmlgoodies_window {
    font-size: 0.9em; /*overflow: hidden;*/
    z-index: 10000;
    float: left;
    margin-right: 3px /* border: 1px solid red; 	 border: 1px solid #000; 	background-color: #DDD; 	padding: 2px; 	margin-right: 5px; 	margin-bottom: 5px; 	/*width:300px; */;
}


    .dhtmlgoodies_window div {
        position: relative;
    }

.dhtmlgoodies_windowContent {
    background-color: #FFFFFF;
}

/*========================================================================================================= */
.resizable {
    border-radius: 5px 5px 5px 5px;
    border: solid 0px #CCC;
    resize: both;
    overflow: auto;
    padding-top: 0px;
    margin-top: 3px;
    margin-left: 2px;
    min-width: 100px;
    min-height: 100px;
}

/*============================================================================*/
/*-----class for approval settings-----------------*/
.tablewidth {
    width: 100%;
    font-size: 12px;
}

.Mailchimptablewidth {
    width: 95%;
}

.mailchimpdiv {
    float: left;
    nowrap: nowrap;
}

.cellwidth1 {
    float: left;
}

.cellwidth2 {
    width: 360px;
    float: left;
    vertical-align: middle;
    padding-top: 4px;
}

.topcells {
    vertical-align: top;
}

.orderlist {
    float: left;
    margin-left: -17px;
}

.bordertop {
    /*border-top: 2px solid #BDBDBD;*/
    margin-top: -10px;
}

.innertable {
    padding-top: 3px;
}

.popupdiv {
    padding-left: 16px;
    height: 35px;
}

.mainheader {
    float: left;
}

.BottomTable {
    padding-left: 6px;
    margin-top: 7px;
}

.bottomdiv {
    width: 375px;
    font-size: 12px;
}
/*---------------new classes approval system---------------*/
.cells {
    padding-top: 4px;
    width: 380px;
    float: left;
    font-size: 12px;
}

.cells1 {
    padding-top: 4px;
    width: 380px;
    float: left;
    font-size: 12px;
}

.innercells {
    float: left;
    padding-top: 4px;
}

.linkbtn {
    text-align: left;
    font-size: 12px;
    vertical-align: middle;
    font-weight: bold;
}

}

.tableslider {
    width: 100%;
    padding-left: 5px;
    margin-top: -7px;
    padding: 4px;
    margin-left: -7px;
    font-size: 12px;
}

.cellsSlider {
    width: 10px;
    vertical-align: top;
}

.innertd {
    width: 450px;
    margin-left: -8px;
    float: left;
    padding-top: 3px;
    vertical-align: top;
}

.innerfloat {
    padding-left: 19px;
}

.belowtable {
    padding-left: 8px;
    border: 1px solid #AAAAAA;
    background-image: url(../../images/AccordionModified.png);
    background-repeat: repeat-x;
}

.belowlink {
    font-size: 12px;
    height: 18px;
}

.belowDiv {
    padding-top: 2px;
    padding-left: 5px;
    padding: 5px;
    font-size: 12px;
}

.belowtable {
    padding-left: 18px;
}

.wholediv {
    position: absolute;
    width: 1015px;
}

.undertable {
    padding-top: -50px;
}

.rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.PrilivegeTab {
    width: 100%;
    padding-left: 5px;
    margin-top: -7px;
    padding: 7px;
    padding-bottom: 2px;
    margin-left: -7px;
}

.ui-accordion .ui-accordion-header a {
    font-size: 11px !important;
}
/*---------------new classes approval system end---------------*/
/*Rad Mega Menu section starts*/

div#CatWrapper {
    background-color: #F2F3F5;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

div.Wrapper {
    margin: 0 15px 0 0;
    padding: 0 0 5px 0;
    float: left;
    width: 340px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    padding: 10px 0px 0px 10px;
}

#div_settings {
    display: none;
    z-index: 2;
}

li {
    color: #000000;
}

.RadSiteMap_Hay ul li a.rsmLink {
    border-bottom: 1px solid rgb(187, 185, 157) !important;
    width: 148px;
    text-transform: uppercase;
    color: Black !important;
    font-weight: bold;
}

.RadSiteMap_Hay ul li ul li a.rsmLink {
    border-bottom: 0px solid rgb(187, 185, 157) !important;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    width: 110px;
    margin-left: -6px;
}

.RadSiteMap_Hay ul li ul li div.rsmTemplate {
    border-bottom: 0px solid rgb(187, 185, 157) !important;
    text-transform: capitalize;
    width: 154px;
    margin-left: -9px;
}

    .RadSiteMap_Hay ul li ul li div.rsmTemplate a {
        text-decoration: none;
        color: Black;
        padding: 3px 3px 3px 3px;
    }

        .RadSiteMap_Hay ul li ul li div.rsmTemplate a:hover {
            background: #D9D8DA !important;
            border-radius: 5px;
        }

.RadSiteMap_Hay ul li ul li a.rsmLink:hover {
    background: #D9D8DA !important;
    border-radius: 5px;
}

.mainlink {
    padding-bottom: 10px !important;
    width: 190px;
}

    .mainlink li.sublink a.rsmLink {
        margin-top: 20px;
        text-decoration: underline;
        text-transform: none;
    }

.RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmItem {
    /*list-style-image:url('../../images/doublearrhead.png');*/
    list-style-type: disc;
    list-style-position: inside;
}

    .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmItem a {
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
    }
/*Rad Mega Menu section ends*/


/* class for opacity of loading image  by rakshith*/
.trans {
    /* opacity: 0.6;
        filter: alpha(opacity=60); /* For IE8 and earlier */
    margin-bottom: -2.3px;
    margin-top: -2.3px;
    padding: 3px 0px 3px;
}



/*=================================All Reports Pages==========================*/
.rounded-Reportcorners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-left: 1px solid #6C6C6C;
    border-right: 1px solid #6C6C6C;
    font-weight: bold;
}

.rounded-ReportTopcorners {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #6C6C6C;
}

.rounded-ReportBottomcorners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-left: 1px solid #6C6C6C;
    border-right: 1px solid #6C6C6C;
    border-bottom: 1px solid #6C6C6C;
    font-weight: bold;
}

.bgReportlabel {
    float: left;
    width: 28%;
    background-color: #EEEEEE;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    /*font-size: 12px;*/
    /*padding-left: 5px;*/
    height: 22px;
    padding: 5px;
    font-size: 12px;
}

.bgReportlabel12 {
    float: left;
    background-color: #EEEEEE;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 0px 5px;
    /*font-size: 12px;*/
    font-size: 12px;
    width: 200px;
    height: 18px;
    padding-top: 5px;
}

.bgReportlabel14 {
    float: left;
    background-color: #EEEEEE;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 0px 3px;
    /*font-size: 12px;*/
    font-size: 12px;
    width: 190px;
    height: 18px;
    padding-top: 5px;
    padding-left: 5px;
}

.bgReportlabelProdrpt {
    float: left;
    width: 180px;
    height: 41px;
    background-color: #EEEEEE;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    padding-left: 5px;
}

.bgReportlabelcrm {
    float: left;
    background-color: #EEEEEE;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 0px 3px;
    /*font-size: 12px;*/
    font-size: 12px;
    width: 240px;
    height: 20px;
    padding-top: 5px;
    padding-left: 5px;
}

div.New .rpRootGroup {
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
}

.ColoumnDiv {
    padding-left: 3px;
}

.ColoumnTable {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -2px;
}

.AggregateDiv {
    padding-left: 10px;
}

.ReportDiv {
    padding-left: 8px;
}

.FilterDiv {
    padding-left: 12px;
}

.ProductDiv {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.ProductDivTab {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: -6px;
}

.ColoumnDiv1 {
    padding-left: 4px;
}

.AggregateDiv {
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.FilterJob {
    padding-left: 6px;
    padding-top: 4px;
}

.JobReport {
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ReportborderWithTop {
    border-bottom: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    border-top: 1px solid #BDBDBD;
}

.ClientWaitTab {
    left: 50%;
    visibility: hidden;
    width: 300px;
    position: absolute;
    top: 50%;
    height: 100px;
}

.UlTabs {
    list-style: none;
    height: auto;
    background-color: #FFFFFF;
    margin-left: 5px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-radius: 0px;
    width: 99.2%;
}

.TelerikPaneDiv {
    display: block;
    margin-left: -11px;
    float: left;
    margin-top: -11px;
    width: 100%;
}

.ClientBtns {
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-left: -5px;
}

.btnGaps {
    float: left;
    width: 10px;
}

.ChkGaps {
    height: 4px;
}

.Editstylesheet_withouttopborder {
    margin: -12px 0px 0px -11px;
    border: solid 1px #AAAAAA;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    /*border: solid 1px gainsboro;  
     overflow:auto;*/
}

.EditstyleTopHeader {
    float: right;
    padding-left: 5px;
    padding-top: 3px;
}

.edithelptextline {
    font-weight: bold;
}

.edittextgap {
    height: 10px;
}

.edithelptext {
    width: 630px;
    padding-right: 2px;
}

#pnldetails .RadPanelBar .rpText {
    font-weight: bold;
}

div.NewEditStyle .rpRootGroup {
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    width: 620px;
}

.edittablealign {
    vertical-align: top;
}

.edittablealigncell {
    vertical-align: top;
    float: left;
}

.editstyletextdiv {
    display: block;
    height: 560px;
    overflow: visible;
}

.editstylebutton {
    padding-left: 5px;
    padding-bottom: 40px;
}

.rounded-EditStyle {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #6C6C6C;
}

.edittoptextgap {
    height: 6px;
}

.editpanel {
    width: 600px;
}

.imagepath {
    color: #ED6C3D;
    padding-left: 25px;
}

.imagepath1 {
    color: #ED6C3D;
    padding-left: 9px;
}

.edithelptextbulletin {
    padding-left: 24px;
}

.editstylelink {
    color: #0070C0;
}

.editmastersheet {
    color: #ED6C3D;
}

.editstyleToplink1 {
    color: #0070C0;
    padding-left: 9px;
}

.editstyleToplink {
    padding-left: 9px;
}

.edithelptextbulletin {
    padding-left: 24px;
}

.rounded-EditStylePanel2 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #6C6C6C;
    border-top-width: 0px;
}

#pnldetails .rpItem {
    border: 1px solid transparent !important;
}

#pnldetails .radpanelbar_default .rpout {
    border-bottom-width: 1px;
    border-bottom: 1px solid transparent;
}

#pnldetails .RadPanelBar_Default div.rpHeaderTemplate, #pnldetails .RadPanelBar_Default a.rpLink {
    background-image: none;
    border: 1px solid #6C6C6C;
    background-color: #F2F2F2;
}

#pnldetails .RadPanelBar .rpFocused .rpOut, #pnldetails .RadPanelBar a.rpLink:hover .rpOut, #pnldetails .RadPanelBar .rpSelected .rpOut, #pnldetails .RadPanelBar a.rpSelected:hover .rpOut {
    border-top-width: 0px;
    background-color: #C1C1C1;
    border-left-width: 0px;
    border-right-width: 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

.EditStyletextboxnew {
    border-top: silver 1px solid;
    border-right: #737373 1px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    width: 610px;
    vertical-align: middle;
}

.edithelptexttable {
    padding-left: 10px;
}

.EstimateList {
    cursor: pointer;
    float: left;
    clear: right;
    display: block;
}

.EstimateUL {
    height: 20px;
    padding: 0px 20px 0px 20px;
    float: left;
    line-height: 20px;
    margin-right: 2px;
}

.divtab1 {
    display: none;
    margin-left: -11.2px;
    width: 100%;
    margin-top: -11px;
}

.lnkSelect {
    width: 100%;
    padding-bottom: 2px;
}

.PCAggregate {
    padding-left: 4px;
}

.ColoumnDiv {
    padding-bottom: 4px;
    padding-top: 4px;
}

.reportTypeDiv {
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.recordDiv {
    padding-top: 8px;
    padding-left: 10px;
    padding-bottom: 7px;
}

.reportbutton {
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-left: -8px;
}

.chkBottom {
    padding-bottom: 5px;
}

.ColoumnDiv2 {
    padding-left: 5px;
    width: 900px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.reportcolumn {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.ProductCatTab {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: -6px;
}


/* -------------------- estore phrase book section ------------------------------------ */
#div_popupAction_Del {
    display: none;
    z-index: 999999;
    position: absolute;
    margin: 55px 0px 0px 8px;
}


/*--copied from header.ascx-----*/

/* These styles create the dropdown menus. in header.ascx on mouse over menu */
#navbar {
    /*margin-top: 3px;*/
    padding: 0px;
    height: 22px;
}

    #navbar li {
        list-style: none;
        float: left;
        padding-left: 0px;
        margin-left: 0px;
    }

        #navbar li a {
            display: block; /*padding: 3px 8px;*/
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
        }

            #navbar li a:hover {
                display: block; /*padding: 3px 8px;*/ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                color: #FFFFFF;
                text-decoration: none;
            }

        #navbar li ul /* right extended dropdown menu */ {
            display: none;
            width: 10em; /* Width to help Opera out */
            background-color: #F2F3F5;
            box-shadow: 2px 2px 5px #333333;
        }

        #navbar li:hover ul, #navbar li.hover ul {
            display: block;
            position: absolute;
            margin: 0;
            padding: 0px 0px 0px 0px;
            z-index: +9999;
            width: 140px;
            margin-left: -30px;
        }

        #navbar li:hover li, #navbar li.hover li {
            float: none;
        }

            #navbar li:hover li a, #navbar li.hover li a /* main background of dropdown menu */ {
                background-color: #F2F3F5;
                border-bottom: 1px solid #fff;
                color: #000;
                font-weight: normal;
                width: auto;
                height: 23px;
            }

        #navbar li li a:hover /*change background for submenu */ {
            background-color: #CBCBBF;
        }

#divDrpdwn {
    position: fixed;
    height: auto;
    margin-top: 21px;
    z-index: 3000;
    background-color: #F2F3F5;
    box-shadow: 2px 2px 5px #333;
    z-index: 9999999;
}

    #divDrpdwn ul {
        background: none;
        margin-left: -28px; /*-26*/
        margin-top: -24px;
        border-right: 0 solid #BDBDBD;
        border-left: 0 solid #BDBDBD;
        padding-top: 0;
    }

        #divDrpdwn ul li {
            float: left;
            list-style: none;
            width: 100%;
            background: #69A5DA;
            border-left: 0 solid #E2E4E7;
            padding-left: 10px;
            border-left: 0 solid #E2E4E7;
            border-bottom: 0 solid silver;
        }

            #divDrpdwn ul li:hover {
                background: #69A5DA;
            }

            #divDrpdwn ul li a {
                color: #FFF;
                text-decoration: none;
                display: block;
                cursor: pointer;
                padding: 4px;
                color: #FFF;
                text-decoration: none;
                display: block;
                cursor: pointer;
                padding: 4px;
                padding-top: 2px;
                text-align: left;
            }

                #divDrpdwn ul li a:active {
                    display: block;
                    color: #FFF;
                    text-decoration: none;
                    font-weight: 700;
                    font-weight: 400;
                    font-style: normal;
                }

                #divDrpdwn ul li a:hover {
                    /*font-weight: 700;*/
                    /*color: #CB1B6D;*/
                }

/* this for search box css in header.ascx*/
.txtbxsearchstyle {
    border: none;
    height: 36px;
    width: 100px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    outline: none;
    color: #000000;
    font-size: 15px;
}

.divsearchwrap {
    display: block;
    position: relative;
    border: 1px solid #BDBDBD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 155px;
    height: 40px;
    right: 1%;
    top: 1%;
    background-color: White;
}

.divloggedinwrap {
    display: block;
    position: relative;
    border: 0px solid #BDBDBD;
    width: auto;
    height: auto;
    float: right;
    right: 1%;
    top: 1%;
    background-color: White;
    margin-top: -45px;
    margin-right: 10px;
}

.divsettinglogin {
    display: block;
    position: absolute;
    border: 0px solid #BDBDBD;
    width: auto;
    height: auto;
    float: right;
    margin-left: 85px;
    background-color: White;
    top: 1%;
    margin-right: 10px;
}

.watermarked {
    color: Gray;
    background-color: White;
    height: 16px;
    width: 142px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-style: italic;
    font-size: 12px;
}
/*-----------------------copied all inline style sheets to here---------------------------*/

/*---Estimates\artwork_files_upload_0.aspx--*/
.hidden {
    width: 1px;
    height: 1px;
    border: none;
}

#photoUpload .photoStatus {
    margin: 3px 5px 8px;
    font-weight: bold;
}

.photoerror {
    font-weight: bold;
    color: Red;
}


/*-----jobs_edit.aspx------*/



#div_list {
    float: left;
    position: absolute;
    display: none;
    border: solid 1px silver;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 175px;
    height: 75px;
    background-color: white;
    scrollbar-arrow-color: black;
    scrollbar-base-color: #CCC;
    scrollbar-darkshadow-color: #CCC;
    scrollbar-face-color: #CCC;
    scrollbar-highlight-color: black;
    scrollbar-shadow-color: black;
}

.divpad {
    padding: 2px;
}

/*----Jobs\multiple_delivery_note_new.aspx---*/



#rotate {
    width: 400px; /*margin-top: 40px; 
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);*/ /* -o-transform: rotate(-180deg); /* For Opera*/ /* -khtml-transform: rotate(-180deg); /* For Lunix*/ /* for ie */ /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
}

.ppwfn {
    font-size: 22px;
}

.ppwmargin {
    color: black;
    margin-left: 5px;
}

.ppwboxofmargin {
    color: black;
    margin-left: 200px;
    font-weight: bold;
}

.ppwaddress {
    color: black;
    margin-left: 120px;
}

.masplabel {
    width: 378px;
    height: 189px;
    font-size: 22px;
    color: black;
    margin-left: 10px;
}

.bgImgPPWLabel {
    background-image: url('../../images/PPW_Label_New-rotate.jpg' ); /*ppw-labels.jpg*/
    background-repeat: repeat-y;
    position: absolute;
    width: 378px; /*height: 564px;*/
}

.Ocpplabel {
    width: 284.52pt;
    height: 102.42pt;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid black;
    border-radius: 5px;
    table-layout: fixed;
}

.Ocppheader {
    font-size: 26px;
    font-weight: bold;
}

.Ocppaddress {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

.Ocppbox {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}

.OcppQty {
    font-size: 22px;
    font-weight: bold;
}

.OcppJN {
    font-size: 16px;
    padding-top: 22px;
    font-weight: bold;
}


/*--- added from editor.css on 15-11-2012.  and editor.css is removed---*/
.richTextFieldIE p, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}


/* added form App_Themes\Theme1\dimming.css  on 15-11-2012 and deleted dimming.css file*/
div.dimmer {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: bold;
    padding: 40px;
    -moz-opacity: 0.10;
    padding-top: 20%;
    background-image: url(../../images/honey.png);
    /* ieWin only stuff */
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/honey.png');
}


div.dimming {
    font-size: 12px;
    font-style: normal;
    background-color: #FFFFCC;
    position: absolute;
    /* set z-index higher than possible */
    z-index: 10000;
    visibility: hidden;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
}

table.floatingHeader {
    background-color: #0000ff;
    color: #ffffff;
}

/* added from App_Themes\Theme1\rightcontext.css on 15-11-2012 and deleted rightcontext.css file */
.context-menu {
    visibility: hidden; /* No, you cannot use display:none; */
    position: absolute; /*text-align: left; 	 	border: 1px solid #666; 	 	margin: 0; 	 	padding: 8px; 	 	list-style: none; 	 	width: 150px; 	 	background-color: white;/*#eee;*/
    z-index: 10000000;
    border: 1px solid black;
    padding: 2px;
    width: 150px;
    background-color: rgb(255, 255, 255);
    float: left;
}

    .context-menu li:hover, .context-menu .context-menu-item-active {
        background-color: #ccc;
        border: 1px solid #666;
    }

.disabled {
    color: #999;
    background-color: #eee !important;
}

.context-menu table:hover /*works only in mozilla*/ {
    border: 1px solid black;
    background-color: lightslategray;
    width: 100%;
    cursor: default;
    clear: both;
}

/* added from App_Themes\Theme1\popup.css on 15-11-2012 and deleted popup.css*/

/*------------------POPUPS------------------------*/
#fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.60;
    z-index: 9999;
}

.popup_block {
    display: none;
    background: #fff;
    padding: 10px 10px 10px 10px;
    border: 5px solid #CCC;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 7px #000;
    -moz-box-shadow: 0px 0px 7px #000;
    box-shadow: 0px 0px 7px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

img.btn_close {
    float: right;
    margin: -20px -20px 0 0;
}

.popup p {
    padding: 5px 10px;
    margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}

*html .popup_block {
    position: absolute;
}

/************************************************/


/*----Settings\account_status.aspx-------*/

.GridRow_Web20 td, .GridAltRow_Web20 td {
    padding-right: 17px !important;
}

tr.SelectedRow_Web20 td {
    background-image: url(img/SelectedRow.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 17px;
}

th.GridHeader_Web20, th.ResizeHeader_Web20, td.GridHeader_Web20, td.ResizeHeader_Web20 {
    text-align: left !important;
}

.CheckBox {
    background-image: none !important;
    padding-right: 17px;
}
/*-----settings\DefaultCS.aspx-------*/

.MyImageButton {
    cursor: hand;
}

div.qsf_wrapper {
    width: 1250px;
}

div.qsf_footer {
    float: left;
    width: 700px;
}
/*----Settings\digital_press_add.aspx------*/
.orderText {
    font: normal 12px Arial,Verdana;
    margin-top: 6px;
}

.expandImage {
    display: inline-block;
    background-image: url( '<%= Page.ResolveUrl("~/Common/styles09/sprite09.gif")%>' );
    background-position: -596px -1191px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

* html .expandImage {
    background-position: -596px -1194px;
}

* + html .expandImage {
    background-position: -596px -1194px;
}


/*-----Settings\PriceCatalogueFeaturesadd.aspx--------*/


.reply_box {
    border: solid 1px #666;
}

    .reply_box[disabled] {
        border: 0;
        background-color: white;
    }

.mailBtn {
    padding: 0;
    margin: 4px 0 0 0;
    list-style: none;
    float: right;
}

    .mailBtn li {
        float: left;
    }

        .mailBtn li a {
            display: block;
            border: solid 1px black;
            background: maroon;
            width: 100px;
            line-height: 22px;
            color: white;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
            margin: 0 0 0 2px;
        }

            .mailBtn li a:hover {
                text-decoration: underline;
            }


/*----Settings\templates_add.aspx------*/
.PDFbg {
    position: "absolute";
    zindex: "-10";
    width: screen.width;
    top: "0";
    left: "0";
}

.bglabelPrevious {
    float: left;
    width: 39%;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.divEmaillist {
    background: #FFFFFF;
    width: 100px;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 0px 6px 5px;
    color: #8E8F8F;
}

    .divEmaillist:hover {
        background: #EEEEEE;
        color: #8E8F8F;
        width: 100px;
        cursor: pointer;
    }

#ctl00_ContentPlaceHolder1_ucPhraseBook_RadListBox1_Enable, #ctl00_ContentPlaceHolder1_ucPhraseBook_RadListBox1_Disable, #ctl00_ContentPlaceHolder1_ucPhraseBook_RadListBox1_CopyEmail {
    color: #6C6C6C;
    text-decoration: none;
}

/*----- view dropdown in each view pages in every module - moved from each page on 15-11-2012----------*/
.divDropdownlist {
    background: #FFFFFF;
    color: #333;
    width: 200px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 0px 6px 5px;
}

    .divDropdownlist:hover {
        background: #EEEEEE;
        color: #5E5E5E;
        width: 200px;
        cursor: pointer;
    }

#div_popupAction {
    box-shadow: 0px 0px 10px #9C9C9C;
    display: none;
    z-index: 999999;
    position: absolute;
    margin: 32px 0px 0px 13px;
}

#div_popupAction1 {
    box-shadow: 0px 0px 10px #9C9C9C;
    display: none;
    z-index: 999999;
    position: absolute;
    margin: 32px 0px 0px 13px;
}

#div_popupAction_View {
    box-shadow: 0px 0px 10px #9C9C9C;
    display: none;
    z-index: 999999;
    position: absolute;
    margin: 32px 0px 0px 6px;
}

#div_chk {
    float: left;
    padding: 1px 3px 1px 3px;
    border: outset 1px;
    height: 18px;
    width: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

#div_chk1 {
    float: left;
    padding: 1px 3px 1px 3px;
    border: outset 1px;
    height: 18px;
    width: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}



/*-----------------\usercontrol\crm\contact_Add_new.ascx--------- Arrow List Menu Region  ----------------------------*/ .arrowlistmenu {
}

.show_hide {
    display: none;
}

.hide_show {
    display: block;
    float: left;
    color: #ff0000;
}

.changepwdpanel {
    clear: both;
    padding-top: 5px;
    display: none;
}

.changepwd {
    padding: 3px;
    display: block;
}

/*----------usercontrol\ESTIMATE\Estimate_Search.ascx-----------*/

.panelHeaderEstimate {
    color: #212121;
    text-decoration: none;
    background: -moz-linear-gradient(top, rgba(224, 224, 224, 1) 0%, rgba(241, 241, 241, 0.6) 50%, rgba(225, 225, 225, 0.59) 51%, rgba(246, 246, 246, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224, 224, 224, 1)), color-stop(50%,rgba(241, 241, 241, 0.6)), color-stop(51%,rgba(225, 225, 225, 0.59)), color-stop(100%,rgba(246, 246, 246, 0.2)));
    background: -webkit-linear-gradient(top, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
    background: -o-linear-gradient(top, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
    background: -ms-linear-gradient(top, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#33f6f6f6',GradientType=0 );
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; /*padding:  .2em .4em;        */
    height: 20px;
    border: solid 1px #D3D3D3;
    padding-top: 5px;
    padding-bottom: 2px;
    font-size: 15px;
}

    .panelHeaderEstimate:hover {
        color: #212121;
        text-decoration: none;
        background: -moz-linear-gradient(top, rgba(224, 224, 224, 1) 0%, rgba(241, 241, 241, 0.6) 50%, rgba(225, 225, 225, 0.59) 51%, rgba(246, 246, 246, 0.2) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224, 224, 224, 1)), color-stop(50%,rgba(241, 241, 241, 0.6)), color-stop(51%,rgba(225, 225, 225, 0.59)), color-stop(100%,rgba(246, 246, 246, 0.2)));
        background: -webkit-linear-gradient(top, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
        background: -o-linear-gradient(top, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
        background: -ms-linear-gradient(top, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
        background: linear-gradient(to bottom, rgba(224, 224, 224, 1) 0%,rgba(241, 241, 241, 0.6) 50%,rgba(225, 225, 225, 0.59) 51%,rgba(246, 246, 246, 0.2) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#33f6f6f6',GradientType=0 );
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
    }

.panelContentEstimate {
}

/*-------------usercontrol\Item\CartAdditionalOption.ascx------------*/

#div_CartAdditional {
    float: left;
    width: 100%;
    margin: 0px 2px 10px 0px;
}

#div_chk_CartAdditional {
    float: left;
    width: 20%;
}

#div_ddl_CartAdditional {
    float: left;
    width: 30%;
    margin: 2px 0px 0px 0px;
}

#div_lbl_CartAdditional {
    float: left;
    text-align: right;
    width: 10%;
    margin: 3px 0px 0px 0px;
    border: solid 0px green;
}

/*----------------usercontrol\Item\item_summary.ascx--------*/

.ScrollHide {
    overflow-x: hidden;
}


/*----------------\usercontrol\Item\warehouse_listNew.ascx-------------*/

#tooltip_ppup_tip {
    position: absolute;
    border: 1px solid red;
    background: #FFFFD1;
    padding: 5px 5px;
    max-width: 600px;
    display: block;
    font-size: 12px;
    color: #101010;
    z-index: +1500;
}


/********** added by ramakrishna to defaultpage.aspx notification popup jquery css (on 25/08/2012 time:6:20pm)********************************/

#loginbutton_pp_up {
    height: 25px;
    line-height: 25px;
}

    #loginbutton_pp_up:hover {
        text-decoration: none;
        background: #C9C9C9;
        border: 1px #3C7FB1 solid;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
    }


#loginmodal {
    visibility: hidden;
    width: 750px;
    height: 410px;
    padding: 8px;
    background: rgba(0,0,0,.3);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: absolute !important;
    top: 18% !important;
    left: 5% !important; /*	margin-top:-94px !important; 	margin-left:-180px !important;*/
    margin-left: 20%;
    z-index: 101;
}


#loginheading {
    padding-bottom: 7px;
    padding-left: 10px;
    width: 740px;
    height: 30px;
    border-bottom: 1px solid #bababa;
    -webkit-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
    -moz-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
    box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
}

#logincontent_ppup {
    width: 710px;
    height: 375px;
    background: #fcfcfc;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
    box-shadow: 0px 1px 3px rgba(0,0,0,.25);
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    font-weight: 100;
    text-align: justify;
    color: rgb(68, 68, 68);
    float: left;
    line-height: 11px;
}

.loginbutton_pp_up img {
    float: left;
    width: 33px;
    height: 25px;
}

.loginbutton_pp_up.green {
    background: -webkit-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
    background: -moz-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
    background: -o-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
    background: -ms-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
    background: linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );
    border: 1px solid #5b8821;
    margin: 0 5px 0 35px;
}

.loginbutton_pp_up.red {
    /*  text-decoration:none;   background: #ffffff; /* Old browsers */ /*background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */ /*background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ /* border: 1px solid gray;*/
    line-height: 25px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-right: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #2C2B2B;
    border: solid 1px #a3a3a3;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    background: -moz-linear-gradient(top, #E8E8E8, #F9F8F8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F9F8F8');
}



    .loginbutton_pp_up.red:hover {
        line-height: 25px;
        text-decoration: none;
        background: #C9C9C9;
        border: 1px #3C7FB1 solid;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');
    }

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.4);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}


/************* added for header.ascx slide menu in warehouse / inventory on 19-11-2012 *****************/
#divDrpdwn #stmenu #slideUL .li_shadow {
    box-shadow: 6px 7px 10px #BDBDBD;
}

#divDrpdwn #stmenu #slideUL li a {
    line-height: 22px;
}

#divDrpdwn .slideMenuRight, .slideMenuRight li ul {
    height: 22px;
    line-height: 22px;
    list-style-type: none;
    margin: 0;
    padding: 0; /*WIDTH OF MAIN MENU ITEMS*/
    border: none;
}

    #divDrpdwn .slideMenuRight li {
        line-height: 22px;
        position: relative;
    }

    #divDrpdwn .slideMenuRight #li_tools {
        margin-left: -5px;
        line-height: 22px;
        background: transparent url(../../images/arrow.gif) no-repeat center right;
    }

.slideMenuRight li a {
    line-height: 22px;
    font: bold 11px "Verdana", Verdana, Helvetica, sans-serif;
    color: black;
    display: block;
    text-decoration: none;
}

.slideMenuRight li ul {
    width: 150px;
    line-height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

/* Holly Hack for IE \*/
* html .slideMenuRight li {
    float: left;
    height: 1%;
}

    * html .slideMenuRight li a {
        height: 1%;
    }

#divDrpdwn #stmenu li:hover {
    float: left;
    background: #F2F3F5;
    line-height: 22px;
    border-left: 1px solid #E2E4E7;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border-left: 1px solid #CBCBBF;
    border-bottom: 1px solid #CBCBBF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; /*  background: transparent url(../images/arrow.gif) no-repeat center right;*/
}

#divDrpdwn #stmenu #slideUL li:hover {
    float: left;
    background: #F2F3F5;
    line-height: 22px;
    border-left: 1px solid #E2E4E7;
    padding-left: 4px;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border-left: 1px solid #CBCBBF;
    border-bottom: 1px solid #CBCBBF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/*added for header.ascx hover menu line separator on 21-11-2012*/
.headerHoverHrSeparator {
    border-top: 1px solid #BDBDBD;
}
/*******************/
/*added on nov 23 by rakshith*/
.RadSiteMap .rsmTwoLevels .rsmLink, .RadSiteMap .rsmTwoLevels .rsmTemplate {
    cursor: default;
}


/*added by RK on 06-12-2012 for loading button functionality*/

.loadimgbtn {
    /*   background: url(images/radimg1.gif) no-repeat;*/
    background-position: center;
    background-color: #0070C0 !important;
    background-color: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    background-color: -moz-linear-gradient(top, #E8E8E8, #F9F8F8);
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    /*font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;*/
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
    color: #000000;
    /*border: solid 1px #a3a3a3;*/
}

    .loadimgbtn:hover {
        /*text-decoration: none;
        background: #0070C0 !important;
        border: 1px #3C7FB1 solid;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');*/
    }

.loadingimg {
    /*margin-top: -2px;*/
}


/*******************************************************************************************************/

/*added by rk on 07-12-2012 for viewpage radgrid checkbox position */
.viewcheckboxpos {
    margin-left: -8px;
}

/**********************************serachbox related***********************************************************************/
.SrchResHeight {
    height: 23px;
}

/**********************************Ordering Process (Approval System) related***********************************************************************/
.h3Main {
    /*color: #555555;*/
    font-size: 12px;
    vertical-align: middle;
    font-weight: bold;
    -webkit-margin-after: 0px !important;
    -ms-margin-after: 0px !important;
    -moz-margin-after: 0px !important;
}
/**********************************Ordering Process (Approval System) related end***********************************************************************/
.divLoading {
    position: absolute;
    z-index: 7800;
    display: block;
}

.divLoadingPadding {
    padding-left: 25px;
}

.DefaultSettingsbox, .spanerrorMsg {
    float: left;
    width: 70%; /*width: 65%;*/
    padding: 1px;
    padding-left: 3px;
}

.MailchimpDefaultSettingsbox {
    width: 180px; /*width: 65%;*/
}

.DeptDefaultSettingsbox, .spanerrorMsg {
    float: left;
    width: 60%;
    padding: 3px 3px 3px 4px;
}

.ValidationMessage {
    float: left;
    width: 250px;
    padding-left: 5px;
}

.textboxnew_ForBanner {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    /*width: 270px;*/
    vertical-align: middle;
}

.AutoFill {
    cursor: pointer;
    color: #10357F;
}

.messageboxErrorSupport_ErrorPage {
    border: 2px solid gray;
    width: 85%;
    font-size: 12px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}


#divSetPrintreadyfileasproductimg {
    float: right;
    padding-left: 15px;
}

.imgLockUnock {
    width: 20px;
    height: 20px;
}

.AddTaskEvent {
    padding-top: 15px;
}

.TaskEventTable {
    width: 80%;
}

.StatusMain {
    margin: 10 10 0 10;
}

.StatusBtnSpace {
    width: 40%;
    float: left;
    border: 1px solid white;
}

.BtnMain {
    padding-top: 10px;
    /*width: 50%; */
    float: left;
}

.messageboxSessionExpiry {
    border: 0px solid gray;
    font-weight: bold;
    height: 45px;
    padding: 4px;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 15%;
}
/*==========  Auto Job Alert Css===============================*/
.margintop {
    margin-top: -5px;
}

.PraseMenue {
    width: 18%;
    vertical-align: top;
}

.tdwidth {
    width: 10px;
}

.tdcontent {
    width: 85%;
    padding-bottom: 30px;
    vertical-align: top;
}

.autodiv {
    width: 60%;
    float: left;
}

.autodivcontent {
    width: 40%;
    padding-bottom: 3px;
    float: left;
}

.autopopupaction {
    padding-bottom: 7px;
    padding-top: 7px;
    width: 130px;
}

    .autopopupaction:hover {
        background: #EEEEEE;
        color: #5E5E5E;
        width: 130px;
        cursor: pointer;
    }

.autodeletetxt {
    text-decoration: none;
    color: #333333;
    font-size: 12px;
}

.autogriddiv {
    width: 1000px;
}

.autogridarrow {
    white-space: nowrap;
    width: 100%;
}

.deletearrow {
    float: left;
    padding: 0px 0px 0px 1px;
    display: block;
}

.arrowdown {
    display: block;
    border: solid 0px Transparent;
    cursor: pointer;
}

.arrowup {
    display: none;
    border: solid 0px Transparent;
    cursor: pointer;
}

.autotable {
    width: 100%;
    float: left;
}

.autotablenone {
    width: 100%;
    float: left;
    display: none;
}

.statustd {
    width: 20%;
}

.statusddl {
    width: 60%;
}

.statuserrormsg {
    display: none;
    width: 185px;
}

.radeditorwidth {
    width: 70%;
}

.autoemailbody {
    width: 20%;
    height: 305px;
}

.autocc {
    width: 355px;
}

.autohelpicon {
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 0px;
    border: solid 0px green;
}

.autoccerrormsg {
    display: none;
    width: 220px;
    float: left;
}

.autocchelptext {
    font-weight: normal;
    display: none;
    padding-left: 5px;
}

.autobutton {
    float: left;
    width: 22%;
}

.autobtncancel {
    display: block;
}

.autocancelProcess {
    display: none;
}

.autobtngap {
    float: left;
    width: 10px;
}

.autocustometable {
    width: 85%;
    float: left;
}

.autocustomewidth {
    width: 100%;
}

.custometd {
    width: 30%;
}

.custometdflow {
    width: 60%;
    overflow: hidden;
}

.custometd1 {
    width: 1%;
}

.manageedit {
    padding: 10px 0px 10px 10px;
}

.autosubtextbox {
    width: 670px;
    height: 15px;
}

.UploadFont_Main {
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 9px;
}

.UploadFont_Box {
    float: left;
    width: 400px;
    padding: 1px;
    padding-left: 3px;
}

.UploadFont_bglabel {
    float: left;
    width: 110px;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
}

.SystemMarkup_Main {
    display: block;
    position: absolute;
    vertical-align: middle;
    border: 0px solid;
    z-index: 100;
}

.SystemMarkup_bglabelEmpty {
    float: left;
    width: 100px;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.Mailchimptxtbox {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    width: 250px;
    vertical-align: middle;
}

.MailchimpAPIKey {
    margin: 0px 0px 0px 0px;
}

.imgexport {
    float: left;
    padding-left: 12px;
    padding-bottom: 5px;
}

.emaildiv {
    float: right;
    width: 220px;
}

.contactadd {
    padding-left: 30%;
}

.invhelptxt {
    clear: both;
    height: 7px;
}



.sessioncheckmaindiv {
    margin-top: 6%;
}

#loginsessionexpiredspn {
    margin-left: 9%;
    font-weight: 600;
}

.AcctPopUp {
    width: 100px;
}

.emailacctlstbox {
    height: 85px;
    width: 255px;
}

.emaillisttable {
    width: 90%;
}

.emailtabletd {
    width: 35%;
}

.phrasebooktd {
    width: 4px;
}

.phrasebookminusicon {
    display: none;
    cursor: pointer;
}

.phrasebookplusicon {
    display: block;
    cursor: pointer;
}

.shoppingcartlstbox {
    height: 82px;
    width: 295px;
}

.padding2px {
    padding-top: 3px;
}

.productcategory_reorder_ddl {
    float: right;
}


.raisepoplcholder {
    float: left;
    width: 68%;
    padding: 1px;
    padding-left: 3px;
    max-height: 100px;
    overflow: auto;
}

.autojobcc {
    height: 35px;
}

.autojobccbcc {
    float: left;
    width: 54%; /*width: 49%;*/
    padding-left: 1px;
}

.ccbcctxtbox {
    width: 320px;
    height: 31px;
}

.margintop2px {
    margin-top: -2px;
}

.AutoJobSubjecttextbox {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    width: 355px;
    vertical-align: middle;
}

.autojobclickhere {
    font-size: 0.8em; /*font-weight: bold;*/
}

.bglabel_AutoJob {
    float: left;
    background-color: #EEEEEE;
    padding: 2px 5px 2px 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}

.autojobbox {
    float: left;
    width: 54%; /*width: 49%;*/
    padding: 1px;
    padding-left: 1px;
}

.hidejobdatecss {
    /*min-height: 150px;*/
}


.checkboxinsettingpage {
    float: right;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


.bglabelcheckboxinsettingpage {
    background-color: #EEEEEE;
    clear: left;
    color: Black;
    float: left;
    font-size: 12px;
    margin: 0 0 2px;
    padding: 2px 5px 2px 5px;
    vertical-align: middle;
    width: 28%;
}

.quickaddfunNote {
    font-size: 10px;
    font-weight: 600;
    padding-right: 5px;
}


.quickaddfunNoteContent {
    font-size: 10px;
}

.box_EstimateTitle, .spanerrorMsg {
    float: left;
    width: 70%;
    padding: 1px;
    padding-left: 3px;
}

.bglabelMaterial {
    float: left;
    width: 28%;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
}

.divOrderingProcesstab2 {
    padding-left: 32px;
    padding-top: 5px;
}

#divchkmarkall {
    padding-top: 3px;
}

.divOrderingProcesstab3 {
    border: solid 0px gainsboro;
    height: 430px;
}

.divOrderMangertab4 {
    padding-left: 32px;
    padding-top: 10px;
    border-bottom: 10px;
}

.divOrderingProcesscheckouttab {
    padding-left: 32px;
}

.widht15 {
    width: 15%;
}

.widht150px {
    width: 150px;
}

.OrderRaisepoplcholder {
    float: left;
    width: 55%;
    padding: 1px;
    padding-left: 3px;
    padding-bottom: 6px;
}


.OrderMngrcellsSlider {
    padding-top: 2px;
    vertical-align: top;
    width: 10px;
}

.OrderMngrHeader {
    font-weight: bold;
}

.divOrdermngrSave {
    margin-top: 10px;
}

.customwidthforglossmenu {
    width: 225px !important;
}

    .customwidthforglossmenu:hover {
        width: 225px !important;
        background: url("../../images/menu3.gif") repeat scroll 0px -15px White !important;
    }


/******************** for devid 4061 *****************************************/
.bglabelforamountpaid {
    background-color: #EEEEEE;
    clear: left;
    color: #000000;
    float: left;
    font-size: 12px;
    margin: 0 0 2px;
    /*padding: 5px;*/
    vertical-align: middle;
    width: 33%;
    padding: 8px 0 0 5px;
    height: 22px;
}

.box1, .spanerrorMsg {
    float: left;
    /*width: 200px; width: 49%;*/
    padding: 1px;
    padding-left: 3px;
}


.bglabelforamountpaiddynamic {
    background-color: #EEEEEE;
    clear: left;
    color: #000000;
    float: left;
    font-size: 12px;
    margin: 0 0 2px;
    padding: 5px;
    vertical-align: middle;
    text-align: left;
    width: 150px;
    height: 17px;
}

.rounded-InvoicePaymentwithTopMargin {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #6C6C6C;
    margin-top: 10px;
}

/***********************************************************************/
.reportwidth175 {
    width: 175px;
}

.DivBackColor {
    position: absolute;
    background-color: white;
    filter: alpha(opacity=50);
    opacity: 0.50;
    -moz-opacity: 0.50;
    z-index: 0;
    height: 100%;
}

.width145px {
    width: 145px;
}

div.NewEditStyleForinvoice .rpRootGroup {
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    width: 460px;
}

.PCLightRed {
    background-color: #EE7E7B;
    float: left;
    padding: 3px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
}

.PCpink {
    background-color: #FDB3DA;
    float: left;
    padding: 3px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
}

.PCLightBlue {
    background-color: #BFBFFF;
    float: left;
    padding: 3px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
}

.paddingleft7px {
    padding-left: 7px;
}

.gridpadding {
    padding-left: 15px;
}

.tableleftradius {
    background: #330000;
    border-radius: 8px 0px 0px 0px;
}

.tablerightradius {
    background: #330000;
    border-radius: 0px 8px 0px 0px;
}

.headerdialog {
    border: 1px solid #828282;
    border-radius: 5px 5px 5px 5px;
    width: 400px;
    height: auto;
    text-align: left;
    padding: 12px 5px 12px 5px;
    position: relative;
    top: 0%;
    left: 483px;
    margin-top: -23px;
}

.closebutton {
    position: absolute;
    top: 0%;
    right: -0.5%;
    margin-top: -7px;
    margin-right: 3px;
    cursor: pointer;
    z-index: 500;
}

.Divheaderbackcolor {
    border: 1px solid rgb(218, 218, 218);
    height: 50px;
    background-image: url(../../images/2px_4.jpg);
    background-repeat: repeat;
    background-position: top;
    height: 100%;
    width: 100%;
}

.DownArrowDetails {
    background-image: url(../../images/image_details.png);
    width: 22px;
    height: 10px;
    display: block;
}

.Quick {
    font-size: 14px;
    padding-bottom: 10px;
    color: Black;
    font-weight: bold;
}

.QuickButtons {
    color: black;
    text-decoration: none;
    font-size: 12px;
}

    .QuickButtons:hover {
        color: black;
        text-decoration: none;
    }

.recentactivities {
    margin-top: 20px;
    background-color: rgb(250, 250, 248);
    padding: 5px 5px 10px 10px;
    font-size: 17px;
    color: rgb(0, 0, 0);
    line-height: 17px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(239, 237, 233) rgb(214, 208, 199) rgb(214, 208, 199) rgb(239, 237, 233);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.Recentheadertext {
    color: #4780D7;
    text-decoration: none;
    font-size: 14px;
}

.JobHeading {
    color: black;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.jobNumber {
    color: black;
    text-decoration: none;
    font-size: 12px;
}

.jobUpArrow {
    background-image: url(../../images/arw_up.png);
    width: 10px;
    height: 12px;
    display: block;
    margin-top: 1px;
}


.jobDownArrow {
    background-image: url(../../images/arw_d.png);
    width: 10px;
    height: 12px;
    display: block;
    margin-top: 1px;
}

.NotesSumm {
    color: Black;
    text-decoration: none;
    font-size: 13px;
}

.NotesSummText {
    color: rgb(50, 50, 85);
    text-decoration: none;
    font-size: 12px;
}


#toTop {
    width: 70px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    text-align: center;
    padding: 3px;
    cursor: pointer;
    display: none;
    color: Black;
    font-size: 10px;
}

.Hovertable {
    background-color: White;
}

    .Hovertable:hover {
        background-color: #FAFAFA;
    }

.newButton {
    background-color: #0070C0 !important;
    /*background-color: #DADADA;
    background: -webkit-linear-gradient(#EFEFEF,#DADADA);
    background: -moz-linear-gradient(#EFEFEF,#DADADA);
    background: -o-linear-gradient(#EFEFEF,#DADADA);
    background: -ms-linear-gradient(#EFEFEF,#DADADA);
    background: linear-gradient(#EFEFEF,#DADADA);*/
    /*border: 1px solid #CCCCCC;*/
    border-radius: 3px;
    /*height: 23px;*/
    /*padding-bottom: 3px;*/
}

    .newButton:hover {
        /*background-color: #0070C0 !important;*/
        /*background-color: #DADADA;
        background: -webkit-linear-gradient(#EFEFEF,#DADADA);
        background: -moz-linear-gradient(#EFEFEF,#DADADA);
        background: -o-linear-gradient(#EFEFEF,#DADADA);
        background: -ms-linear-gradient(#EFEFEF,#DADADA);
        background: linear-gradient(#EFEFEF,#DADADA);*/
        /*border: 1px solid gray;*/
        border-radius: 3px;
        /*height: 23px;*/
        /*padding-bottom: 3px;*/
    }

.Popupnotes {
    background-color: rgb(255, 255, 255);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 25px 5px rgb(153, 153, 153);
    color: rgb(17, 17, 17);
    display: none;
    min-width: 200px;
    padding: 25px;
}

.TaskClosePopup {
    background-image: url(../../images/close_popup.png);
    width: 16px;
    height: 17px;
    display: block;
    cursor:pointer;
}

    .TaskClosePopup:hover {
        background-image: url(../../images/close_popup_hover.png);
        width: 16px;
        height: 17px;
        display: block;
    }

.TaskRightArrow {
    background-image: url(../../images/image_Fe_1.png);
    width: 10px;
    height: 16px;
    display: block;
}

.simpledropdownPopup {
    width: 228px;
    border: solid 1px #ABADB3;
    font-size: 12px;
    padding: 1px 1px 1px 0px;
    outline: none;
}

.newNavNext1 {
    cursor: pointer;
    padding: 5px;
    background-color: rgb(248, 248, 248);
    border: 1px solid rgb(238, 238, 238);
    font-size: 12px;
}

.MorefieldRighrImg {
    background-image: url(../../images/image_07_rgt_1.png);
    width: 7px;
    height: 7px;
    display: block;
}

.Headerback {
    background-color: #E5E5E5;
    background: -webkit-linear-gradient(#F9F9F9,#F9F9F9);
    background: -moz-linear-gradient(#F9F9F9,#F9F9F9);
    background: -o-linear-gradient(#F9F9F9,#F9F9F9);
    background: -ms-linear-gradient(#F9F9F9,#F9F9F9);
    background: linear-gradient(#F9F9F9,#F9F9F9);
}

.newButton111 {
    background-image: url(../../images/image_EM_b.png);
    width: 30px;
    height: 20px;
    display: block;
}

.ddM3 {
    text-align: left;
    position: absolute;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(187, 187, 187);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    height: 217px;
    width: 150px;
}

.DivButtonsHeader {
    background-image: url(../../images/header_bck_img.png);
    background-repeat: repeat-x;
    width: 100%;
}

.moreactionpanel {
}

    .moreactionpanel:hover {
        background-color: #EEEEEE;
        border-radius: 3px;
        color: White;
    }

.DivBackColor {
    position: absolute;
    background-color: transparent;
    filter: alpha(opacity=50);
    opacity: 0.50;
    -moz-opacity: 0.50;
    z-index: 10;
    height: 100%;
}

.HideNotesFields {
    background-image: url(../../images/close2.png);
    width: 18px;
    height: 18px;
    display: block;
    margin-top: -3px;
}

.bgcustomizeNew {
    background-image: url(../../images/topbar1.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    height: 26px;
}

.NewTableRowsNew {
    background-color: #FFFFFF;
    text-decoration: none;
    border-bottom: solid 1px #D8D8D8;
    height: 24px;
}


.TaskLeftArrow {
    background-image: url(../../images/image_Fe_2.png);
    width: 10px;
    height: 16px;
    display: block;
}

.Playbutton {
    background-image: url(../../images/Play-icon.png);
    width: 16px;
    height: 16px;
    display: block;
}

.Stopbutton {
    background-image: url(../../images/refresh_18.png);
    width: 16px;
    height: 16px;
    display: block;
}

.Pausebutton {
    background-image: url(../../images/Pause-icon.png);
    width: 16px;
    height: 16px;
    display: block;
}

.LoginKeyIcon {
    background-image: url(../../images/key.gif);
    width: 16px;
    height: 16px;
    display: block;
}

.msg_success123 {
    background-image: url(../../images/Ok-icon.png);
    width: 24px;
    height: 23px;
    display: block;
    color: #FD8404;
}

.lblSuccMesgCl {
}

.imgrightarrow {
    background-image: url(../../images/image_07_rgt.png);
    width: 16px;
    height: 22px;
    display: block;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.imgleftarrow {
    background-image: url(../../images/image_07_lft.png);
    width: 16px;
    height: 22px;
    display: block;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}


.validationerrormsg {
    background-color: #FAECEC;
    border: 1px solid #FF110F;
    font-weight: bold;
    text-align: center;
}

.alertimage {
    /*background-image: url(../../images/envelope.png);*/
    background-image: url(../../images/Message-32.png);
    width: 32px;
    height: 26px;
    display: block;
}
.Artalertimage {
    /*background-image: url(../../images/envelope.png);*/
    background-image: url(../../images/Art_noti.png);
    width: 36px;
    height: 29px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.rowmousehover {
    background-color: #FFFFFF;
    text-decoration: none;
    border-bottom: solid 1px #D8D8D8;
    height: 24px;
}

    .rowmousehover:hover {
        text-decoration: none;
        border-bottom: solid 1px #D8D8D8;
        height: 24px;
        background-color: #D8D8D8;
    }

.printicon {
    background-image: url(../../images/print_Image.gif);
    width: 16px;
    height: 16px;
    display: block;
}

/* Class for Activity call and TaskEvent Report*/
.actmaintab {
    padding: 2px 0px 0px 0px;
    float: left;
    border: 1px solid green;
    float: left;
}

.actsavedtab {
    height: 20px;
    cursor: pointer;
    float: left;
    padding: 0px 10px 0px 10px;
    line-height: 20px;
    margin-right: 2px;
}

.actimghour {
    float: right;
    bordercolor: #ffffff;
}

.act_msg {
    width: 100%;
    display: none;
}

.act_selectall {
    width: 900px;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.act_selectalltxt {
    width: 100%;
    padding: 5px 5px 5px 6px;
}

.act_chkcols {
    margin-top: -4px;
    float: left;
}

.act_grpdiv1 {
    padding: 5px 0px 5px 0px;
}

.act_grpdiv2 {
    padding: 5px 0px 0px 10px;
}

.act_width175 {
    width: 190px;
}

.act_left5px {
    float: left;
    width: 5px;
}

.act_paddingleft5px {
    padding-left: 5px;
}

.act_filtertable {
    width: 645px;
    margin-left: -2px;
}

.act_filtertabletd1 {
    width: 155px;
    padding-left: 2px;
}

.act_width20px {
    width: 20px;
}

.act_width250px {
    width: 232px;
}

.act_spandate {
    display: none;
    width: 150px;
}

.act_spndate1 {
    display: none;
    width: 250px;
}

.act_reportname {
    padding: 3px;
    padding-top: 7px;
}

.act_reportnamevalidate {
    vertical-align: middle;
    color: Red;
}

.act_floatleft {
    float: left;
}

.act_floatleftwidth {
    float: left;
    width: 117px;
}

.act_exportbtns {
    width: 100%;
    background-color: #E4E4EC;
    border: 4px hidden #BEBED1;
}

.act_width100 {
    width: 100%;
}

.act_lbltotal {
    float: right;
    padding-right: 10px;
}

.act_clrfilter {
    color: #103593;
    text-decoration: underline;
}

.act_txtpage {
    width: 40px;
    height: 22px;
}

.act_width200px {
    width: 200px;
}

.act_selectallcol {
    width: 300px;
    text-align: center;
}

.act_selecttab {
    float: left;
    width: 100%;
}

.reportunitsale {
    /*border-right: 1px solid black;*/
    border-right: 1px solid white;
    width: 50px;
    text-align: right;
    padding-right: 4px;
}

.reportunittilldate {
    width: 50px;
    text-align: right;
    padding-right: 4px;
}

.reportsalevalue {
    width: 100%;
}

.report_clrfilter {
    text-align: right;
    padding-right: 5px;
}

a.subnavigatorblack, a.subnavigatorblack:hover, a.subnavigatorblack:visited {
    text-decoration: none;
    color: #10357F;
    font-weight: Bold;
    font-size: 13px;
}

.navigatorpanelblack {
    font-size: 13px;
    color: #000000;
    font-weight: Bold;
    vertical-align: middle;
}

.ActiveModulenavigatorpanel {
    font-size: 14px;
    color: #FFF;
    font-weight: Bold;
    vertical-align: middle;
}

.reportjobtabletd {
    /*border-bottom: 1px solid black;*/
    border-bottom: 1px solid white;
}

.reporttablefont {
    /*font-weight: bold;*/
    color: white;
    /*color: #333333;*/
    float: right;
    width: 100%;
}

.reporttablevalue {
    text-align: right;
    width: 50px;
}

.txtcentre {
    text-align: center;
}

.boldwidth {
    font-weight: bold;
    width: 140px;
    color: #333333;
    text-align: right;
}

.crmreportmenu {
    margin-left: 153px;
    margin-top: -27px;
}

.crmreportmenulst {
    min-width: 100px;
    height: 31px;
    margin-top: -5px;
    margin-left: -4px;
}

.report_resultpanel {
    height: 34.5px;
    border-bottom: 1px solid rgb(218, 218, 218);
    border: 1px solid #E6E6E6;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.estore_managecolortxtbox {
    margin-left: 4px;
    float: left;
}

.manage_indenttxt {
    width: 60px;
    margin-left: 4px;
}

.manage_manualtrkg {
    width: 88px;
}

.report_savedtab {
    display: none;
    margin-left: -11.2px;
    width: 102%;
    margin-top: -11px;
    margin: -12px 0px 0px -12px;
    border: solid 1px #AAAAAA;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.report_customizetab {
    margin: 0px 0px 0px 0px;
    border: solid 1px #AAAAAA;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.reportborderWithoutTop {
    border-bottom: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    border-top: 0px solid #BDBDBD;
    border-style: none;
    border-bottom-left-radius: 4px;
}

.borderbottomline {
    width: 100.8%;
    margin-left: -15px;
}

.header_lsttab {
    cursor: pointer;
    width: 115px;
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
}

.header_width100px {
    width: 100px;
}

.header_width95px {
    width: 95px;
}

.header_width135px {
    width: 135px;
}

.header_visitedwidth135px {
    width: 135px;
    margin-top: -2px;
}

.header_width85px {
    width: 85px;
}

.header_act125px {
    width: 125px;
}

.header_actwidth100px {
    /*width: 100px;*/
    cursor: pointer;
}

.header_actwidth95px {
    margin-top: -1px;
    width: 95px;
}

.header_actwidth125px {
    /*width: 80px;*/
    width: 106px;
    /*height: 68px;*/ height: 82px; /*62*/
    overflow: hidden;
    white-space: nowrap;
    /*border-radius: 2px;*/
    margin-top: -12px;
}

.header_actwidth85px {
    margin-top: -2px;
    width: 85px;
}

.header_settingicon {
    height: 26px;
    width: 26px;
    cursor: pointer;
}

.header_settingmenu {
    display: none;
    width: 130px;
    height: 58px;
    float: left;
    position: absolute;
    margin: 38px 0px 0px -93px;
    border: solid 1px #CCC;
    background: #F7F7F7;
    background-color: #F7F7F7;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4), 0px 0px 0px #FFF inset;
    /*box-shadow: 0 0 10px #CCC;
    -moz-box-shadow: 0 0 10px #ccc;
    -ms-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #CCC;*/
    z-index: 20000;
}

.header_settinguparrowdiv {
    width: 12px;
    height: 11px;
    float: right;
    position: absolute;
    margin: -11px 0 0 100px;
}

.header_uparrowimg {
    width: 12px;
    height: 11px;
}

.header_settingpadding5px {
    padding: 5px 8px 3px 8px;
}

.header_settinglogoutimg {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header_settingtxt {
    list-style-type: none;
    text-decoration: none;
}

.header_colorblack {
    color: Black;
    text-decoration: none;
}

.header_settingtd {
    vertical-align: top;
}

.setting_rightpanelul {
    border-top: solid 1px #ccc;
    z-index: 50000;
    margin: 0px 0px 0px -345px;
}

.topborder_settings {
    border-top: solid 1px #BDBDBD;
}

.headet_fonts {
    font-size: 14px;
}

.settings_panelbackcolor {
    background-color: #F4F4F4;
    width: 190px;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

.setting_panelitem {
    padding-left: 7px;
    margin-right: 7px;
}

.setting_regionalsetting {
    margin: 0px 12px 0px 12px;
}

.settings_align {
    margin-top: -17px;
}

.setting_panellitxt {
    list-style-type: none;
    margin-left: -32px;
    color: Black;
    padding: 1px 1px 0px 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 170px;
}

.estoresetting_panellitxt {
    list-style-type: none;
    margin-left: -32px;
    color: Black;
    padding: 1px 1px 0px 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 170px;
}

.setting_panellicompanytxt {
    list-style-type: none;
    margin-left: -35px;
    color: Black;
    padding: 1px 1px 0px 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 120px;
}

.setting_plant_n_presstxt {
    list-style-type: none;
    margin-left: -32px;
    color: Black;
    padding: 1px 1px 0px 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 140px;
}

.setting_marginleft25px {
    margin-left: -32px;
    background-color: #ECECEC;
    min-height: 26px;
    /*border-bottom:1px solid #FFFFFF;*/
}

.estoresetting_marginleft25px {
    margin-left: -32px;
    background-color: #ECECEC;
    min-height: 26px;
    margin-top: -8px;
}

.setting_thinline {
    border-bottom: 2px solid #fff;
    margin-left: -40px;
    padding-top: 3px;
}

.setting_eprint_title {
    padding-left: 19px;
    padding-top: 4px;
    border-bottom: 2px solid #fff;
    padding: 3px 0px 4px 7px;
    width: 185px;
    margin-left: 8px;
    margin-top: -7px;
}

.setting_margin10px {
    margin-left: 9px;
    font-size: 12px;
    padding: 5px 2px 5px 2px;
    cursor: pointer;
}

.setting_font12px {
    font-size: 12px;
    padding: 4px 2px 4px 2px;
    cursor: pointer;
}

.estoresetting_font12px {
    font-size: 12px;
    padding: 6px 2px 0px 2px;
    cursor: pointer;
}

.setting_anchortxt {
    color: Black;
}

.setting_ulpadding3px {
    padding-top: 3px;
    margin-bottom: 3px;
    background-color: White;
    width: 152px;
}

.estoresetting_ulpadding3px {
    padding-top: 5px;
    margin-bottom: 10px;
    background-color: White;
    width: 152px;
}

.setting_ulcompany {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 10px;
    margin-bottom: 3px;
    background-color: White;
    border-radius: 5px;
    width: 80px;
}

.setting_companywhite {
    background-color: White;
}

.span_width {
    width: 250px;
}

.crm_report_linkselect {
    width: 100%;
    padding-bottom: 5px;
    padding-left: 3px;
}

.est_report_linkselect {
    width: 100%;
    padding-left: 5px;
    margin-bottom: 8px;
}

.invoice_report_linkselect {
    width: 100%;
    padding-top: 3px;
    padding-left: 5px;
    margin-bottom: 8px;
}

.prod_report_linkselect {
    width: 100%;
    padding-left: 5px;
}

.job_report_linkselect {
    width: 100%;
    padding-left: 5px;
    margin-bottom: 8px;
}

.estore_settingBox {
    /*border: 1px solid #E6E6E6;*/
    /*width: 99% !important;*/
    /*box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);*/
    min-height: 550px;
    margin-left: 0px;
    width: 100% !important;
}

.eprint_mis13px {
    font-size: 13px;
    font-weight: bold;
}

.setting_divtop {
    float: left;
    width: 200px;
    background-color: #ffffff;
}

.setting_accordiondiv {
    list-style-type: none;
    color: Black;
    text-align: left;
}

.btnstyle {
    display: inline-block;
    outline: medium none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 11px; /* "Verdana",Verdana,Arial,Helvetica,sans-serif;*/
    padding: 3px 8px 5px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    color: rgb(0, 0, 0);
    border: 1px solid rgb(163, 163, 163);
    background: -moz-linear-gradient(center top, rgb(232, 232, 232), rgb(249, 248, 248)) repeat scroll 0% 0% transparent;
}

.Div_AccountList {
    overflow-y: scroll;
    width: 258px;
    z-index: 200000;
    height: 250px;
    display: none;
    margin: 0px 0px 0px 2px;
    float: left;
    position: absolute;
    background-color: White;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.2);
    padding-left: 10px;
}

.header_gap_searchfilter {
    width: 10px;
}

.header_globalsearch {
    padding-top: 4px;
    padding-right: 10px;
    float: right;
    margin-right: 20px;
    top: -10px;
}

.header_setting_logout {
    margin-top: -270px;
}

.div_spacing {
    padding: 4px;
    margin-top: -5px;
}

.div_advancedsearch {
    margin-top: -12px;
    margin-left: -10px;
}

.div_lnkclear {
    float: right;
    margin-top: 7px;
}

.div_spacing1 {
    padding: 5px;
    width: 99%;
    /*margin-top: -14px;*/
    margin-left: -8px;
}

.div_spacing2 {
    margin-top: -15px;
}

.div_spacing_suammarymain {
    padding: 5px;
    width: 99.4%;
    /*margin-top: -14px;*/
    margin-left: -8px;
}

.anchor_fontsize {
    font-size: 13px;
    padding: 1.5px;
}

.anchor_reorderproduct {
    font-size: 12px;
}


.setting_processflow {
    list-style-type: none;
    margin-left: -28px;
    color: Black;
    padding: 1px 1px 0px 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 140px;
}

.div_Outwrk_box {
    float: left;
    width: 60%;
    padding: 1px 1px 1px 3px;
}

.div_spacing3 {
    margin-top: -6px;
}

.estoreonmouseoverselected {
    background-color: #D3D3D3;
    border-radius: 5px;
    width: 170px;
}

.settingonmouseverselectedcompany {
    background-color: #D3D3D3;
    border-radius: 5px;
    width: 120px;
}

.settingonmouseverselected {
    background-color: #D3D3D3;
    border-radius: 5px;
}

.estquickquotemargin {
    float: left;
    margin-top: -4px;
}

.div_gridinv {
    padding-right: 5px;
    margin-top: -11px;
    margin-left: -5px;
}

.imgexport_advancedsearch {
    float: left;
    padding-bottom: 5px;
}

.mis_header_panel {
    padding: 10px 0px 10px 10px;
}

.mis_header_panel11 {
    padding: 2px 0px 10px 5px;
}

.div_spacingcrm {
    margin-left: -5px;
    margin-top: -15px;
}

.nowidgets {
    color: Black;
    font-weight: bold;
}

.divMainlogin {
    margin-top: 45px;
    padding: 10px 20px;
    margin: 12px 8px 8px 8px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 400px;
    background: #FFFFFF;
}

.callreport_grpby {
    padding: 0px 5px 5px 5px;
}

.NavigationArea_td b {
    font-weight: normal;
}

.NavigationArea_td #ctl00_header2_lblsitepath {
    font-weight: normal;
}

    .NavigationArea_td #ctl00_header2_lblsitepath b {
        font-weight: normal;
    }

    .NavigationArea_td #ctl00_header2_lblsitepath .navigatorpanelblack {
        font-weight: normal;
    }

        .NavigationArea_td #ctl00_header2_lblsitepath .navigatorpanelblack b {
            font-weight: normal;
        }

        .NavigationArea_td #ctl00_header2_lblsitepath .navigatorpanelblack b {
            font-weight: normal;
        }

        .NavigationArea_td #ctl00_header2_lblsitepath .navigatorpanelblack .subnavigatorblack {
            font-weight: normal;
        }

.header_colorbalck {
    color: Black;
}

#reports .gvreport th {
    color: Black;
    font-size: 12px;
    padding: 5px 3px;
}

.uploadfiles {
    border-top: silver 1px solid;
    border-right: #737373 2px solid;
    border-left: silver 1px solid;
    border-bottom: #737373 1px solid;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    width: 175px;
    vertical-align: middle;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
}

.actvity_margin4px {
    margin-left: 4px;
}

.lbl_height90 {
    height: 90px;
}

.clientbg_heightwidth {
    width: 26%;
    height: 90px;
}

.estbg_heightwidth {
    width: 190px;
    height: 81px;
}

.jobsbg_heightwidth {
    width: 195px;
    height: 81px;
}

.prodsbg_heightwidth {
    width: 180px;
    height: 90px;
}

.invbg_heightwidth {
    width: 19%;
    height: 81px;
}

.delbg_heightwidth {
    width: 192px;
    height: 81px;
}

.div_spacing4 {
    margin-top: -12px;
}

.alerttab {
    background-color: #E1E1E1;
    background: -webkit-linear-gradient(#E1E1E1,#7D7D7D);
    background: -moz-linear-gradient(#E1E1E1,#7D7D7D);
    background: -o-linear-gradient(#E1E1E1,#7D7D7D);
    background: -ms-linear-gradient(#E1E1E1,#7D7D7D);
    background: linear-gradient(#E1E1E,#7D7D7D);
}

.rightpanel_ulli {
    margin-left: -40px;
    background-color: #ECECEC;
    min-height: 16px;
}

.div_crm_vwmargin {
    /*margin: -14px 0px 0px -8px;*/
    margin: -10px 0px 0px -8px;
}

.div_addnewmargin {
    margin-top: -5px;
}

.div_est_vwmargin {
    /*margin: -14px 0px 0px -10px;*/
    margin: -8px 0px 0px -10px;
}

.div_job_vwmargin {
    /*margin: -10px 0px 0px -8px;*/
    margin: -8px 0px 0px -8px;
}

.div_prod_margin {
    margin: -18px 0px 0px -5px;
}

.div_prodaddmargin {
    width: 99%;
    /*margin: -14px 0px 0px -8px;*/
    margin: -8px 0px 0px -8px;
}

.div_prod_vwmargin {
    /*margin: -10px 0px 0px -10px;*/
    margin: -8px 0px 0px -10px;
}

.div_prodaddoptions_margin {
    margin: -6px 0px 0px -7px;
}

.div_purchase_vwmargin {
    /*margin: -18px 0px 0px -9px;*/
    margin: -12px 0px 0px -9px;
}

.div_inv_margin {
    margin: -13px 0px 0px -10px;
}

.est_printbroker {
    float: left;
    display: block;
    width: 54%;
    border: 0px solid red;
    margin-left: -7px;
}

.div_othercostmargin {
    margin: -19px 0px 0px -8px;
}

.div_prodcatalogue {
    margin: -5px 0px 0px 0px;
}

.commonheaderstylereport11 {
    background: -webkit-linear-gradient(#FCFCFC,#EDEDED);
    background: -moz-linear-gradient(#FCFCFC,#EDEDED);
    background: -o-linear-gradient(#FCFCFC,#EDEDED);
    background: -ms-linear-gradient(#FCFCFC,#EDEDED);
    background: linear-gradient(#FCFCFC,#EDEDED);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    vertical-align: middle;
}

.rowtable {
    background-color: White;
}

    .rowtable:hover {
        background-color: #F3F3F3;
    }

.div_deptapproval {
    width: 132px;
    height: 38px;
}

.div_categoryapprovalnote {
    width: 450px;
    float: left;
    margin-top: 5px;
}

.view_iconsmaindiv {
    margin: 0px auto;
    width:: auto;
    float: left;
}

.view_icons_indiviual {
    padding-left: 3px;
    float: left;
    margin: 0px;
}

.view_invoiceicon {
    margin: 0px auto;
    width: 60px;
    float: left;
}

.filetertext_helptext {
    vertical-align: middle;
    margin-left: -1px;
}

.dept_customfield_td {
    width: 311px;
    padding-left: 1px;
}

.div_dept_width {
    width: 132px;
}

.contact_customfield_td {
    padding-left: 1px;
    width: 330px;
}

.header_emptydiv {
    width: 75px;
    display: none;
}

.setting_emailbodywidht1 {
    width: 1%;
}

.setting_emailbodywidth30 {
    width: 30%;
}

.setting_emailbodytd {
    overflow: hidden;
    width: 60%;
}

.dept_div_margin {
    margin: 5px 0px 0px 5px;
}

.setting_panellitxt_maxwidth {
    list-style-type: none;
    margin-left: -32px;
    color: Black;
    padding: 1px 1px 0px 7px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.screenField {
    padding-left: 4px;
}

.userimg_box, .spanerrorMsg {
    float: left;
    padding: 4px 1px 1px 3px;
    width: 70%;
}

.helptext_leftpadding {
    padding-left: 5px;
}

.div_order_margin {
    border: 0px solid red;
    margin-top: -10px;
    margin-left: -15px;
}


.alertuparrow {
    background-image: url(../../images/upperarrow.png);
    width: 12px;
    height: 11px;
    display: block;
}

.hidealert {
    /* background-color:#407BEA;*/
    /*background-color: #B7B7B7;*/
    border-radius: 2px;
    color: White;
    height: 16px;
    width: 33px;
}

    .hidealert:hover {
        /* background-color:#185AD3;*/
        /*background-color: #818181;*/
        border-radius: 2px;
        color: White;
        height: 16px;
        width: 33px;
    }

.alertmaintab {
    /*background-color: #B7B7B7;
   background: -webkit-linear-gradient(#B7B7B7,#818181);
    background: -moz-linear-gradient(#B7B7B7,#818181);
    background: -o-linear-gradient(#B7B7B7,#818181);
    background: -ms-linear-gradient(#B7B7B7,#818181);
    background: linear-gradient(#B7B7B7,#818181);
    background: linear-gradient(#8AAEF2,#1551BF);*/
    background-color: #0070C0;
    background: -webkit-linear-gradient(#0070C0,#0070C0);
    background: -moz-linear-gradient(#0070C0,#0070C0);
    background: -o-linear-gradient(#0070C0,#0070C0);
    background: -ms-linear-gradient(#0070C0,#0070C0);
    background: linear-gradient(#0070C0,#0070C0);
    background: linear-gradient(#0070C0,#0070C0);
}

.bglabel_dept {
    width: 132px;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
}

.dept_td_padding {
    padding-left: 1px;
}

.div_uploaduserimg {
    float: left;
    padding-left: 4px;
}

.div_uploadimg {
    width: auto;
    float: left;
}

.div_invoice_margin {
    margin: -10px 0px 0px -17px;
}

.div_accountmargin {
    width: 100%;
    border: 0px solid green;
    margin: 35px 0px 0px 28px;
}

.lable_bold {
    font-weight: bold;
}

.product_reportcannedddl {
    font-size: 12px;
    color: #000000;
    width: 200px;
    height: 18px;
}

.product_reportcannedtd {
    text-align: right;
    padding-right: 5px;
}

.product_reportwidth30 {
    width: 30px;
}

.product_reportwidth35 {
    width: 35px;
}

.view_displayflex {
    display: flex;
}

.viewicon_margin {
    margin: 1px;
}
/*.grayhelptext
{
  font-size: 10px;
  color: Gray;
}*/
.div_prodcategory {
    float: left;
    width: 90%;
    padding-top: 10px;
    margin-left: 75px;
}

.camapign_label {
    text-align: right;
    width: 100%;
    float: right;
}

.campaign_tdwidth {
    float: left;
    width: 200px;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
}

.campaign_ddl {
    margin: 0px 0px 0px 10px;
    display: none;
}

.campaing_dropdownleft {
    float: left;
    width: 100%;
}

.callpurpose_div_margin {
    margin-left: -2px;
}

.callpurpose_chkdefault {
    margin-left: -6px;
}

.div_tasksub_margintop {
    margin-top: -7px;
}

.div_tasksub_padding {
    width: 100%;
    padding: 10px 0px 0px 10px;
}

.div_msg_margin {
    width: 60%;
    margin: 5px 0px -2px 0px;
}

.div_tasksub_TotalRec {
    float: right;
    padding-right: 55%;
    padding-bottom: 3px;
}

.div_tasksub_ddl {
    padding-bottom: 7px;
    padding-top: 7px;
    width: 130px !important;
}

.div_floatleft {
    float: left;
}

.tasksub_div_chk {
    float: left;
    border: outset 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    height: inherit !important;
    width: inherit !important;
}

.tasksub_div_imgdisplay {
    float: left;
    padding: 0px 0px 0px 1px;
    display: block;
}

.tasksub_imgarrowdown {
    display: block;
    border: solid 0px Transparent;
    cursor: pointer;
}

.tasksub_imgarrowup {
    display: none;
    border: solid 0px Transparent;
    cursor: pointer;
}

.tasksub_div_paddingleft {
    padding-left: 4px;
}

.tasksub_defaultimg {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 18px;
    text-align: center;
}

.lnk_clrfilter {
    text-decoration: underline !important;
    cursor: pointer;
    color: #10357F;
}

.tasksub_action {
    margin-left: -5px;
    float: left;
}

.tasksub_deleteimg {
    margin-left: 6px;
    float: left;
}

.tasksub_spn_padding {
    padding-left: 5px;
}

.tasksub_td_padding8 {
    padding-left: 8px;
}

.tasksub_td_margin8 {
    margin-left: 8px;
}

.tasksub_td_margin4 {
    margin-left: 4px;
}

/* ............................................Forecast...................................................*/
.tablerowsforcast {
    background-color: #EFF2F4;
    height: 20px;
    text-decoration: none;
}

.labelerrorMsg {
    float: left;
    padding: 1px 3px 2px 4px;
    width: auto;
    background-color: #FFEBE8;
    border: 1px solid red;
    border-radius: 2px;
}

.div_lblprintready {
    width: 160px;
    overflow: hidden;
}

.div_printreadydelete {
    margin-left: -7px;
    cursor: pointer;
}

.NewAlternativerow {
    height: 24px;
    text-decoration: none;
}

.NewTableRowsRow {
    height: 24px;
    text-decoration: none;
}

.editforecast {
    background-image: url(../../images/Edit.gif);
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
}

.viewforecast {
    background-image: url(../../images/viewall.gif);
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
}

.bgcustomizeprint {
    background-image: url(../../images/topbar1.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-top: 1px solid #B2B2B2;
    height: 26px;
}

.editablecropmark_div {
    float: left;
    width: 20.1%;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
}

.editablecropmarkwidth_div {
    float: left;
    width: 100%;
    padding: 1px;
    padding-left: 7px;
}

.editablecropmarkmain_div {
    float: left;
    width: 85%;
    display: inline-flex;
}

.buttoncustomtxt {
    /*display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-right: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #000000;
    border: solid 1px #a3a3a3;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    background: -moz-linear-gradient(top, #E8E8E8, #F9F8F8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F9F8F8');*/
    display: inline-block;
    padding: 4px 14px 5px;
    margin-bottom: 0;
    font-size: 15px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0070C0 !important;
    background-image: -moz-linear-gradient(center top,#0070C0,#0070C0 );
    background-repeat: repeat-x;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
    /*font-family: "Tahoma",Arial,Helvetica;*/
}

    .buttoncustomtxt:hover {
        /*text-decoration: none;
        background: #C9C9C9;
        border: 1px #3C7FB1 solid;
        background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#EAF6FD));
        background: -moz-linear-gradient(top, #A7D9F5, #EAF6FD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D9F5', endColorstr='#EAF6FD');*/
    }

.div_rolesedit_margin {
    margin-top: -4px;
}

.grd_clrfilter {
    text-decoration: underline !important;
    margin-right: -9px;
    float: right;
    cursor: pointer;
}

.ImageLists {
    width: 99%;
    height: 300px;
    padding: 10px 0px 0px 10px;
    overflow-y: auto !important;
}

.UploadImages {
    float: left;
    display: block;
}

.combo_boxdiv {
    float: left;
    margin-left: 15px;
}

.btUplaod {
    margin-top: 20px;
    padding-left: 175px;
}

.fileUpload {
    margin: 10px 0px 0px 168px;
}

.btnUpdateImages {
    padding: 10px 0px 0px 15px;
    float: left;
}

.overflow {
    overflow-x: hidden;
    overflow-y: auto !important;
}

.clientlabel {
    float: left;
    width: 54%;
    padding: 5.5px 0px 0px 5px;
}

.bglabel_accountdetails {
    width: 250px;
    float: left;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px -14px;
    font-size: 13px;
    color: Black;
}

.cannedreport_header {
    text-align: center;
    /*font-weight: bold;*/
    color: #333333;
}

.productcannedreport_receipts {
    vertical-align: middle;
    color: Red;
}

.cannedreport_salesheader {
    text-align: center;
    /*font-weight: bold;*/
    color: #333333;
    width: 150px;
}

.imgreporticon {
    margin-left: 40px;
    margin-right: 5px;
    margin-bottom: 2px;
    float: right;
    display: block;
    cursor: pointer;
}

.reportstemplate {
    display: none;
    width: 150px;
    height: 242px;
    float: left;
    position: absolute;
    margin: 38px 0px 0px -70px;
    border: solid 1px #CCC;
    background: #FFF;
    box-shadow: 0 0 10px #CCC;
    -moz-box-shadow: 0 0 10px #ccc;
    -ms-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #CCC;
    z-index: 20000;
}

.reporttemplatemargin {
    margin: 1px 0px 0px 5px;
}

.reporttemplatemargin5 {
    margin: 5px 0px 0px 5px;
}

.reporttemplatespan {
    color: Black;
    font-size: 13px;
}

.header_reportsuparrowdiv {
    width: 12px;
    height: 11px;
    float: right;
    position: absolute;
    margin: -11px 0 0 118px;
}

.ddMpopup {
    text-align: left;
    position: fixed;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(187, 187, 187);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    height: 127px;
    width: 110px;
}

.invimport_rdodelete {
    float: left;
    padding-top: 4px;
    max-width: 220px;
    width: 100%;
}

.invimport_divSubmit {
    width: 100%;
    padding: 10px 0px 25px 0px;
}

.SearchBox {
    padding: 2px 0px 2px 10px;
    width: 150px;
    background-color: white;
    border: 1px solid gray;
    color: Gray;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
    outline: none;
}

.invimport_fileupload {
    margin: -1px 0px 0px 2px;
}

.invimport_divmessage {
    padding: 0px 0px 10px 5px;
    display: none;
    margin-left: -4px;
    font-weight: bold;
}

.invimport_divsumbit {
    width: 100%;
    padding-bottom: 10px;
    margin-left: -4px;
}

.divsearch {
    float: right;
    display: none;
    margin-top: -30px;
}

.divgalContent {
    height: 330px;
    width: 100%;
    overflow-y: auto;
}

.divChangeImg {
    display: none;
    margin-left: 20px;
    background-color: #797979;
    width: 44%;
    height: 20px;
    position: absolute;
    padding-top: 5px;
}

.ImgGal {
    float: left;
    height: 200px;
    width: 44%;
    margin-left: 20px;
}

.bglabelCampaign {
    float: left;
    width: 180px;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    font-size: 12px;
    color: Black;
}

.campaigntd {
    width: 185px;
    vertical-align: top;
    padding-top: 0px;
}


.settingsBtn {
    background-image: url(../../Images/settings_icon.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
    display: block;
}

.divno_account {
    width: 100%;
    height: 300px;
    padding: 10px 0px 0px 10px;
    display: none;
}

.callreport_detailsdiv {
    min-width: 100px;
    max-height: 15px;
    height: 15px;
}

.callreport_detailstext {
    float: left;
    width: 99%;
    overflow: hidden;
    text-transform: capitalize;
}

.customercannedreport_header {
    text-align: right;
    font-weight: bold;
    color: #333333;
}

.GroupByTextColor {
    color: #555;
}

.bglabelItem_summary {
    float: left;
    width: 200px !important;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    font-size: 12px;
    color: Black;
}

.bglabelItem_summary_B {
    float: left;
    width: 200px !important;
    background-color: #EEEEEE;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    font-size: 12px;
    color: Black;
    font-weight: bold;
}

.additionaloptiontext {
    float: left;
    width: 150px;
    margin: -2px 0px 0px 5px;
    overflow: hidden;
    white-space: nowrap;
}

.summaryFooter {
    float: left;
    width: 100%;
    background-color: white;
    height: 40px;
    border: 1px;
    /*border-top: 1px solid #AAAAAA;*/
    margin-bottom: 6px;
}

.Blue_bullet {
    float: left;
}

.Edit_DeleteIcon {
    float: left;
    align: right;
    margin-left: 5px;
}

.book_icon {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.ItemTitle_color {
    color: #10357f;
}

.ItemName_align {
    clear: both;
    padding-top: 10px;
}

.Summary_BorderLine {
    border-bottom: 1px solid;
    padding-top: 5px;
    border-color: #A6A6A6;
    opacity: 0.5;
}

.Summary_Leftpanel {
    margin-left: -40px;
}

.Summary_div {
    width: 162px;
    float: left;
}

.Summary_ItemDiv {
    float: left;
    background-color: #ffffff;
    width: 100%;
    margin-left: -4px;
    margin-right: 1px;
}

.Summary_PanelList {
    list-style-type: none;
    margin-left: -32px;
    color: Black;
    padding: 5px 0px 5px 0px;
    font-size: 12px;
}

.Summary_PanelList_main {
    list-style-type: none;
    margin-left: -32px;
    color: Black;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}



.Summary_panelitems {
    padding-top: 5px;
    padding-bottom: 3px;
    margin-bottom: 13px;
    background-color: White;
    padding-right: 3px;
}

.summary_itemsalign {
    margin-left: -38px;
    background-color: #ECECEC;
    min-height: 25px;
    margin-top: -11px;
}

.summary_font12px {
    font-size: 12px;
    cursor: pointer;
    color: #333;
    padding: 5px 2px 4px 2px;
    margin-bottom: 0px;
}

#activities_all_main {
    font-size: 12px;
    font-weight: bold;
    padding: 12px;
    text-align: center;
    padding-right: 37px;
    color: #333;
}

body > .RadCalendarPopupShadows {
    padding: 0px 5px 5px 0px;
    z-index: 555555555555555600 !important;
}

.boxlargeitem {
    float: left;
    width: 54%; /*width: 49%;*/
    padding: 1px;
    padding-left: 5px;
}

.miniwidgetsvalue {
    /*margin: 1px 0px 1px 6px;*/
    /*font-size: 12px;*/
    font-size: 25px;
    margin: 1px 0px 1px 2px;
}

#ctl00_ContentPlaceHolder1_usrReportsave_RadGrid_Order_Report {
    width: 100.1% !important;
}

.divTitle {
    background: #323639;
    width: 100%;
    height: 32px;
}

#title {
    -ms-flex: 5;
    font-size: 100%;
    font-weight: bolder;
    overflow: hidden;
    white-space: nowrap;
    color: white;
    padding: 8px 6px 6px 30px;
}

.slider {
    display: block;
    width: 100%;
    /*height: 86%;*/
    padding: 0;
    margin: 0 0 10px;
    overflow: hidden;
}

#btn_previous, #btn_next {
    bottom: 0;
    display: block;
    width: 120px;
    background-color: #808486;
    padding: 5px;
    border: none;
    font-size: 17px;
    color: #fff;
    margin-top: -15px;
}

.pageNo {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    color: white;
}

.totalpage {
    text-align: center;
    font-weight: 600;
    color: white;
}

.div_logotext_header {
    text-align: left;
    width: 99%;
    margin: 0;
}

.ImagePopWindow .rwWindowContent {
    background-color: #323639 !important;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 0.5em;
}

.ui-icon {
    width: 0px;
    height: 0px;
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-accordion .ui-accordion-content {
    padding: 0.5em 2.2em 1em 2.2em;
    border-top: 0px none;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: block;
}

.loadingdivbtn {
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #2C2B2B;
    cursor: pointer;
    border: solid 1px #a3a3a3;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F8F8));
    text-align: center;
    padding: 2px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.RadListBox_Default .rlbText, .RadListBox_Default .rlbItem, .RadListBox_Default .rlbButtonText, .RadListBox_Default .rlbEmptyMessage {
    font-size: 12px;
    color: #333;
}

.bglabelLarge {
    float: left;
    width: 28%;
    background-color: #EEEEEE;
    padding: 7px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}





.panelmenu_fonts {
    font-size: 14px;
}

.header_colorbalck {
    color: #fff !important;
}

.panelmenu_fonts {
    font-size: 13px;
}

.header_lsttab {
    cursor: pointer;
    /*width: 80px;*/
    width: 106px;
    height: 62px; /*52px*/
    overflow: hidden;
    white-space: nowrap;
    border-radius: 0;
}

#div_lblalertCount {
    padding-top: 2px !important;
}

.header_width100px {
    width: 100px !important;
}

.maintab_height {
    height: 40px;
}

.reportborderWithoutTop {
    border-bottom: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    border-top: 0 solid #BDBDBD;
    border-style: none;
    border-bottom-left-radius: 4px;
}

.border_views_withoutmaster {
    border-bottom: 1px solid #BDBDBD;
    margin-top: -12px;
}

.menusuboptions {
    padding-top: 7px !important;
    font-size: 13px;
}

.header_limargintop {
    margin-top: 0px;
    white-space: nowrap;
}

.dropdownservice {
    width: 228px;
    border: solid 1px #ABADB3;
    font-size: 13px;
    /*font-family: "Tahoma",Arial,Helvetica;*/
    outline: none;
    padding: 3px 3px 3px 0;
    height: 28px;
    border-radius: 3px;
    padding-left: 3px;
    direction: ltr;
}

    .dropdownservice:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0 0 8px #7bc1f7;
        -moz-box-shadow: 0 0 8px #7bc1f7;
        -webkit-box-shadow: 0 0 8px #7bc1f7;
        padding-left: 3px;
    }

.showfiltericon {
    background: url(../../images/Filtericon1.png) 0 0 no-repeat;
    background-image: url(../../images/Filtericon1.png) 0 0 no-repeat;
    cursor: pointer;
    width: 22px;
    height: 22px;
    background-size: cover;
}

.clrfiltericon {
    cursor: pointer;
    width: 22px;
    height: 22px;
    background: url(../../images/clrFiltericon4.png) 0 0 no-repeat;
    background-image: url(../../images/Filtericon4.png) 0 0 no-repeat;
    background-size: cover;
}

.viewclass {
    float: right;
    margin-left: 35px;
    margin-right: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 5px 15px 3px 15px;
    /*border-radius: 20px;
    padding: 3px 15px 3px 15px;*/
}

.RadGrid_Default .rgFilterRow {
    background: none !important;
}

    .RadGrid_Default .rgFilterRow > td {
        border-bottom: 1px solid #f2f2f2 !important;
    }




.RadGrid_Default .rgAltRow {
    background: #FBFBFB;
}

#div_chk {
    background: white;
}

    #div_chk:hover {
        background: white;
    }

.moreactiondash {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4), 0px 0px 0px #FFF inset;
    background-color: #F7F7F7;
    border: 1px solid #B7B7B7;
    border-radius: 3px;
    font-weight: normal;
    display: none;
    left: 0px;
    margin-top: 0px;
    padding: 5px 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 999;
    width: 150px;
    margin-top: 62px !important;
    top: 56px;
}

.margintop4px {
    margin-top: 4px;
}

#tblOutworkItem span {
    font-size: 12px;
}

#div_btnsavestayprocess {
    height: 21px;
}

#div_FinishedQty {
    font-size: 12px;
}

#div_productmessage #ctl00_ContentPlaceHolder1_ctl02_pnlMessage {
    width: 1 !important;
}

.settingsmenu_tdoptions {
    width: 128px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    vertical-align: top;
    border: 1px solid #FFF;
}

.settingsmenu_imghover {
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.settingsmenu_divsuboption {
    margin-top: 5px;
}

.settingsmenu_tdheaderstop {
    border-bottom: 1px solid #EBEBEB;
    width: 100%;
    padding-bottom: 5px;
    color: #9a9a9a;
    padding-left: 15px;
}

.settingsmenu_tdheaders {
    border-bottom: 1px solid #EBEBEB;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 50px;
    color: #9a9a9a;
    padding-left: 15px;
}

.settingsmenu_divcontentpadding {
    padding-left: 55px;
}

.settingsmenu_anchorsuboption {
    color: #000 !important;
}

.marginleft430 {
    /*margin-left: 430px !important;*/
    /*margin-left:70% !important;*/
    position: absolute;
    /*top: 152px;*/
    left: 42%;
    width: auto !important;
}

    .marginleft430 #div_messagedisplay_common {
        margin-bottom: 10px !important;
        margin-top: -40px !important;
    }

.borderradius3px {
    border-radius: 3px;
}

.RadGrid td, .RadGrid td a, .RadGrid td div {
    /*font-size: 12px;*/
    font-size: 9.5pt;
}
/*.RadGrid_Default .rgRow a, .RadGrid_Default .rgAltRow a, .RadGrid_Default .rgEditRow a {
    color: #10357f !important;
}*/

/*.RadGrid_Default
{
	padding: 0px 10px 0px 10px;
	width: 98% !important;
}*/

.rgDataDiv {
    height: 310px !important;
}

.settingsmenu_headertext {
    font-size: 16px;
}

.txtbox {
    border: 1px solid #c4c4c4;
    height: 28px;
    font-size: 13px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 7px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: #000000;
    width: 180px;
    vertical-align: middle;
}

checkbox, label {
    font-size: 12px;
}

.gvreport td div {
    font-size: 12px;
}

.btngo {
    margin-top: 0px;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.txt_go {
    border-radius: 4px;
    height: 26px;
}

#spn_1_ {
    padding: 15px 35px 15px 45px !important;
    margin-top: -2px;
}

#spn_2_ {
    padding: 15px 35px 15px 45px !important;
    margin-top: -2px;
}

#divexport {
    margin-top: 10px;
}

#ctl00_ContentPlaceHolder1_divexport {
    margin-top: 10px;
}

.btnaddnew_fromview {
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    padding: 4px 14px 5px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
    /*color: #666;*/
    /*font-weight: bold;*/
}

.ui-widget {
    /*font-family: Myriad !important;*/
    font-family: 'Open Sans',sans-serif !important;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        /*font-family: Myriad !important;*/
        font-family: 'Open Sans',sans-serif !important;
    }

.leftmenu_modulenamedisplaynone {
    display: none;
}

.viewhr {
    border-top: 0px solid #f2f2f2;
}

#txtportrait {
    margin-bottom: 4px;
}

.view_moveremoveicon {
    width: 30px;
    height: 30px;
}

#div_viewmoveremove {
    margin-top: -20px;
    margin-right: -10px;
}

#div_Specific {
    padding: 10px;
}

.checkboxradiolabels {
    font-size: 12px;
}

#divusrReportsave {
    margin: -11px -8px -6px -11px !important;
    border-bottom-left-radius: 4px;
}

#ctl00_ContentPlaceHolder1_divusrReportsave {
    margin: -11px -8px -6px -11px !important;
    border-bottom-left-radius: 4px;
}

.chkfontsize {
    font-size: 13px;
}

.header_logoheight {
    height: auto;
    max-height: 71px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    /*padding-top: 3px;
    padding-bottom: 3px;*/
}

.leftmenu_width {
    width: 70px;
    max-width: 70px;
}

.statussettingscolor {
    height: 15px;
    width: 15px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    float: left;
    margin-top: 4px;
    margin-left: 15px;
}

.Popupnotes_crm {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px 0 #144c81;
    color: #111;
    display: block;
    min-width: 200px;
    padding: 25px;
    cursor: move;
    height: auto;
    width: 392px;
    left: 34%;
    position: absolute;
    top: 18%;
    z-index: 55555555;
    opacity: 1;
    display: none;
}

.displaynone {
    display: none;
}

.Jobdetails_StatusDDL1 {
    position: absolute;
    width: 160px;
    height: 150px;
    margin-top: 10px;
}

.Jobdetails_StatusDDLContent {
    background-color: #FFF;
    position: absolute;
    width: 150px;
    height: 150px;
    overflow-y: auto;
    margin: 24px 0 0 5px;
    border: 1px solid #bbb;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px #9C9C9C;
}

.JobDetails_tdCursor {
    cursor: pointer;
    height: 25px;
    padding-left: 10px;
}

    .JobDetails_tdCursor:hover {
        cursor: pointer;
        background-color: #D8D8D8;
        height: 25px;
        padding-left: 10px;
    }

.fontsize15px {
    font-size: 15px;
}

.divlblcrm {
    margin-top: -5px;
    border-bottom: 1px dashed gray;
    margin-bottom: 13px;
}

.marginright15px {
    margin-right: 15px;
}

.taxrate_divtxtbox {
    float: left;
    margin-left: -5px;
}

.dashboard_recentactivitiesdivfont {
    font-size: 13px;
}

.divclosereassign {
    margin-top: -11px;
    margin-bottom: 11px;
}

.AccordPanel {
    width: 100%;
}

.divclosepopup {
    margin-top: -32px;
    float: right;
    margin-right: -30px;
    cursor: pointer;
}

.margintop12px {
    margin-top: 12px;
}

.settings_taxratemargin {
    margin-left: 5px;
}

.AllnotesbckFade {
    background-color: #144c81;
    filter: alpha(opacity=50);
    opacity: .1;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5055;
}

.width_17px {
    width: 17px;
}

.height_17px {
    height: 17px;
}

.font_size_leftpanelmenu {
    font-size: 10px;
}


/*--- for view grid header text .btnaddnew_fromview ----*/
.RadGrid_Default .rgHeader a {
    /*font-weight:bold;*/
    color: white !important;
}

.rgEditForm .bgLabel {
    float: left;
    width: 28%;
    background-color: #EEEEEE;
    padding: 6px 0 5px 5px;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    color: Black;
}

#pnlmainmenu {
    position: fixed;
    left: 200px;
    top: 0px;
    height: 60px;
}

.pnlmainmenu2 {
    position: fixed;
    left: 200px;
    top: 15px;
    height: 0 !important;
}

#divBackGroundNew_header {
    /*CSS used for transparent black background*/
    display: block;
    position: fixed;
    background-color: #BFBFBF; /*#505050;*/
    filter: alpha(opacity=50);
    opacity: 0.50;
    -moz-opacity: 0.50;
    z-index: 999999;
}

#Div_SuccMsg {
    width: auto !important;
}

.Quotenumberfont {
    font-size: 11px;
}

    .Quotenumberfont a {
        font-size: 11px;
    }


/*new changes*/
.innerTableOnly {
    background: #E9E9E9;
    margin-top: -50px !important;
    padding-top: 6px;
    padding-left: 15px;
    padding-right: 16px;
}

#divcontentpanel {
    background: #ffffff;
    /*background:#E9E9E9;*/
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
    padding-left: 5px;
    margin-right: 5px;
    margin-top: 0px !important;
    /*margin-top:41px !important;*/
}

#Table11 {
    margin-top: 5px !important;
}

#tr_lblsitepath {
    /*margin-bottom: 16px;*/
    margin-top: 5px !important;
    margin-left: 6px !important;
}


#div_clientview {
    margin-top: -36px;
    right: 20px;
    -webkit-margin-before: -35px;
}

#div_maincontent {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    margin-top: 48px !important;
    /*margin-top:15px !important;*/
    background: white;
    border-radius: 3px;
    min-height: 550px;
}

.divmain_contactaddpopup {
    /*margin-top:45px;*/
    padding-top: 5px;
    padding-left: 5px;
    background: white;
    padding-bottom: 10px;
}

.dashboardprint {
    background-image: url(../../images/print_Image2.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    margin-top: 3px !important;
    margin-right: 10px;
}

.dashboardfullscreen {
    background-image: url(../../images/Full_Screen.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    margin-top: 3px !important;
    margin-right: 10px;
}

.dashboardsummarywidget_tbl {
    color: white;
    padding: 5px;
    border: 0;
    border-radius: 4px;
    height: 90px;
}


.simpledropdownPopup_dashboard {
    width: 228px;
    border: solid 1px #ABADB3;
    font-size: 12px;
    padding: 1px 1px 1px 0px;
    color: black;
    font-weight: 500;
}

.dashboard_divusername {
    float: left;
    margin-top: 27px;
    margin-left: 12px;
    color: #0070C0;
    font-weight: 100;
    font-size: 15px;
}

.Classyellowbackground {
    background: #FFFFCC !important;
}

.bglabelItemNew_summary {
    float: left;
    width: 200px !important;
    padding: 5px;
    clear: left;
    vertical-align: middle;
    font-size: 13px;
    color: #111;
    font-weight: 400;
}

.SummaryAnchorHighLight {
    font-size: 13px;
    color: #0070C0 !important;
}

.bgLabelLeftPanel {
    float: left;
    width: 40%;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    color: #111;
    font-weight: 400;
    font-size: 13px;
    background: none;
    padding: 0;
}

.bgLabelCustomerDetails {
    float: left;
    width: 34%;
    clear: left;
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
    color: #111;
    font-weight: 400;
    font-size: 13px;
    background: none;
    padding: 0;
    height: 25px;
}

    .bgLabelCustomerDetails .normalText {
        font-size: 13px;
        color: #111 !important;
    }

.qlHeadernew {
    font-weight: 600;
    font-size: 14px !important;
}

.Refreshicon_dashboard {
    background-image: url(../../images/refreshicon_dashboard.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    margin-top: 3px !important;
    margin-right: 10px;
    background-size: 22px 22px;
}

.boxCustDetails {
    float: left;
    width: 58%; /*width: 49%;*/
    padding: 1px;
    padding-left: 3px;
    font-size: 12px;
}

/* dashboard new design changes*/

.gridtblheader {
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #B2B2B2;
    height: 26px;
    /*font-weight:bold;*/
    text-align: left;
    padding-left: 5px;
    font-weight: 700;
    font-size: 12px;
}

.tdtaskcall {
    border-bottom: 1px solid #D8D8D8;
    /*padding-top: 2px;*/
    cursor: pointer;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    color: #707070;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tddashboardnotes {
    border-bottom: 1px solid #D8D8D8;
    /*padding-top: 2px;*/
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    color: #707070;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.gridtblheadericon {
    border-bottom: 1px solid #B2B2B2;
    width: 30px;
}

.tdtaskcallicon {
    border-bottom: 1px solid #D8D8D8;
    text-align: center;
}

.dashboardgrid_datacolor {
    color: #707070 !important;
    font-size: 12px;
}

.activeSectionTabSummary {
    outline: none;
    border: none;
    background: #fff;
    /*border-bottom: 2px solid #0070C0;*/
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.inactiveSectionTabSummary {
    outline: none;
    border: none;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 2px solid #fff;
    color: grey;
}

.colorset {
    /*background-color: #fff;*/
    padding: 4px;
}


.fw-600 {
    font-weight: 400;
}

.RPCusttabs-2 a {
    font-size: 11px;
}

.activity-list {
    background: #FAFAFA;
    border: none !important;
    border-bottom: 10px solid #fff !important;
}

.textboxdesclbl {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    outline: none;
    height: 28px;
}

.textboxdesc {
    border: 1px solid #d8d8d8;
    outline: none;
}

.ClosePopup_dashboardcolorpattern {
    background-image: url(../../images/close_popup.png);
    width: 16px;
    height: 17px;
    display: block;
}

    .ClosePopup_dashboardcolorpattern:hover {
        background-image: url(../../images/close_popup_hover.png);
        width: 16px;
        height: 17px;
        display: block;
    }

.dashboard_loadingimgwidget {
    position: absolute;
    width: 90%;
    height: 75%;
    opacity: 0.5;
    text-align: center;
}

.width-price-td {
    width: 150px;
    min-width: 150px;
    padding-right: 12px !important;
}

#spnStatusItems a:hover {
    background: #d8d8d8 !important;
}

#spnStatus a:hover {
    background: #d8d8d8 !important;
}

.color-for-prod-ql {
    color: #111;
}

.border-bottom-prod-ql {
    border-bottom: 5px solid #fff;
}

.divspace_title_chart {
    height: 10px;
    min-height: 10px;
}

.chart-container-bar {
    width: 670px;
    height: 340px;
}

.chart-container-bar-jobsbyduedate {
    width: 670px;
    height: 340px;
}

.divspace_title_chart_jobsbyduedate {
    height: 15px;
    min-height: 15px;
}

.pie-chart-w-h {
    /*width: 425px;
    height: 425px;*/
    margin: -20px auto;
}

.btndeletecolor {
    background: #C22727 !important;
}

.loadimgbtndelete {
    /*   background: url(images/radimg1.gif) no-repeat;*/
    background-position: center;
    background-color: #C22727 !important;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    /*font: 11px "Verdana", Verdana, Arial, Helvetica, sans-serif;*/
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
    color: #000000;
    /*border: solid 1px #a3a3a3;*/
}


.po_del_ql_width {
    width: 250px !important;
}

.summary-Total-font-size {
    font-size: 15px !important;
}

.bg-header {
    height: 26px;
    background: #f2f2f2;
}

textarea {
    font-family: "Open Sans" !important;
}

.chkdoubleside label {
    position: relative;
    top: -2px;
}

.lblitemdesc_height {
    height: 40px;
}

.textboxnew_itemdesc {
    border: 1px solid #c4c4c4;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    width: 260px;
    font-size: 12px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 7px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    vertical-align: middle;
}

    .textboxnew_itemdesc:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0 0 8px #7bc1f7;
        -moz-box-shadow: 0 0 8px #7bc1f7;
        -webkit-box-shadow: 0 0 8px #7bc1f7;
        /*padding-left: 7px;*/
    }

.paddingtop5px {
    padding-top: 5px;
}

.paddingbottomp5px {
    padding-bottom: 5px;
}

.updateitemdescicon {
    position: relative;
    top: 4px;
}

.chkupdateitemdescicon {
    position: relative;
    top: 5px;
}

.chkonly_withspan {
    position: relative;
    top: 2px;
}

.RadWindow_Default {
    z-index: 999999999 !important;
}

.rad-grid-min-width {
    min-width: 100px;
}


.divSelectedSupplier {
    display: none;
    width: calc(100% - 20px);
    padding: 5px;
    height: 400px;
    z-index: 2;
    max-height: 670px;
    overflow: auto;
}

/*Dropzone*/
.dropzone {
    padding: 5px;
    border: 2px dashed #dadada;
    max-height: 80px;
    overflow: auto;
}

.dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete {
    padding: 5px;
    border-bottom: 1px dashed #dadada;
}

.dz-filename span {
    font-weight: 600;
}

.dz-default.dz-message {
    font-weight: 300;
    font-size: 13px;
}
/*end*/

/*New css For RFQ Messages*/
.RFQSenderName {
    font-weight: bold;
}

.RFQMsgGreen {
    color: #769361;
    font-size: 13px;
}

.RFQQuoteNum {
    font-weight: bold;
}

.RFQSupName {
    font-weight: bold;
}

.RFQDivNormal {
    float: left;
    width: 100%;
}

.RFQDivMsg {
    float: left;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.RFQDivTime {
    color: #999;
    font-size: 12px;
    line-height: 1.6666667;
    font-weight: 400;
    float: left;
    width: 100%;
}

.RFQImgExCol {
    width: 13px;
    height: 13px;
    margin-top: 2px;
}

.RFQDivArr {
    width: 20px;
    float: right;
    padding-top: 1px;
}

.RFQDivTitle {
    width: calc(100% - 20px);
    float: left;
}

.RFQDivRht {
    width: calc(100% - 50px);
    float: right;
}

.RFQDivlft {
    width: 50px;
    float: left;
    position: relative;
    height: 36px;
}

.RFQDivMain {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.RFQImg {
    width: 36px;
    height: 36px;
}

.pnlRFQMessages table tr td {
    border-bottom: 1px solid #e9e9e9;
}

.report_desc_ht {
    width: 190px;
    height: 81px;
}

.dz-filename {
    word-break: break-all;
}


.Menurow {
    width: 240px;
}

@-moz-document url-prefix() {
    .Menurow {
        width: 250px;
    }
}

.customtags {
    width: 939px;
    float: left;
    display: none;
}

.divcustomtags {
    float: left;
    width: calc(100% - 270px);
}

.customtagwidth {
    width: 960px;
    float: left;
}

.customtag7 {
    float: left;
    padding-top: -2px;
    padding-left: 6px;
}

table.tag-table tbody > tr > td {
    padding: 4px 5px;
}

table.tag-table {
    width: 600px !important;
}

.customtag8 {
    float: left;
    padding-top: 1px;
    padding-left: 6px;
}

.customtag9 {
    float: left;
    padding-top: 5px;
}

.divCustomTags1 {
    float: left;
    padding-left: 4px;
    padding-top: 1.9px;
}

.customtag3 {
    float: left;
    padding-top: 5px;
    padding-left: 6px;
}

.customtag6 {
    float: left;
    position: relative;
    bottom: 3px;
}

.customtag2 {
    float: left;
}

.customtag4 {
    float: left;
    padding-top: 5px;
}

div.RadWindow_Bootstrap > table.rwTable {
    background: white;
}

.RadWindow_Bootstrap {
    top: 95px !important;
    z-index: 9999999999999999 !important;
}

.content-mid-align {
    display: flex;
    align-items: center;
}

.RadEditor.Bootstrap iframe {
    float: left;
}

.TagNameFontSize {
    font-size: 13px;
}

.DescriptionFontSize {
    font-size: 13px;
}

.NewTableRows:hover {
    background-color: #DDDDDD;
}


.NewAlternative:hover {
    background-color: #DDDDDD;
}


table.borderWithoutTop.tag-table > tbody > tr > td {
    border-top: 1px solid #dddddd;
}

.only2px {
    clear: both;
    padding-top: 2px;
}

.chkmaxwidth
{
    max-width: 40px;
    width: 40px;
    padding: 0 !important;
}

.viewiconwidth
{
    max-width: 100px;
    width: 100px;
}




 .messageboxcustomerpage {
    border: 1px solid gray;
    width: 55%;
    font-size: 18px !important;   
    text-align: center;      
    border-radius: 3px;
    line-height: 25px;

}
 ./*payment css start*/

.formAlignmentPrintshops {
    padding: 20px;
    width: 90%;
    margin: auto;
}

.cntrToggleDesign {
    position: relative;
    padding: 30px 10px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cntrToggleDesign span.title {
    font-size: 23px;
    font-weight: 400;
    display: block;
    padding-right: 70px;
}

.cntrToggleDesign .lbl {
    position: relative;
    display: block;
    height: 20px;
    width: 44px;
    background: #999;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    right: 16px;
    top: 36px;
    margin: 0;
}

.cntrToggleDesign .lbl:after {
    position: absolute;
    left: 3px;
    top: -3px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    transition: all 0.3s ease;
}

.cntrToggleDesign .lbl:active:after {
    transform: scale(1.15, 0.85);
}

.cntrToggleDesign .cbx:checked ~ label {
    background: #0070C0;
}

.cntrToggleDesign .cbx:checked ~ label:after {
    left: 20px;
    background: #0070C0;
}

.cntrToggleDesign .cbx:disabled ~ label {
    background: #d5d5d5;
    pointer-events: none;
}

.cntrToggleDesign .cbx:disabled ~ label:after {
    background: #bcbdbc;
}

.cntrToggleDesign .hidden {
    display: none;
}

.radioDesignPrintshops [type="radio"]:checked,
.radioDesignPrintshops [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radioDesignPrintshops [type="radio"]:checked + label,
.radioDesignPrintshops [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    height: 24px;
    margin-bottom: 0;
    top: 3px;
}

.radioDesignPrintshops [type="radio"]:checked + label:before,
.radioDesignPrintshops [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    border: 2px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.radioDesignPrintshops [type="radio"]:checked + label:after,
.radioDesignPrintshops [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 13px;
    height: 13px;
    background: #0070C0;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radioDesignPrintshops [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radioDesignPrintshops [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.checkBoxPrintshops label {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    cursor: pointer;
    color: #999;
}

.checkBoxPrintshops label:before,
.checkBoxPrintshops label:after {
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    top: -16px;
    left: 0;
}

.checkBoxPrintshops label:before {
    content: '\f096';
}

.checkBoxPrintshops label:after {
    content: '\f046';
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    transition: all 0.35s;
}

.checkBoxPrintshops input[type="checkbox"] {
    display: none;
}

.checkBoxPrintshops input[type="checkbox"]:checked + label:after {
    max-width: 25px;
    opacity: 1;
    color: #000;
}

.mainFormSectionPrintshops {
    padding: 30px 0;
}

.mainFormSectionPrintshops .radioCheckPrintshopsMain {
    display: table;
    width: 100%;
    padding-bottom: 8px;
}

.mainFormSectionPrintshops .radioCheckPrintshopsMain .labelPrintshopsMain {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.mainFormSectionPrintshops .radioCheckPrintshopsMain .radioDesignPrintshops {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}

.mainFormSectionPrintshops .radioCheckPrintshopsMain .checkBoxPrintshops {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}

.mainFormSectionPrintshops .radioCheckPrintshopsMain .checkBoxPrintshopsHalfWidth {
    width: 12.5%;
}

.mainFormSectionPrintshops .radioCheckPrintshopsMain .selectOptionsPrintshopsMain {
    width: 66.6%;
}

.cardHeadOptions {
    margin: 0;
    margin-top: -10px;
    padding-bottom: 20px;
    font-size: 19px;
}

.cardImagesPrintshops {
    width: 40px;
    height: 25px;
    position: absolute;
    left: 23px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    top: -13px;
}

.select_style {
    background: #FFF;
    overflow: hidden;
    display: inline-block;
    color: #525252;
    font-weight: 300;
    -webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    -moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    border: solid 1px #DADADA;
    font-family: "helvetica neue", arial;
    position: relative;
    cursor: pointer;
    padding-right: 20px;
}

.select_style span:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: relative;
    top: 18px;
}

.select_style span {
    position: absolute;
    right: 0;
    width: 18px;
    background: #ffffff;
    top: 0;
    margin-top: 0;
    bottom: 0;
    pointer-events: none;
}

.select_style select {
    -webkit-appearance: none;
    appearance: none;
    width: calc(100% - -20px);
    background: none;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 10px;
}

.padingTop12 {
    padding-top: 12px;
}

.cardHeadOptionsMain {
    position: relative;
}

.cardHeadOptionsRight {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: 600;
}

.parSectionsNotes {
    margin: 0;
    padding-top: 16px;
    font-size: 12px;
    font-weight: 600;
}

.btnPayMents {
    width: 155px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-top: 16px;
    display: block;
    float: right;
    background: #0070C0;
    color: #fff;
}

.noteSaveSections {
    display: inline-block;
    width: 100%;
}

.cntrToggleDesignTable {
    padding: 0;
    border: 0;
    width: 47px;
    margin: auto;
    pointer-events: all;
}

.cntrToggleDesignTable .lbl {
    padding: 0;
    position: static;
    border: 0;
    height: 20px;
    width: 40px;
}

.cntrToggleDesignTable .lbl:after {
    width: 18px;
    height: 18px;
    top: 1px;
}

.cntrToggleDesignTable .cbx:checked ~ label:after {
    left: 19px;
    background: #fff;
}

.tableDesignPrintPlanr {}

.tableDesignPrintPlanr thead {
    border: 1px solid #e1e1e1;
    box-shadow: 0px 1px 0 #e1e1e1;
}

.tableDesignPrintPlanr thead tr th {
    font-weight: 600;
    padding: 10px 10px;
    background: #D65034;
    color: #fff;
}

.tableDesignPrintPlanr tbody tr td .checkBoxPrintshops {
    text-align: center;
    padding: 16px;
}

.tableDesignPrintPlanr tbody {
    border: 1px solid #e1e1e1;
}

.tableDesignPrintPlanr tbody tr td {
    vertical-align: middle;
    border-color: #ddd !important;
    padding: 3px 10px;
}

.tableDesignPrintPlanr tbody tr td.headingTable {
    color: #0070C0;
    font-weight: 600;
    font-size: 14px;
}

.tableDesignPrintPlanr tbody tr td.descripTable {
    font-size: 13px;
}

.btnPrintPlanr {
    background: #0070C0;
    color: #fff;
    width: 50px;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin: auto;
}

.btnClrChanges {
    background: #0070C0;
    color: #fff !important;
    font-weight: 500;
    outline: none !important;
}

.btnPrintPlanr:hover,
.btnClrChanges:hover,
.btnPrintPlanr:active,
.btnClrChanges:active,
.btnPrintPlanr:focus,
.btnClrChanges:focus {
    background: #0077cc !important;
}

.cntrToggleFormDesign {
    padding-top: 8px;
}

.cntrToggleFormDesign .cntrToggleDesignTable {
    margin-left: 0px;
}

.labelAlignLeft {
    text-align: left !important;
}

.bottomAlignmentBtnPrintplanr {
    display: inline-block;
    width: 100%;
}

.bottomAlignmentBtnPrintplanr button {
    font-weight: 500;
    outline: none !important;
}

.tableDesignPrintPlanr tbody tr {
    cursor: pointer;
}

.tableDesignPrintPlanr tbody tr:hover {
    background-color: #E6E6E6;
}

.tableDesignPrintPlanr tbody tr.activated {
    background-color: #C5C4C3;
    pointer-events: none;
}

.tableDesignPrintPlanr tbody tr.activated .btnPrintPlanr {
    background-color: #999;
}

.tableDesignPrintPlanr tbody tr.activated .checkBoxPrintshops input[type="checkbox"]:checked + label:after {
    color: #999;
}

.overflowHideX {
    overflow: hidden;
    overflow-x: auto;
}

.overflowHideTableX {
    width: 200%;
}

.italicPrintPlanr {
    padding-top: 3px;
    color: #999;
    font-size: 12px;
    padding-left:30px !important;
}

.modal-footer .btn {
    outline: none !important;
}


/*payment css end*/


/*file style start*/

.input-file-container {
    position: relative;
    width: 200px;
    float: right;
    
}

.input-file-container .input-file-trigger {
    display: block;
    padding: 7px 45px;
    background: #0070C0;
    color: #fff;
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    margin: 0;
}

.input-file-container .input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    opacity: 0;
    padding: 7px 0;
    cursor: pointer;
}

.input-file-container .input-file:hover + .input-file-trigger,
.input-file-container .input-file:focus + .input-file-trigger,
.input-file-container .input-file-trigger:hover,
.input-file-container .input-file-trigger:focus {
    background: #0070C0;
    color: #fff;
}

.input-file-container + .file-return{
    float: left;
    width: calc(100% - 225px);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 12px;
    padding-left: 10px;
}
.borderCCC{
    border: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}
/*file style end*/
.displayInlineVertical {
    display: inline-block;
    vertical-align: middle;
}

.imageInsideGA img {
    width: 50px;
}

.alignTdCntr {
    text-align: center;
}

.resizeVertical {
    resize: vertical;
}

.btnClrMain {
    background: #0070C0;
    color: #fff !important;
    font-weight: 500;
    outline: none !important;
}

.btnClrMain:hover,
.btnClrMain.active,
.btnClrMain:active,
.btnClrMain:focus {
    background: #0077cc !important;
}

.btnClrSub {
    outline: none !important;
}

.checkBoxPrintshopAlign {
    margin-bottom: 10px;
}

.checkBoxPrintshopAlign label {
    color: #000;
    font-weight: 400;
    position:relative;
    top:5px;
}

.checkBoxPrintshopAlign label:before {
    color: #999;
}

.checkBoxPrintshopAlign label:after {
    color: #0070C0 !important;
}

.checkBoxPrintshopAlign label:before,
.checkBoxPrintshopAlign label:after {
    top: -7px;
}

.displayBlk {
    display: block;
}

.redImportant {
    color: #ff0000;
}
.printHeadSection{
    margin: 0;
    margin: 16px 0 22px 0;
    font-size: 22px;
    font-weight: 500;
    color: #333;
}




/*payment style 2 start*/
.paymentStyle2{
    padding-bottom: 20px;
}
.paymentStyle2 .form-control{
    height: 45px;
}
.paymentStyle2 input + .inputSpan{
    height: 2px;
    display: block;
    background-color: #0070C0;
    margin-top: -2px;
    width: 0%;
    transition: all 0.3s ease;
}
.paymentStyle2 input, .paymentStyle2 select{
    box-shadow: none !important;
    border-color: #ccc !important;
}
.paymentStyle2 input:focus + .inputSpan{
    width: 100%;
}
.paymentStyle2 input:not(:placeholder-shown) + .inputSpan{
    background-color: green;
    width: 100%;
}
.paymentStyle2 .control-label{
    padding-top: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #999;
    padding-right: 0;
    text-align: left;
}
.paymentStyle2 .input-file-container .input-file{
    padding: 12px 0;    
}
.paymentStyle2 .input-file-container .input-file-trigger {
    padding: 12px 45px;
}
.btnContainer{
    display: inline-block;
    width: 75%;
}
.btnContainer button{
    float: right;
    margin: 0 3px;
}
/*payment style 2 end*/
.tableHeadDesign{
    display: inline-block;
    width: 100%;
    margin: 16px 0 22px 0;
}
.tableHeadDesign img{
    width: 18px;
    float: right;
}
.tableHeadDesign h3{
    margin: 0;
    float: left;
    font-size: 22px;
    font-weight: 500;
    color: #333;
}
.addBoderShadowForm{
   
    border-radius: .1875rem;
    padding: .9375rem 1.25rem;
    padding-top: 0.25rem;
    padding-bottom: 1.25rem;
}
.padingTopSeconds{
    padding-top: 1.25rem;
}

@media (min-width: 768px) .col-sm-9 {
    width: 75%;
}

.atinstruction {
    margin: 6px 0px 14px 0px;
    color: gray;
}


.saveasdraftbtnstyle {
    display: inline-block;
    padding: 4px 14px 5px;
    margin-bottom: 0;
    font-size: 13px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #c08500 !important;
    background-image: -moz-linear-gradient(center top,#0070C0,#0070C0 );
    background-repeat: repeat-x;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
}

.LinkCss {
    font-size: 13px;
    color: #0070C0 !important;
    text-decoration: underline !important;
    font-weight: 400;
}

.leftAlignPO {
    text-align: left;
    padding-left: 10px;
}

.loadingsaveasdraft {
    display: inline-block;
    padding: 4px 14px 5px;
    margin-bottom: 0;
    font-size: 13px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #c08500 !important;
    background-image: -moz-linear-gradient(center top,#0070C0,#0070C0 );
    background-repeat: repeat-x;
    border-width: 0;
    border-style: solid;
    border-image: none;
    border-radius: 4px;
}

/* Calender */


.renewcontactmessage {
    border: 1px solid #F59D1D;
    border-radius: 2px;
    background-color: #FACA83;
}

.cursorauto {
    cursor: auto;
}

.menusuboptions {
    padding-top: 7px !important;
    font-size: 12px;
}

.paddingright2px {
    padding-right: 2px;
}

.tblheaderbackground {
    background-image: url(../../images/topbar1.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    height: 26px;
    background-size: 3px 34px;
    font-size: 11px;
    font-weight: 700;
    padding-right: 5px;
    padding-left: 5px;
}

.tbl_contentspacing {
    padding-right: 5px;
    padding-left: 5px;
}

.RadListBox_Default .rlbText {
    font-family: "Open Sans",Arial,Helvetica !important;
}

table.RadCalendarTimeView td a {
    text-transform: none !important;
}

.visitstatuscolor {
    height: 10px;
    width: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    float: left;
    margin-top: 4px;
}

.RadInput_Default .riTextBox {
    font-size: 12px !important;
    font-family: "Open Sans",Arial,Helvetica !important;
}

.visitstatussettingscolor {
    height: 15px;
    width: 15px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    float: left;
    margin-top: 4px;
    margin-left: 15px;
}

.Visitview_StatusDDL {
    background-color: #FFF;
    position: absolute;
    width: 150px;
    height: 150px;
    overflow-y: auto;
    margin: 8px 0px 0px 0px;
    border: 1px solid #bbb;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px #9C9C9C;
}

.quotejobadd_headings {
    color: #171717;
    font-size: 13px;
    font-weight: bold;
}

.reportsinvstocktbl {
    min-width: 212px;
    width: auto;
    padding-right: 5px;
    padding-left: 5px;
}

.reportsinvstocktblheader {
    color: #5b5b5b;
    font-size: 12px;
    border-bottom: 1px solid #B2B2B2;
    padding-bottom: 5px;
}

.calendarrheadertextalign {
    text-align: center !important;
}

.Div_assignscheduletaskcall {
    min-height: 100px;
    height: auto;
    width: 305px;
    position: absolute;
    z-index: 9999;
    opacity: 1;
    display: none;
    left: 40%;
    top: 25%;
}

.accessbtn {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: "Open Sans",Arial,Helvetica;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0px 0px rgba(0,0,0,.2);
    min-height: 25px;
    min-width: 50px;
    padding-bottom: 2px;
}

    .accessbtn:hover {
        background: #FFDA6A;
        background: -webkit-gradient(linear, left top, left bottom, from(#FFDA6A), to(#FFDA6A));
        background: -moz-linear-gradient(top, #FFDA6A, #FFDA6A);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDA6A', endColorstr='#FFDA6A');
    }

.accessbtn {
    color: black;
    border: solid 1px #E1A900;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E1A900));
    background: -moz-linear-gradient(top, #FFDA6A, #E1A900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E1A900');
}

.revokebtn {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: "Open Sans",Arial,Helvetica;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0px 0px rgba(0,0,0,.2);
    min-height: 25px;
    min-width: 50px;
    padding-bottom: 2px;
}

    .revokebtn:hover {
        background: #FF2B2B;
        background: -webkit-gradient(linear, left top, left bottom, from(#FF2B2B), to(#FF2B2B));
        background: -moz-linear-gradient(top, #FF2B2B, #FF2B2B);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2B2B', endColorstr='#FF2B2B');
    }

.revokebtn {
    color: black;
    border: solid 1px #C00000;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#C00000));
    background: -moz-linear-gradient(top, #FF2B2B, #C00000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00000', endColorstr='#C00000');
}

.AligntxtToRght {
    float: left;
    padding-left: 5px;
}

.textalignmenu_clientdetails {
    text-align: left;
}

.float_leftright_arabic {
    float: left;
}

.btnclrFilters_width_arabiceng {
    width: 80px;
}

.directionddltxt_arabiceng {
    direction: ltr;
    padding-right: 0px;
}

.marginright20 {
    margin-right: 20px;
}

.float_leftright {
    float: left;
}

.margintop_12px_3px {
    margin-top: 3px;
}

.marginright_135 {
    margin-right: -135px;
}

.ViewMarginRight {
    margin-right: 97px;
}

.ViewAlignClearFilte {
    margin-left: -7px;
}

.QuoteJobInfo_txtarea {
    width: 98%;
    max-width: 98%;
    min-width: 98%;
    height: 80px;
    min-height: 80px;
    max-height: 105px;
}

.margintop_15px {
    margin-top: -15px;
}

#txtcontentdata {
    direction: ltr;
}

.reportfilterslnk {
    color: #10357F;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.settings_back_btn {
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 5px;
    background-color: #404040;
    width: 65px;
    border-style: none;
    font-size: 15px;
    padding: 0px 0px 2px 0px;
    height: 28px;
}

#toTop {
    z-index: 55555;
}

.assetstextalign {
    float: none;
    text-align: left;
}

.clearable {
    background: #fff url(../../images/search_icon.png) no-repeat right -20px center;
    direction: ltr;
}

.success {
    background: #fff url(../../images/success.png) no-repeat right -20px center;
    border: 1px solid #999;
    direction: ltr;
}

.clearable.x {
    background-position: right 5px center;
    direction: ltr;
}

.clearable.onX {
    cursor: pointer;
    direction: ltr;
}

.clearable::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.CreateNewAssetFields {
    float: left;
    border: solid 1px #868485;
    width: 363px;
    height: 25px;
    background-color: White;
    position: absolute;
    overflow: inherit;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 5px;
    padding-top: 5px;
    direction: ltr;
}

#tablePagination42 {
    background-color: #EEE;
    font-size: .8em;
    padding: 3px 5px;
    height: 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #666;
}

.DisplaNone {
    display: none;
}

.DisplaBlock {
    display: block;
}

.bgcustomize_Header {
    background: url(../../images/topbar11.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    height: 28px;
    background-size: 3px 34px;
    padding-left: 8px;
}

.marginleft10px {
    margin-left: 10px;
}

.textalign_lang {
    text-align: left;
}

.divcategorytype {
    width: 47px;
    border: 1px solid #8E8E8E;
}

.categorytype_formtempmargin {
    margin-top: 10px;
}

.assets_categorytype_lbl2 {
    font-size: 12px;
    width: 130px;
    height: 22px;
    padding-bottom: 4px;
    line-height: 22px;
    padding-top: 4px;
    padding-left: 4px;
}

.categorytype_div_margin {
    margin-left: -3px;
    margin-top: 0;
}

.categorytype_chkdefault {
    margin-left: -7px;
}

.categorytype_td_padding {
    padding-bottom: 10px;
    padding-top: 5px;
}

.calendar_divoptions {
    display: none;
    width: 173px;
    max-height: 220px;
    box-shadow: 0px 2px 5px #5E535E;
    overflow-y: auto;
    position: absolute;
    z-index: 999999999;
    background-color: white;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
}

.scheduledvisits {
    background: #f57c00;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    margin: 6px 5px 0px 0px;
}

.statuscolor {
    height: 10px;
    width: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    float: left;
    margin-top: 4px;
}

#div_deleteJobPopup {
    height: auto;
    width: 400px;
    left: 35%;
    position: absolute;
    top: 35%;
    z-index: 1000;
    opacity: 1;
    display: block;
    z-index: 10000;
}

.closePopupStyles {
    margin-top: -32px;
    float: right;
    margin-right: -30px;
    cursor: pointer;
}

.cancelButtonLink {
    margin-top: 15px !important;
    padding-right: 8px !important;
}

.lblReferenceNumberStyle {
    font-size: 16px;
    color: #37474F;
}

#tbl_fixedscheduledreport tr td {
    word-break: break-all;
}

.divphrasebook_popup {
    height: auto;
    width: 750px;
    left: 12%;
    position: absolute;
    top: 12%;
    z-index: 1000;
    opacity: 1;
    display: none;
    cursor: move;
}

#tablePagination43 {
    background-color: #EEE;
    font-size: .8em;
    padding: 3px 5px;
    height: 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #666;
}

.headerplusiconheadings {
    color: #595959;
    padding: 6px;
    font-size: 12px;
    padding-bottom: 0px;
    padding-top: 2px;
    margin-top: 4px;
}

.headerplusicontxt {
    color: #000000 !important;
    font-size: 11px;
    float: left;
    width: 100%;
}

.headercontentblockborder {
    border-top: 1px solid #7F7F7F;
}

.chkaddress [type="checkbox"] {
    vertical-align: sub !important;
}

.moreactionview {
    display: none;
    margin-top: 55px;
    position: absolute;
    width: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    background-color: white;
    height: 150px;
}

.moreactiondash {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4), 0px 0px 0px #FFF inset;
    background-color: #F7F7F7;
    border: 1px solid #B7B7B7;
    border-radius: 3px;
    font-weight: normal;
    display: none;
    left: 0px;
    margin-top: 0px;
    padding: 5px 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 999;
    width: 150px;
    height: auto;
    min-height: 102px;
    max-height: 150px;
}

.tdmoreactionview {
    border-bottom: 1px solid #CBCBCB;
    height: 25px;
}

.highlightexternalvisitsdiv {
    box-shadow: 0 0 8px #7bc1f7;
    -moz-box-shadow: 0 0 8px #7bc1f7;
    -webkit-box-shadow: 0 0 8px #7bc1f7;
}

.Calendarbordershadow {
    box-shadow: 0 0 4px #e9e9e9;
}

.dashboardsummarywidget_tbl {
    color: white;
    padding: 5px;
    border: 0;
    border-radius: 4px;
    height: 100px;
    width: 250px;
}

.miniwidgetsouterdiv {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.miniwidgetsvalue {
    font-size: 32px;
    margin: 1px 0px 1px 2px;
    margin-right: 7px;
}

.title_font {
    font-size: 13px;
    margin-left: 6px;
    margin-top: 4px;
    text-align: center;
}

.chart {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.easychartinnertext {
    color: black;
    font-size: 11px;
}

.miniwidgetscontentdiv {
    float: left;
    width: 100%;
}

.miniwidgetcontenttextdiv {
    float: left;
    width: 100%;
    margin-top: -6px;
}

.easycharttitlediv {
    font-size: 13px;
    margin-top: 4px;
    text-align: center;
    margin-left: 6px;
    color: gray;
    float: left;
    margin-right: 10px;
}

.easycharttitlenamediv {
    margin-left: 6px;
    margin-top: 14px;
    color: #333333;
    float: right;
    margin-right: 10px;
    font-size: 13px;
}

.easychartlegends {
    float: left;
    width: 75px;
    text-align: right;
    margin-right: 2px;
}

.easycharttitle_font {
    font-size: 13px;
    text-align: center;
    color: #333333;
    margin-top: -8px;
    margin-left: 0px;
}

.techreportbgcustomizeNew {
    background-image: url(../../images/topbar1.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    height: 26px;
    background-size: 3px 38px;
}

.cliendadd_dropzoneheight {
    min-height: 110px !important;
}

.height48px {
    height: 48px;
}

.clientattachments_tdbg {
    background-color: #EEE;
    border-bottom: 2px solid #FFFFFF;
    vertical-align: top;
}

.miniwigetsdatefiltertd {
    width: 300px;
    text-align: center;
    background: #C3C3C3;
    padding: 3px 0px;
}

.miniwigetsdatefiltertdcontent {
    width: 150px;
    text-align: center;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    cursor: pointer;
}

.miniwigetsdatetilldatetdcontent {
    width: 300px;
    text-align: center;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    cursor: pointer;
}

.divBackGroundloadingminwidgets {
    position: absolute;
    background-color: White;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    z-index: 2000;
    display: block;
    height: 100%;
    width: 100%;
    margin-top: -9px;
}

.miniwidgetstdcontent {
    padding-top: 3px;
    padding-bottom: 12px;
    padding-right: 10px;
    border: 1px solid #c1c1c1;
    box-shadow: 0 0 4px #c1c1c1;
    position: relative;
}

.mappopupcolor {
    color: gray;
}

.mappopupcontentpaddingleft {
    padding-left: 20px;
}

.mapstabstyle {
    width: 85px;
    cursor: pointer;
    padding: 5px;
}

.maptblcontenthtwdt {
    min-width: 260px;
    width: auto;
    min-height: 152px;
    height: auto;
}

.mapjobinfopaddingtop {
    padding-top: 10px;
}

.statusactivitydiv {
    padding: 1px 5px 0px 5px;
    border-radius: 3px;
    width: 80px;
    text-align: center;
    font-size: 11px;
    height: 18px;
}

.mapheight23px {
    height: 25px;
}

.StaffBordermap {
    border-right: 1px solid #c4c4c4;
    height: 25px;
}

.staffviewmiddlebordersmap {
    height: 11px;
    border-top: 1px solid #c4c4c4;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin-top: 13px;
}

.mapstechselectionddldiv {
    float: left;
    width: 99%;
    margin: 10px 0px 15px 15px;
}

.maptechddltextdiv {
    padding-top: 4px;
    padding-right: 5px;
    font-size: 13px;
    font-weight: bold;
}

.mapscontenttd {
    width: 76%;
    vertical-align: top;
}

.mapsunassignedcontentsblock {
    width: 17%;
    padding-right: 10px;
    padding-left: 10px;
}

.mapsunassignedblockdiv {
    font-size: 14px;
    color: gray;
    margin: 8px 0px 8px 0px;
    border: 1px solid #ACACAC;
    border-radius: 4px;
    padding: 5px 0px 5px 5px;
}

.mapsjobinfopopupheader {
    margin-top: -5px;
    border-bottom: 1px dashed gray;
    margin-bottom: 13px;
    width: 670px;
}

.mapsunassignedevent {
    max-height: 450px;
    overflow-y: auto;
}

.divStatusBG {
    color: white;
    padding: 5px;
    border-radius: 3px;
    max-width: 125px;
    overflow: hidden;
    text-align: center;
}

.viewlnkbtn {
    font-size: 12px;
    color: Black;
    cursor: pointer;
    float: left;
    width: 100%;
}

.lnkdivtbl {
    color: black !important;
}

    .lnkdivtbl, .lnkdivtbl:hover, .lnkdivtbl:active, .lnkdivtbl:visited, .lnkdivtbl:focus {
        text-decoration: none;
    }

.calendarrhsloadingdiv {
    float: left;
    width: 200px;
    text-align: center;
    position: absolute;
    height: 72%;
    z-index: 99999;
    background-color: #FFFFFF;
    filter: alpha(opacity=50);
    opacity: .6;
}

.calendarrhsloadingimg {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

#ctl00_ContentPlaceHolder1_txtlastname {
    width: 109px !important;
}

#ctl00_ContentPlaceHolder1_txtstate {
    width: 66px !important;
}

.dropdownmultiselector {
    margin: 0px !important;
    height: 26px;
}

    .dropdownmultiselector dt {
        height: 26px;
    }

    .dropdownmultiselector dd,
    .dropdownmultiselector dt {
        margin: 0px;
        padding: 0px;
    }

    .dropdownmultiselector ul {
        margin: -1px 0 0 0;
    }

    .dropdownmultiselector dd {
        position: relative;
    }

    .dropdownmultiselector a,
    .dropdownmultiselector a:visited {
        color: #000;
        text-decoration: none;
        outline: none;
        font-size: 12px;
    }

    .dropdownmultiselector dt a {
        background-color: #ffffff;
        display: block;
        padding: 5px 5px 2px 5px;
        min-height: 16px;
        height: 19px;
        overflow: hidden;
        border: 0;
        border: 1px solid gray;
        border-radius: 3px;
    }

        .dropdownmultiselector dt a:hover {
            background: #FCFCFC;
        }

        .dropdownmultiselector dt a span,
        .multiSel span {
            cursor: pointer;
            display: inline-block;
            padding: 0 3px 2px 0;
            margin: 0px !important;
            -webkit-margin-before: 0px !important;
            -webkit-margin-after: 0px !important;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
        }

    .dropdownmultiselector dd ul {
        background-color: #FFFFFF;
        border: 0;
        color: #000;
        display: none;
        left: 0px;
        position: absolute;
        top: 4px;
        list-style: none;
        height: 215px;
        overflow: auto;
        z-index: 999999;
        box-shadow: 0px 2px 5px #5E535E;
        border-bottom: 1px solid #D8D8D8;
        border-left: 1px solid #D8D8D8;
        border-right: 1px solid #D8D8D8;
    }

    .dropdownmultiselector span.value {
        display: none;
    }

    .dropdownmultiselector dd ul li a {
        padding: 5px;
        display: block;
    }

        .dropdownmultiselector dd ul li a:hover {
            background-color: #fff;
        }

    .dropdownmultiselector dd ul li {
        height: 22px;
    }

        .dropdownmultiselector dd ul li input {
            vertical-align: middle;
        }

.htmltextbox_table {
    border: 1px solid #c4c4c4;
    height: 17px;
    width: 160px;
    font-size: 12px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: "Open Sans",Arial,Helvetica;
    padding-left: 7px;
    direction: ltr;
}

#div_password_useradd {
    width: 440px;
}

#div_useremail_useradd {
    width: 440px;
}

.frm-tab {
    padding: 10px;
    cursor: pointer;
    background: #EEEEEE;
    font-size: 13px;
    font-weight: 600;
}

    .frm-tab:hover {
        background: #D8D8D8;
    }

.frm-tab_select {
    padding: 10px;
    cursor: pointer;
    border: 1px solid #D8D8D8;
    font-size: 13px;
    font-weight: 600;
}

    .frm-tab_select:hover {
        background: #EEEEEE;
    }

.bk-btn {
    height: 20px;
    width: 22px;
    background-color: black;
    border-radius: 50%;
}

.bk-btn-triangle {
    position: relative;
    top: 4px;
    left: 5.2px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid white;
}

.bk-btn-bar {
    position: relative;
    background-color: white;
    height: 3.6px;
    width: 6px;
    top: -3.07px;
    left: 10.56px;
}

.eventdiabled {
    background: #eeeeee61;
    color: grey;
    cursor: inherit;
    pointer-events: none;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
}

.stepy-header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .stepy-header li {
        cursor: pointer;
        display: table-cell;
        vertical-align: top;
        width: auto;
        padding: 20px 0;
        text-align: center;
        position: relative;
    }

        .stepy-header li.stepy-active div {
            border-color: #b1b1b1;
            background-color: #fff;
            color: #b1b1b1;
            font-size: 14px;
        }

        .stepy-header li div {
            background-color: #b1b1b1;
            position: relative;
            color: #fff;
            font-size: 0;
            margin-left: auto;
            margin-right: auto;
            width: 25px;
            height: 25px;
            border: 2px solid #b1b1b1;
            z-index: 10;
            line-height: 25px;
            text-align: center;
            border-radius: 50%;
        }

            .stepy-header li div:after {
                content: '\ed6c';
                font-family: icomoon;
                display: inline-block;
                font-size: 15px;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: 25px;
                -webkit-transition: all .15s ease-in-out;
                -o-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out;
            }

        .stepy-header li.stepy-active span {
            color: #333;
        }

        .stepy-header li span {
            display: block;
            margin-top: 10px;
            color: #999;
        }

        .stepy-header li.stepy-active:after, .stepy-header li.stepy-active ~ li:after, .stepy-header li.stepy-active ~ li:before {
            background-color: #f5f5f5;
        }

        .stepy-header li:after {
            right: 0;
        }

        .stepy-header li:first-child:before, .stepy-header li:last-child:after {
            display: none;
        }

        .stepy-header li:after, .stepy-header li:before {
            content: '';
            display: block;
            position: absolute;
            top: 34px;
            width: 50%;
            height: 2px;
            background-color: #b1b1b1;
            z-index: 9;
        }

        .stepy-header li.stepy-active ~ li div {
            border-color: #eee;
            background-color: #fff;
            color: #ccc;
            font-size: 14px;
        }

            .stepy-header li.stepy-active ~ li div:after {
                content: none;
            }

        .stepy-header li.stepy-active div:after {
            content: '';
        }

@font-face {
    font-family: 'icomoon';
    src: url('../../fonts/icomoon.eot?3p0rtw');
    src: url('../../fonts/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'), url('../../fonts/icomoon.woff?3p0rtw') format('woff'), url('../../fonts/icomoon.ttf?3p0rtw') format('truetype'), url('../../fonts/icomoon.svg?3p0rtw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form_imgdeletegray {
    width: 13px;
    height: 13px;
    opacity: .4;
    padding-left: 3px;
    filter: alpha(opacity=40);
}

.quoteapprovalblock {
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    display: none;
    text-align: center;
    border: 1px solid #B1D639;
    width: 99.4%;
    box-shadow: 0px 0px 10px 0px #144C81;
    background: #F0FEBD;
}

.before-select {
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    background: white;
    width: 50%;
    text-align: center;
    cursor: pointer;
    border: 1px solid grey;
}

.disbaleclickevent {
    cursor: not-allowed !important;
    color: gray;
}

.div-folder {
    width: 180px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 10px;
}

    .div-folder:hover {
        background: #eff3fb;
        cursor: pointer;
    }

.visitreportsendtocustomer {
    width: 16px;
    padding-top: 2px;
}

.visitreportsendtocustomerjob {
    width: 16px;
    padding-top: 2px;
    padding-right: 3px;
}

.visitreportsendtocustomer {
    width: 16px;
    padding-top: 2px;
    padding-left: 3px;
}

.datemargin {
    margin-left: 19px;
}

.dropdownmultiselector {
    margin: 0px !important;
    height: 26px;
}

    .dropdownmultiselector dt {
        height: 26px;
    }

    .dropdownmultiselector dd,
    .dropdownmultiselector dt {
        margin: 0px;
        padding: 0px;
    }

    .dropdownmultiselector ul {
        margin: -1px 0 0 0;
    }

    .dropdownmultiselector dd {
        position: relative;
    }

    .dropdownmultiselector a,
    .dropdownmultiselector a:visited {
        color: #000000;
        text-decoration: none;
        outline: none;
        font-size: 12px;
        border: solid 1px #ABADB3;
    }

    .dropdownmultiselector dt a {
        background-color: #ffffff;
        display: block;
        padding: 5px 5px 2px 5px;
        min-height: 16px;
        height: 19px;
        overflow: hidden;
        border: 0;
        width: 200px;
        border: 1px solid gray;
        border-radius: 3px;
    }

        .dropdownmultiselector dt a:hover {
            background: #FCFCFC;
        }

        .dropdownmultiselector dt a span,
        .multiSel span {
            cursor: pointer;
            display: inline-block;
            padding: 0 3px 2px 0;
            margin: 0px !important;
            -webkit-margin-before: 0px !important;
            -webkit-margin-after: 0px !important;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
        }

    .dropdownmultiselector dd ul {
        background-color: #FFFFFF;
        border: 0;
        color: #000;
        display: none;
        left: 0px;
        padding: 2px 15px 2px 5px;
        position: absolute;
        top: 4px;
        width: 190px;
        list-style: none;
        height: 215px;
        overflow: auto;
        z-index: 999999;
        box-shadow: 0px 2px 5px #5E535E;
        border-bottom: 1px solid #D8D8D8;
        border-left: 1px solid #D8D8D8;
        border-right: 1px solid #D8D8D8;
    }

    .dropdownmultiselector span.value {
        display: none;
    }

    .dropdownmultiselector dd ul li a {
        padding: 5px;
        display: block;
    }

        .dropdownmultiselector dd ul li a:hover {
            background-color: #fff;
        }

    .dropdownmultiselector dd ul li {
        height: 22px;
    }

        .dropdownmultiselector dd ul li input {
            vertical-align: middle;
        }

.htmltextbox_table {
    border: 1px solid #c4c4c4;
    height: 17px;
    width: 160px;
    font-size: 12px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: "Open Sans",Arial,Helvetica;
    padding-left: 7px;
    direction: ltr;
}

#div_password_useradd {
    width: 440px;
}

#div_useremail_useradd {
    width: 440px;
}

.frm-tab {
    padding: 10px;
    cursor: pointer;
    background: #EEEEEE;
    font-size: 13px;
    font-weight: 600;
}

    .frm-tab:hover {
        background: #D8D8D8;
    }

.frm-tab_select {
    padding: 10px;
    cursor: pointer;
    border: 1px solid #D8D8D8;
    font-size: 13px;
    font-weight: 600;
}

    .frm-tab_select:hover {
        background: #EEEEEE;
    }

.bk-btn {
    height: 20px;
    width: 22px;
    background-color: black;
    border-radius: 50%;
}

.bk-btn-triangle {
    position: relative;
    top: 4px;
    left: 5.2px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid white;
}

.bk-btn-bar {
    position: relative;
    background-color: white;
    height: 3.6px;
    width: 6px;
    top: -3.07px;
    left: 10.56px;
}

.eventdiabled {
    background: #eeeeee61;
    color: grey;
    cursor: inherit;
    pointer-events: none;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
}

.stepy-header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .stepy-header li {
        cursor: pointer;
        display: table-cell;
        vertical-align: top;
        width: auto;
        padding: 20px 0;
        text-align: center;
        position: relative;
    }

        .stepy-header li.stepy-active div {
            border-color: #b1b1b1;
            background-color: #fff;
            color: #b1b1b1;
            font-size: 14px;
        }

        .stepy-header li div {
            background-color: #b1b1b1;
            position: relative;
            color: #fff;
            font-size: 0;
            margin-left: auto;
            margin-right: auto;
            width: 25px;
            height: 25px;
            border: 2px solid #b1b1b1;
            z-index: 10;
            line-height: 25px;
            text-align: center;
            border-radius: 50%;
        }

            .stepy-header li div:after {
                content: '\ed6c';
                font-family: icomoon;
                display: inline-block;
                font-size: 15px;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: 25px;
                -webkit-transition: all .15s ease-in-out;
                -o-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out;
            }

        .stepy-header li.stepy-active span {
            color: #333;
        }

        .stepy-header li span {
            display: block;
            margin-top: 10px;
            color: #999;
        }

        .stepy-header li.stepy-active:after, .stepy-header li.stepy-active ~ li:after, .stepy-header li.stepy-active ~ li:before {
            background-color: #f5f5f5;
        }

        .stepy-header li:after {
            right: 0;
        }

        .stepy-header li:first-child:before, .stepy-header li:last-child:after {
            display: none;
        }

        .stepy-header li:after, .stepy-header li:before {
            content: '';
            display: block;
            position: absolute;
            top: 34px;
            width: 50%;
            height: 2px;
            background-color: #b1b1b1;
            z-index: 9;
        }

        .stepy-header li.stepy-active ~ li div {
            border-color: #eee;
            background-color: #fff;
            color: #ccc;
            font-size: 14px;
        }

            .stepy-header li.stepy-active ~ li div:after {
                content: none;
            }

        .stepy-header li.stepy-active div:after {
            content: '';
        }

.divmargintop20px {
    margin-top: 20px;
}

.viewprojectwidth100Percntg {
    width: 100%;
}

.paddingtop19px {
    padding-top: 19px;
}

.ViewProject_headertemplatediv {
    float: left;
    height: auto;
    margin: 0;
    display: block;
}

.ViewProject_checkInvoice {
    float: left;
    margin: -4px 0;
    padding: 0;
    border: outset 1px;
    width: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 2px;
}

.ViewProject_CheckboxArrowDown {
    display: block;
    border: solid 0 Transparent;
    cursor: pointer;
}

.ViewProject_CheckboxArrowUp {
    display: none;
    border: solid 0 Transparent;
    cursor: pointer;
}

.ViewProject_divcheckBox {
    float: left;
    padding: 2px 0 2px 1px;
}

ViewProject_divArrowupDown {
    float: left;
    padding: 7px 0 0 2px;
}

.marginleftminus12px {
    margin-left: -12px;
}

.ManageProject_SERVICES_AND_INVENTORIES1 {
    padding-left: 60px;
    padding-right: 35px;
}

.ManageProject_divcontact {
    margin-left: 3px;
    margin-top: 3px;
}

.div_lblprojectdescription {
    height: 60px;
}

.marginright12 {
    margin-right: 12px;
}

.ManageProject_padding4px {
    padding: 4px;
}

.ManageProject_divJobPriority {
    float: left;
    width: 70%;
    max-width: 70%;
    padding: 0;
}

.ManageProjects_width1px {
    width: 1px;
}

.marginleft2px {
    margin-left: 2px;
}

.ManageProject_spanValdation {
    display: none;
    float: left;
    margin-left: 3px;
    margin-top: 1px;
}

.border0pxsolidred {
    border: 0 solid red;
}

.div_chkIndivisual {
    margin-left: 1px;
    float: left;
    margin-top: 4px;
}

.Manageproject_InvalidEmail {
    display: none;
    color: Red;
    font-size: 11px;
    padding-left: 3px;
    padding-top: 2px;
}

.ManageProject_width360px {
    width: 360px;
}

.ManageProject_lblAreaNumber {
    border: solid 1px #ABADB3;
    height: 27px;
    width: 320px;
    font-size: 12px;
}

.ManageProject_ddlCountry {
    border: solid 1px #ABADB3;
    height: 27px;
    width: 320px;
    font-size: 12px;
}

.Manageproject_width350px {
    width: 350px;
}

.ManageProject_labelValidation {
    display: none;
    float: left;
    margin-left: 5px;
    margin-top: 1px;
}

.ManageProject_ValidationSalesPerson {
    display: none;
    float: left;
    margin-left: 3px;
    margin-top: 1px;
}

.paddingtop5px {
    padding-top: 5px;
}

.paddingtop2px {
    padding-top: 2px;
}

.ManageProject_lnkHidedetails {
    display: block;
    margin-left: 102px;
    margin-top: -11px;
}

.Manageproject_Invoice_Address {
    margin-left: 3px;
    color: #171717;
}

.div_Copy_Same_for_Invoice {
    margin-left: 18px;
    margin-top: 0;
}

.ManageProject_buttonClientsaveCancle {
    margin-top: 15px;
    width: 320px;
}

.ManageProject_tr_lbldeliveryadd1 {
    margin-left: -3px;
}

.ManageProject_divcontactgrid {
    margin-top: -11px;
    margin-bottom: 11px;
}

.Manageproject_lnklnkaddnewcontact {
    color: #10357F;
    text-decoration: underline;
    font-size: 13px;
}

.paddingtop20px {
    padding-top: 20px;
}

.paddingtop25px {
    padding-top: 25px;
}

.manageProject_BlankdivAddNewContact {
    margin-top: -5px;
    border-bottom: 1px dashed gray;
    margin-bottom: 13px;
    width: 690px;
}

.width720px {
    width: 720px;
}

.ManageProject_spanContactfirstName {
    display: none;
    margin-left: 5px;
    margin-top: 0;
    float: left;
}

.ManageProject_div_contactlastname {
    display: none;
    margin-left: 5px;
    margin-top: 1px;
    float: left;
}

.ManageProject_chkindividualperson {
    float: left;
    margin-left: -3px;
    margin-top: 5px;
}

.ManageProject_lblThiscontactisanindividualperson {
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.Manage_project_div_InvalidEmail {
    display: none;
    margin-left: 5px;
    margin-top: 1px;
    margin-bottom: 3px;
    float: left;
}

.width50px {
    width: 50px;
}

.ManageProject_btnContact_Save {
    margin-top: 10px;
    width: 320px;
}

.ManageProject_ServiceinventoryDetails {
    padding: 4px;
    display: none;
    padding-top: 5px;
    width: 95%;
}

.ManageProject_divServiceinventoryDetails {
    padding-top: 1px;
    margin-left: 5px;
    display: none;
    padding-bottom: 5px;
}

.manageProject_Successmaindiv {
    border: 1px solid #B1D639;
    border-radius: 2px;
    background-color: #F0FEBD;
    display: inline-block;
}

.manageProjecttable_divServiceInvDetails {
    padding: 5px;
}

.manageProject_Successmaindiv {
    margin-left: 7px;
    margin-top: 2px;
    font-weight: 700;
    color: #3A3A3A;
}

.ManageProject_pnlmessage {
    margin-left: 4px;
    margin-top: -2px;
    color: #3A3A3A;
}

.ManageProject_lblAssign_Services {
    color: #10357F !important;
    text-decoration: underline !important;
    font-size: 13px;
}

.ManageProject_lbldivAssign_Services {
    padding-bottom: 5px;
    margin-left: 3px;
}

.ManageProject_MiddlelbldivAssign_ServicesAssign_Inventories {
    margin-left: 3px;
    width: 1188px;
}

.ManageProject_Assign_Inventories {
    padding-bottom: 5px;
    margin-left: 3px;
}

.ManageProject_lnkAssign_Inventories {
    color: #10357F;
    text-decoration: underline;
    font-size: 13px;
}

.ManageProject_lblInventoryDesign {
    margin-left: 3px;
    width: 1188px;
}

.height14px {
    height: 14px;
}

.padding5px {
    padding: 5px;
}

.floatright {
    float: right;
}

.width1188px {
    width: 1188px;
}

.divwidthpaddingtop {
    width: 100%;
    padding-top: 7px;
}

ManageProject_floatrightverticalalignbaseline {
    float: right;
    vertical-align: baseline;
}

.divclientInfo {
    padding: 5px 4px 4px;
    width: 99%;
}

.td_projectdescrption {
    height: 118px;
    vertical-align: top;
}

.marginleft189px {
    margin-left: 189px;
}

.div_message {
    padding-top: 10px;
    margin-left: 10px;
    display: none;
    margin-bottom: -15px;
}

.width_18px {
    width: 18px;
}

.width_15px {
    width: 15px;
}

.div_successmsg {
    border: 1px solid #B1D639;
    border-radius: 2px;
    background-color: #F0FEBD;
    display: inline-block;
}

.div_successmain {
    margin-left: 7px;
    margin-top: -2px;
    font-weight: 700;
    color: #3A3A3A;
}

.div_lblService {
    margin-left: 8px;
    margin-top: 8px;
    float: left;
}

.div_linkAssign {
    padding-bottom: 1px;
    padding-left: 5px;
    float: right;
    margin-top: 8px;
    margin-right: 11px;
}

.divAssignlink {
    color: #10357F;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
}

.div_service {
    padding: 4px;
    display: block;
    padding-top: 0;
    width: 100%;
    margin-left: -1px;
}

.width_99percentage {
    width: 99%;
}

.margin_top0px {
    margin-top: 0;
}

.link_label {
    padding-bottom: 5px;
    padding-left: 5px;
    float: right;
}

.min_width20px {
    min-width: 20px;
}

.margin_top34px {
    margin-top: 34px;
}

.div_Action {
    margin-top: 5px;
    margin-left: 12px;
    text-align: left;
}

.div_projectAction {
    margin-top: 8px;
    margin-left: 12px;
    text-align: left;
}

.margin_left8px {
    margin-left: 8px;
}

.width_512px {
    width: 512px;
}

.width475px {
    width: 475px;
}

.div_popupheading {
    margin-bottom: 15px;
    padding-top: 6px;
    padding-left: 1px;
    font-size: 15px;
    margin-top: -20px;
    margin-left: -2px;
}

.margin_topminus1px {
    margin-top: -1px;
}

.margin_lblsite {
    margin: 0 8px 0 0;
}

.margin_bottom25px {
    margin-bottom: 25px;
}

.padding_top0px {
    padding-top: 0 !important;
}

.width_175px {
    width: 175px;
}

.width_25percent {
    width: 25%;
}

.span_lbl {
    display: none;
    float: left;
    margin-left: 5px;
    margin-top: -2px;
}

.width_168px {
    width: 168px;
}

.div_rfvmessage {
    display: none;
    width: 16px;
    float: left;
    margin-left: 5px;
    margin-top: -2px;
}

.boarder_radius2px {
    border-radius: 2px !important;
}

.width_108px {
    width: 108px;
}

#divBackGround {
    display: none;
    position: absolute;
    background-color: #FFF;
    filter: alpha(opacity=50);
    opacity: .5;
    -moz-opacity: .5;
    z-index: 100;
    top: 0;
    left: 0;
}

.Calendartd {
    padding: 3px 10px;
    cursor: pointer;
}

.texttransformcapitalize {
    text-transform: capitalize;
}

.fontsize18px {
    font-size: 18px;
}

.lbldefaultdate {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    vertical-align: super;
    cursor: default;
}

.labelCursonPointerDefault {
    cursor: default;
}

.width83percentage {
    width: 83%;
    float: left;
}

.width81percentage {
    width: 77%;
    float: left;
}

.div_SalesPersonColor {
    width: 20px;
    height: 20px;
    background-color: red;
    display: inline-block;
    vertical-align: super;
}

.textalignleft {
    text-align: left;
}

.TaskCallEventPadding {
    padding-top: 5px;
    padding-left: 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EFEFEF;
    background-color: #F8F9FC;
}

.height26px {
    height: 26px !important;
}

.textaligncenter {
    text-align: center;
}

.paddingleft10px {
    padding-left: 10px;
}

.divBindTaskCallDisplayEvents {
    border: 1px solid #ACACAC;
    right: 0;
    width: 260px;
}

.paddingright10px {
    padding-right: 10px;
}

.padding15px {
    padding: 15px;
}

.paddingleft5px {
    padding-left: 5px;
}

.paddingtoppaddingbottom3px {
    padding-top: 2px;
}

.td_TechnicianName {
    width: 234px;
    color: #fff;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    min-height: 1px;
    border-right: 1px solid #ddd;
    text-transform: uppercase;
    padding: 8px;
    white-space: nowrap;
}

.StaffBorder {
    border-right: 1px solid #c4c4c4;
    height: 30px;
}

.height33px {
    height: 34px;
}

.divStaffBorderMiddle {
    border-top: 1px solid #c4c4c4;
}

.verticalalignbottom {
    vertical-align: bottom;
}

.verticalaligntop {
    vertical-align: super;
    font-size: 13px;
    font-weight: 600;
}

.divtoplbl {
    float: left;
    margin-top: 5px;
    margin-left: 2px;
    color: #185CC8;
    margin-bottom: 10px;
}

.ddl_users {
    height: 25px;
    width: 150px;
    margin-bottom: 10px;
    font-size: 11px;
    direction: ltr;
}

.marginright25px {
    margin-right: 25px;
}

paddingtopbottom2px {
    padding-bottom: 2px;
    padding-top: 2px;
}

.eventscheduled {
    border-radius: 3px;
    color: #fff;
    padding-top: 1px;
    font-weight: normal;
    padding-bottom: 3px;
    font-size: 11px;
}

.divsetting_comptype {
    padding-bottom: 7px;
    padding-top: 5px;
    width: 46px;
    border: 1px solid #8E8E8E;
    height: 11px;
}

.divcallpurpose {
    width: 47px;
    border: 1px solid #8E8E8E;
}

.staffviewmiddleborders {
    height: 11px;
    border-top: 1px solid #c4c4c4;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin-top: 18px;
}

FullTimeSlotStyle {
    border-radius: 3px;
    color: #fff;
    padding-top: 1px;
    font-weight: 700;
    padding-bottom: 2px;
    font-size: 11px;
}

.HalfTimeSlotStyle {
    border-radius: 3px;
    color: #fff;
    padding-top: 1px;
    font-weight: 700;
    padding-bottom: 2px;
    font-size: 11px;
}

.eventscheduled {
    border-radius: 3px;
    color: #fff;
    padding-top: 1px;
    font-weight: normal;
    padding-bottom: 3px;
    font-size: 11px;
}

.divsetting_comptype {
    padding-bottom: 7px;
    padding-top: 5px;
    width: 46px;
    border: 1px solid #8E8E8E;
    height: 11px;
}

.divcallpurpose {
    width: 47px;
    border: 1px solid #8E8E8E;
}

.staffviewmiddleborders {
    height: 11px;
    border-top: 1px solid #c4c4c4;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin-top: 18px;
}

.txtalign {
    text-align: justify;
}

.highlightdragtd {
    background-color: gray;
}

.multiSel span {
    padding: 0px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 11;
    max-width: 163px !important;
    width: auto;
}

.LinkCss {
    font-size: 13px;
    color: #0070C0 !important;
    text-decoration: underline !important;
    font-weight: 400;
}

.leftAlignPO {
    text-align: left;
    padding-left: 10px;
}