body {
    background-color: #FFFFFF;
    margin: 0 0 0 0;
}

.title {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

.titleLogin {
    font-size: 12px;
    color: #151c4a;
    font-weight: bold;
    text-decoration: none;
}

.pagetitle {
    font-size: 20px; /*color: #333333;*/
    color: #000;
    text-decoration: none;
}

.pagetitleBlank {
    font-size: 20px; /*color: #333333;*/
    color: #151c4a;
    text-decoration: none;
}

.boxTxt120 {
    background-image: url(../images/textbox120.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 115px;
    padding-left: 5px;
}

.boxTxt100 {
    background-image: url(../images/textbox100.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 95px;
    padding-left: 5px;
}

.boxTxt60 {
    background-image: url(../images/textbox60.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 55px;
    padding-left: 5px;
}

.clsWatermark60 {
    background-image: url(../images/textbox60.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 55px;
    padding-left: 5px;
}

.boxTxt70 {
    background-image: url(../images/textbox70.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 67px;
    padding-left: 3px;
}

.clsWatermark70 {
    background-image: url(../images/textbox70.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 67px;
    padding-left: 3px;
}

.clsWatermark120 {
    background-image: url(../images/textbox120.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 115px;
    padding-left: 5px;
}

.boxTxt30 {
    background-image: url(../images/textbox30.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 25px;
    padding-left: 5px;
}

.clsWatermark30 {
    background-image: url(../images/textbox30.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 25px;
    padding-left: 5px;
}

.boxTxt40 {
    background-image: url(../images/textbox40.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 35px;
    padding-left: 5px;
}

.clsWatermark40 {
    background-image: url(../images/textbox40.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 35px;
    padding-left: 5px;
}

.clsWatermark100 {
    background-image: url(../images/textbox100.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 95px;
    padding-left: 5px;
}

.boxDropdown80 {
    background-image: url(../images/textbox30.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 75px;
    padding: 4px 0 0 5px;
}

.boxTxt {
    background-image: url(../images/textbox.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 23px;
    width: 152px;
    padding-left: 5px;
}

.boxTxtSearch {
    background-image: url(../images/textbox250.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 23px;
    width: 245px;
    padding-left: 5px;
}

.clsWatermarkboxSearch {
    background-image: url(../images/textbox250.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 23px;
    width: 245px;
    padding-left: 5px;
}

.chkboxTxt {
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    padding-left: 5px;
}

.txtSearchbox {
    background-repeat: repeat-x;
    color: #000000;
    font: 12px ;
}

.boxTxtlong {
    background-image: url(../images/textbox500.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 495px;
    padding-left: 5px;
}

.boxTxt550px {
    background-image: url(../images/textbox550.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 27px;
    width: 545px;
    padding-left: 5px;
}

.boxTxt300px {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-image: url('../images/textbox550.png');
    background-repeat: repeat-x;
    color: #000000;
    font: 12px ;
    padding-left: 5px;
}

.clsWatermarkboxTxt550px {
    background-image: url(../images/textbox550.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 27px;
    width: 400px;
    padding-left: 5px;
}

.clsWatermarkboxTxtlong {
    background-image: url(../images/textbox500.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 495px;
    padding-left: 5px;
}

.boxTxtlong490 {
    background-image: url(../images/textbox490.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    width: 485px;
    height: 100px;
    padding-left: 5px;
}

.clsWatermarkbox490 {
    background-image: url(../images/textbox490.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    width: 485px;
    height: 100px;
    padding-left: 5px;
}

.boxTxtwidth490 {
    background-image: url(../images/textbox490_1.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    width: 485px;
    height: 25px;
    padding-left: 5px;
}

.clsWatermarkboxwidth490 {
    background-image: url(../images/textbox490_1.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    width: 485px;
    height: 25px;
    padding-left: 5px;
}

.boxMuliTxt {
    background-image: url(../images/textbox03.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 50px;
    width: 153px;
    padding-left: 5px;
}

.clsWatermarkboxMuliTxt {
    background-image: url(../images/textbox03.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 50px;
    width: 153px;
    padding-left: 5px;
}

.boxMuliTxtmaxwidth {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-image: url('../images/textbox04.png');
    background-repeat: repeat-x;
    color: #000000;
    font: 12px ;
    height: 100px;
    width: 495px;
    padding-left: 5px;
}

.boxMuliLabelmaxwidth {
    font-size: 12px;
    font-weight: bold;
    display: none;
    border: 1px solid silver;
    padding: 5px 5px 5px 0;
    z-index: 10000;
    background-color: #eee;
    height: auto;
    width: 495px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    text-align: left;
    color: Black;
}

.boxDropdown {
    background-image: url(../images/textbox.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 155px;
    padding: 4px 0 0 2px;
}

.boxDropdown250px {
    background-image: url(../images/textbox250.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 12px ;
    height: 25px;
    width: 250px;
    padding: 4px 0 0 2px;
}

.modalBackground {
    /* background-color:Gray; 	_filter:alpha(opacity=15); 	_opacity:0.1; 	-moz-opacity:0.1;*/
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.9; /*opacity: 0.3;*/
}

.pnlmodelpop {
    border: 10px solid white;
    background: #DEF2F1;
}

.popupheader {
    background: #ddd;
    color: black;
    padding-top: 15px;
    height: 5px;
}

img {
    border: 0;
}

.footer {
    font-size: 12px;
    color: #151c4a;
    text-decoration: none;
}

    .footer a {
        font-size: 12px;
        color: #151c4a;
        text-decoration: none;
    }

        .footer a:hover {
            font-size: 12px;
            color: #151c4a;
            text-decoration: underline;
        }

#Selected {
    cursor: default;
}


/*
set contentplace holdr style
*/

.setcontentplaceholder {
    min-height: 480px;
    overflow: auto;
}

#wrapper {
    /*width: 961px; */
}

#left {
    width: 678px;
}

#right {
    width: 264px;
}

/*Watermarkcss*/
.clsWatermark {
    background-image: url(../images/textbox.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 23px;
    width: 153px;
    padding-left: 5px;
}

.clsWatermarkWithoutImage {
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 30px;
    padding: 0px;
}

.clsWatermarkPassword {
    background-image: url(../images/loginbgmiddle.jpg);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 32px;
    width: 277px;
}

.clsWatermarkSearch {
    background-image: url(../images/textbox250.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 23px;
    width: 245px;
    padding-left: 5px;
}

.clsWatermarklong {
    background-image: url(../images/textbox500.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 495px;
    padding-left: 5px;
}

.clsWatermarkMulti {
    background-image: url(../images/textbox03.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 50px;
    width: 153px;
    padding-left: 5px;
}

.clsWatermarkMultiwidth {
    background-image: url(../images/textbox04.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 100px;
    width: 495px;
    padding-left: 5px;
}
/*CSS For Table Align 
Chintan Dalwadi 23-01-2013
*/
.overflowScrollY {
    overflow-x: visible;
    overflow-y: scroll;
}

.center {
    vertical-align: middle;
    text-align: center;
}

.alignTop {
    vertical-align: top;
}

.alignMiddle {
    vertical-align: middle;
}

.alignBottom {
    vertical-align: bottom;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.labletext {
    font: 12px ;
    color: black;
}

.labelWihte {
    padding-left: 25px;
    font: 14px ;
    color: black;
    font-weight: bold;
}

.labletextBold {
    font: 12px ;
    color: black;
    font-size: large;
}

.alignCellRight {
    text-align: right;
}

.alignCellRightTop {
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
}

.lineblueveticle {
    border-left: 1px solid blue;
}

.linebluehorizantal {
    border-bottom: 1px solid #0096ab;
}

.alignBottom {
    vertical-align: bottom;
}

.alignMiddle {
    vertical-align: middle;
}

.normalPadding {
    padding: 5px;
}

.normalPaddingRight {
    padding: 10px;
}

table.alignTdTop td {
    vertical-align: top;
}
/*for align table top*/


/*CSS For Alert Message & Loading
Chintan Dalwadi 23-01-2013
*/
.linkbutton {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    color: #017dc3;
    text-decoration: underline;
}

.cssThumbUp {
    background: url(../Images/Thumbupimages.jpeg)no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: top;
}

.cssThumndown {
    background: url(../Images/thumbsdownimages.jpeg)no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.cssSucess {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #017dc3;
    vertical-align: top;
}

.cssFail {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #DF013A;
    vertical-align: top;
}

.mandatory {
    font-size: 13px;
    text-decoration: none;
    color: Red;
}

.failureNotification {
    font-size: 12px;
    color: Red;
}

.asterik {
    color: Red;
}

.loading {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.6);
}

    .loading::before {
        color: white;
        content: "Loading...";
        font-size: 25px;
        font-weight: bold;
        left: 45%;
        position: fixed;
        top: 45%;
    }
/*CSS For Lable Style & Font CSS
Chintan Dalwadi 23-01-2013
*/

.fieldTitle {
    
    font-size: small;
    color: White;
    font-weight: bold; /*color: #333333;*/
    text-align: center;
}

.fieldLabelTitle {
    
    font-size: 12px;
    color: black;
    text-decoration: underline;
}

.fieldBlue {
    
    font-size: 12px;
    color: #151c4a;
    font-weight: bold; /*color: #333333;*/
    text-decoration: none;
    width: 0%;
}

.fieldLabel {
    
    font-size: 12px;
    color: #000;
    font-weight: bold; /*color: #333333;*/
    text-decoration: none;
}

.fieldEventLabel {
    
    font-size: 12px;
    color: #181818;
    font-weight: bold; /*color: #333333;*/
    text-decoration: none;
}

.fieldUpload {
    
    font-size: 12px;
    color: #333333; /*font-weight: bold; /*color: #333333;*/
    text-decoration: none;
}

.txtpara {
    margin: 0px 10px 0px 10px;
    text-align: justify;
    color: black;
    
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
}

.txtjustify {
    text-align: justify;
}


.fontbold14px {
    font-size: 16px;
    font-weight: bold;
}


/*CSS For Button Style Default
Chintan Dalwadi 23-01-2013
*/


.btnDefault {
    border: 1px solid #00B19B;
    
    text-decoration: none;
    padding: 2px 6px 5px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    color: black;
    font-weight: bold;
    /*background: #5436B0;*/
    background: #33BDBA;
    margin-right: 0;
    /*height: 23px;*/
}

    .btnDefault:hover {
        cursor: pointer;
        background-color: #00CEB4;
        border-color: #00B19B;
    }



.btnCancel, .btnReset, .btnSave, .btnSubmit, .btnUpdate, .btnView, .btnAddMore, .btnApply, .btnBack, .btnSend {
    border-width: 0;
    height: 23px;
    width: 100px;
    cursor: pointer;
    color: White;
}

.btnSend {
    background: url('../Images/btnSend.jpg') no-repeat 00;
}

.btnCancel {
    background: url('../Images/Icon/btncancel.jpg') no-repeat 0 0;
}

.btnReset {
    background: url('../Images/Icon/btnreset.jpg') no-repeat 0 0;
}

.btnSave {
    background: url('../Images/Icon/btnsave.jpg') no-repeat 0 0;
}

.btnSubmit {
    background: url('../Images/Icon/btnsubmit.jpg') no-repeat 0 0;
}

.btnUpdate {
    background: url('../Images/Icon/btnupdate.jpg') no-repeat 0 0;
}

.btnView {
    background: url('../Images/Icon/btnview.jpg') no-repeat 0 0;
}

.btnAddMore {
    background: url('../Images/Icon/btnaddmore.jpg') no-repeat 0 0;
}

.btnApply {
    background: url('../Images/Icon/btnapply.jpg') no-repeat 0 0;
}

.btnBack {
    background: url('../Images/Icon/btnback.jpg') no-repeat 0 0;
}

.btnAttechment {
    background: url('../Images/iconattach.png') no-repeat 0 0;
}

.btnNoAttechment {
    background: url('../Images/iconnoattach.png') no-repeat 0 0;
}

.tdTimeslot {
    border: 1px solid #999966;
    
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    text-decoration: none;
    margin: 0;
    padding: 0px 6px 0px 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 1px;
    color: #FFFFFF; /*background: #151c4a;*/
    background: #0096ab;
    text-align: center;
}

.tdTimeslotData {
    background-color: #fff;
    border: 1px solid #ccc;
    
    font-size: 12px;
    padding: 2px; /*border: 1px solid #c1c1c1;*/
    color: #717171;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
}

.tdTimeslotBlueData {
    background-color: Blue;
    border: 1px solid #ccc;
    
    font-size: 12px;
    padding: 2px; /*border: 1px solid #c1c1c1;*/
    color: #717171;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
}

.tdTimeslotRedData {
    background-color: Red;
    border: 1px solid #ccc;
    
    font-size: 12px;
    padding: 2px; /*border: 1px solid #c1c1c1;*/
    color: #717171;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
}

.tdTimeslotYellowData {
    background-color: Yellow;
    border: 1px solid #ccc;
    
    font-size: 12px;
    padding: 2px; /*border: 1px solid #c1c1c1;*/
    color: #717171;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
}

.tdTimeslotGreenData {
    background-color: Green;
    border: 1px solid #ccc;
    
    font-size: 12px;
    padding: 2px; /*border: 1px solid #c1c1c1;*/
    color: #717171;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
}

/*.ddlWidth
{
    width: 153px;
}*/



/*////////////////////////////////////////////////////////
/* For Grid */
.GridHeader {
    text-align: center;
}

    .GridHeader th {
        border: 1px solid #DEF2F1;
        
        font-size: 14px;
        height: 25px;
        text-decoration: none;
        margin: 0;
        padding: 0px 6px 0px 6px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 1px;
        color: black; /*background: #151c4a;*/
        background: #33BDBA;
    }

    .GridHeader a {
        color: #000;
    }

        .GridHeader a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

.GridItem {
    background-color: #fff;
    
    font-size: 12px;
    padding: 2px; /*border: 1px solid #c1c1c1;*/
    color: #717171;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
}

    .GridItem:hover {
        background-color: #81B8FB;
        font-size: 0.9em;
        margin-left: 5;
        text-align: center;
    }

.GridAlternateItem {
    padding: 2px;
    
    font-size: 12px;
    background: #fcfcfc /*url('../images/grd_alt.png')*/ repeat-x top;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
    color: #717171;
}

    .GridAlternateItem:hover {
        background: #DDDDDD;
        font-size: 0.9em;
        color: #717171;
        text-align: center;
    }

    .GridItem td, .GridAlternateItem td {
        border: solid 1px #c1c1c1;
    }


#clsCalExtender td {
    border: solid 0px #c1c1c1;
}

.GridFooter {
    font-weight: bold;
    height: 22px;
    margin: 0;
    color: #FFFFFF; /*text-decoration: underline;*/
    padding: 0px 6px 0px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    border: 1px solid #999999;
}

    .GridFooter a {
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        color: #FFFFFF;
        text-align: left;
    }

        .GridFooter a:hover {
            color: #FFFFFF; /*text-decoration: underline;*/
        }

    .GridFooter td {
        border: solid 1px #717171;
    }

.GridPaging {
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
}

    .GridPaging table td {
        border: 1px solid #999999; /*#003559; */
        background-color: #f5f5f5;
        text-align: center;
        width: 15px;
    }

        .GridPaging table td span {
            font-size: 13px;
            font-weight: bold;
            text-decoration: none;
            background-color: #003559;
            text-align: center;
            color: White;
            width: 15px;
            display: block;
        }

        .GridPaging table td a {
            font-size: 11px;
            font-weight: normal;
            
            text-decoration: none;
            color: #003559;
            text-align: center;
            display: block;
        }

    .GridPaging table a:hover {
        background-color: #003559;
        color: White;
        display: block;
        text-decoration: underline;
    }


/* Pagin related Css For User Control pagin 
   Jignesh Bharatiya */
.PagerContainerTable {
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    color: #d1d1e1;
    border-bottom: #333333 1px solid;
    background-color: #FFFFFF;
}

.PagerInfoCell {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    font: bold 11px , verdana, geneva, lucida, 'lucida grande', , helvetica, sans-serif;
    color: #f0f1f2;
    padding-top: 3px;
    white-space: nowrap;
    background-color: #990000;
    font-weight: normal;
}

    .PagerInfoCell:link {
        color: #ffcc66;
        text-decoration: none;
    }

    .PagerInfoCell:visited {
        color: #ffcc66;
        text-decoration: none;
    }

.PagerCurrentPageCell {
    color: #990000;
    background-color: #FFFF99;
    cursor: default;
}

.PagerOtherPageCells {
    background-color: #f0f1f2;
}

.PagerSSCCells {
    background-color: #cccccc;
}

.PagerHyperlinkStyle {
    font: 11px , verdana, geneva, lucida, 'lucida grande', , helvetica, sans-serif;
    padding: 8px;
}

    .PagerHyperlinkStyle:hover {
        color: #000000;
        text-decoration: none;
        font: 11px , verdana, geneva, lucida, 'lucida grande', , helvetica, sans-serif;
    }

    .PagerHyperlinkStyle:link {
        color: #000000;
        text-decoration: none;
        font: 11px , verdana, geneva, lucida, 'lucida grande', , helvetica, sans-serif;
    }

    .PagerHyperlinkStyle:visited {
        color: #000000;
        text-decoration: none;
        font: 11px , verdana, geneva, lucida, 'lucida grande', , helvetica, sans-serif;
    }

    .PagerHyperlinkStyle:active {
        color: #000000;
        text-decoration: none;
        font: 11px , verdana, geneva, lucida, 'lucida grande', , helvetica, sans-serif;
    }

.GoToLabel {
    font: 11px , verdana, geneva, lucida, 'lucida grande', , helvetica, sans-serif;
    color: #333333;
    cursor: pointer;
    font-size: 65%;
    vertical-align: middle;
    display: inline;
}

.GoToSelect {
    font-size: 55%;
}

.GoToSelectedOption {
    color: #f9f9f9;
    background-color: #666666;
}

.GoToArrow {
    vertical-align: middle;
    cursor: pointer;
}
/*Autoextender*/
.AutoExtender {
    
    font-size: small;
    font-weight: normal;
    border: solid 1px #ccc;
    line-height: 20px;
    padding: 2px;
    background-color: White;
    list-style-type: none;
    margin: 0px;
}

.AutoExtenderList {
    border-bottom: solid 1px #006699;
    cursor: pointer;
    color: Black;
}

.AutoExtenderHighlight {
    background-color: #004797;
    color: white;
    cursor: pointer;
}

.loginTxt {
    background-image: url(../images/loginbgmiddle.jpg);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 11px ;
    height: 32px;
    width: 277px;
}

/* Tab Panel */
.accordion {
}

.accordionHeader {
    border: 1px solid #056571;
    color: white;
    background-color: #33BDBA;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #0096ab;
    color: white;
    background-color: #00A7B3;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.cssgvhovermenu {
    
    font-size: 12px;
    font-weight: bold;
    display: none;
    border: 1px solid silver;
    padding: 5px 5px 5px 0;
    z-index: 10000;
    background-color: #eee;
    height: auto;
    width: auto;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    text-align: left;
    color: Black;
}

.GridViewDocument {
    background-image: url(../images/viewdetail.png);
    background-repeat: no-repeat; /*background-position: 3px center;*/
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
    background-position: center;
}

.GridViewTeam {
    background-image: url(../images/iconteam.png);
    background-repeat: no-repeat; /*background-position: 3px center;*/
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
    background-position: center;
}

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* End Tab Panel */
/*Header*/

/*----- Tabs -----*/
.tabs {
    width: 100%;
    display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */

.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tab-links li {
    margin: 0px 1px;
    float: left;
    list-style: none;
    text-decoration: none;
}

.tab-links a {
    padding: 9px 15px;
    display: inline-block;
    font: 12px ;
    border-radius: 3px 3px 0px 0px;
    background: #0096ab;
    font-weight: bold;
    transition: all linear 0.15s;
    text-decoration: none;
}

    .tab-links a:hover {
        background: #a7cce5;
        text-decoration: none;
    }

li.active a, li.active a:hover {
    background: #fff;
    color: #4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
    padding: 15px;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
    background: #fff;
    max-height: 50px;
}

.tab {
    display: none;
}

    .tab.active {
        display: block;
    }

/* for Task Mas Tbl */
.boxMuliTxtTeam {
    background-image: url(../images/textbox470.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #000000;
    font: 11px ;
    height: 25px;
    width: 440px;
}

.clsWatermarkMultiTeam {
    background-image: url(../images/textbox470.png);
    background-repeat: repeat-x;
    border: medium none;
    color: #a8a8a8;
    font: 11px ;
    height: 25px;
    width: 440px;
}

.accordion {
    width: 100%;
}

.accordionHeader {
    border: 1px solid #056571;
    color: White;
    background-color: #33BDBA;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #0096ab;
    background-color: #00A7B3;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    display: block;
    margin-top: 5px; /* cursor: pointer;*/
    color: White;
    height: 22px;
    line-height: 20px;
    vertical-align: middle; /*background-image: url(../../images/Headerbg.jpg);*/
    background-repeat: repeat;
}

.accordionHeaderText {
    color: White;
}
/* .accordionHeaderSelected
{
border: 1px solid #6f4721;
background-color: #e9dbc7;

text-align: left;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}*/
.accordionContent {
    border: 1px solid #6f4721;
    border-top: none;
    padding-bottom: 10px;
}

.clsGridHeaderLeftAlign {
    text-align: left;
    padding: 5px;
}

.clsGridFooterLeftAlign {
    text-align: left;
    padding: 5px;
    color: White;
}

.clsGridTextLeftAlign {
    text-align: left;
    padding: 5px;
}

.clsGridTextCenterAlign {
    text-align: center;
    padding: 5px;
}

.clsGridHeaderRightAlign {
    text-align: right;
    padding: 5px;
}

.clsGridFooterRightAlign {
    text-align: right;
    padding: 5px;
    color: White;
}

.clsGridTextRightAlign {
    text-align: right;
    padding: 5px;
}

.textboxstype {
    text-align: right;
}

.clsTreeNode {
    
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.clsTableBorderGray {
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
    border-radius: 13px;
}
/* end */
.hide {
    display: none;
}

.divClick {
    cursor: pointer;
}

#toggle {
    padding-top: 24px;
}
/*
#tblTaskList
{
    width:100%!important;
}


#tblTaskList div
{
    width:100%!important;
  
}
.taskGridItemth{
   
}
*/
#cphMainBody_pnlGvTeam DIV {
    height: auto!important;
}

.clsGridHeaderCenterAlign {
    text-align: center;
}

.DashbordBtn {
  
}

/*02-06-2023*/
.btn-set .btnDefault {
    margin: 2px;
}
.mtop-10 .btnDefault {
    margin: 11px 0;
}