#mainwrapper {
    width: 100%;
    padding: 0px;
    margin-top: 0px;
}

#wrapper {
    /*border:1px solid black;*/
    width: 100%;
    height: auto;
    margin-top: 0px;
}

    #wrapper .shortcut {
        display: block;
        /*border:1px solid red;*/
        width: 80px;
        height: 80px;
        float: left;
        padding-top: 8px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        margin-left: 6.5%;
        margin-top: 10px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        box-shadow: 5px 5px 10px #777, 0 0px 0 #666 inset;
        background-color: #ffffff;
    }

        #wrapper .shortcut a {
            text-decoration: none;
            color: black;
        }

    #wrapper img {
        /*border:1px solid blue;*/
        margin-left: 8%;
        display: block;
        height: 50%;
        width: 70%;
    }

    #wrapper .shortcut_text {
        display: block;
        text-align: center;
        font-size: 15px;
        padding-top: 0px;
        padding-right: 2px;
        text-decoration: none;
    }

    #wrapper .shortcut:hover {
        background: #eee;
    }

hr {
    width: 99%;
    color: green;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.icon {
    /*border:1px solid red;*/
    display: block;
    width: 24px;
    height: auto;
    margin-left: 8px;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 1px;
    float: left;
}

    .icon:hover {
        /* border:1px solid red;*/
        -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        box-shadow: 8px 5px 10px #777, 0 0px 0 #666 inset;
    }

#wrapper2 {
    /*border:1px solid black;*/
    width: 100%;
    height: auto;
    margin-top: 0px;
    overflow: hidden;
}

    #wrapper2 .controller {
        display: block;
        /*border:1px solid red;*/
        width: 25%;
        height: auto;
        float: left;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        margin-left: 4.3%;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 20px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        box-shadow: 5px 5px 10px #777, 0 1px 0 #666 inset;
        background-color: #eee;
    }

    #wrapper2 .heading_text {
        display: block;
        text-align: center;
        height: 30px;
        border-bottom: 1px dotted #777;
    }

    #wrapper2 .controller:hover {
        background: #ffffff;
    }

    #wrapper2 .innercontroller {
        /*border:1px solid red;*/
        display: block;
        height: auto;
        margin: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

#footer {
    border: 1px solid black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    width: 100%;
    left: 0px;
    padding-top: 8px;
    bottom: 0px;
    background-color: #111;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    color: #fafafa;
    margin-bottom: 0;
}


/* Progress bar coding */

#overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #726E6D;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
    -moz-opacity: 0.80;
}

#progresstwo {
    background-color: #726E6D;
    width: 110px;
    height: 24px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

#progressone {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -55px;
    color: white;
}

body > #progressone {
    position: fixed;
}
/* Progress bar coding */


.lblCSS {
    display: inline-block;
    width: 120px;
    font-size: 15px;
    font-weight: 800;
    font-family: Calibri;
}

.txtInputCSS {
    display: inline-block;
    width: 120px;
    font-size: 14px;
    font-weight: 500;
    font-family: Calibri;
    height: 20px;
}



.tblGrid {
    background-color: #1c78de;
    color: #fff;
    border: 1px solid #2d89ef;
    border-top: none;
    margin: 5px 0 0 10px;
    width: 97%;
}

.tblGridTr {
    background-color: #f9f9f9;
    height: 16px;
    font-family: Calibri;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    text-decoration: none;
    opacity: 1.0;
    text-align: center;
    border: 1px solid #2d89ef;
}

.tblGridAlterTr {
    background-color: #e2f8b2;
    height: 16px;
    font-family: Calibri;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    text-decoration: none;
    opacity: 1.0;
    text-align: center;
    border: 1px solid #2d89ef;
}

.tblGridTh1 {
    background: #6d9c01; /* old browsers */
    background: -moz-linear-gradient(top, #96d10c 0%, #6d9c01 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96d10c), color-stop(100%,#6d9c01)); /* webkit */
    background: linear-gradient(top, #96d10c 0%, #6d9c01 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96d10c', endColorstr='#6d9c01', GradientType=0 ); /* ie */
    /*background: -moz-linear-gradient(top, #96d10c 0%, #6d9c01 100%);*/ /* firefox */
    /*background: linear-gradient(top, #96d10c 0%, #6d9c01 100%);  W3C  background-color: #6d9c01; /*#fbde7f; #2d89ef;*/
    height: 30px;
    vertical-align: middle;
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: black;
    text-align: center;
}

.tblGridFooter {
    background-color: #fbde7f; /* #2d89ef;*/
    height: 30px;
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: black;
    text-align: center;
}

.btnCSS {
    background-color: #efcd29; /* W3C */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96d10c), color-stop(100%,#6d9c01)); /* webkit   background-color: #eb8911; /*#417bb5;*/
    font-size: 14px;
    color: black; /*#fff;*/
    width: 100px;
    height: 25px;
    font-weight: bold;
    font-family: 'Arial Rounded MT';
}

.txtAreaCSS {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: Calibri;
}

.ddlCSS {
    font-family: Calibri;
    font-size: 14px;
    font-weight: normal;
}

.tblEmptyGrid {
    background-color: white; /* #2d89ef;*/
    height: 30px;
    vertical-align: middle;
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: black;
    text-align: center;
}

.tblGridFooter {
    background-color: #cefb6c; /* #2d89ef;*/
    height: 30px;
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: black;
    text-align: center;
}

.Note {
    color: #f32f2f;
    font-family: Calibri;
    font-weight: bold;
}


#featured {
    /*padding-right: 250px;*/
    position: relative;
    top: 0px;
    left: 0px;
    height: 0px;
}

    #featured h2 {
        font: bold;
        font-size: 22px;
        font-family: Arial; /*Georgia, serif;  #c52620;*/
        color: #417bb5;
        padding-bottom: 0px;
        padding-top: 0px;
        overflow: hidden;
        text-align: center;
        text-transform: none;
    }

h2 {
    font: bold;
    font-size: 22px;
    font-family: Arial; /*Georgia, serif;  #c52620;*/
    color: #417bb5;
    padding-bottom: 0px;
    padding-top: 0px;
    overflow: hidden;
    text-align: center;
    text-transform: none;
}

.TxtNote {
    Height: 15px;
    Width: 30px;
    background-color: #d996f6;
    margin-top: 5px;
}

.cmxform fieldset {
    /*margin: 10px 10px 10px 10px;*/
}

.cmxform legend {
    /*padding: 0 0;*/
    font-weight: bold;
}

.cmxform .lblCSS {
    width: 290px;
}

.cmxform .lblCSS1 {
    width: 150px;
    font-size: 14px;
    font-family: Calibri;
    color: black;
}

.cmxform .lblCSSdocs {
    width: 160px;
    font-size: 14px;
    font-family: Calibri;
    color: black;
}

.cmxform label {
    display: inline-block;
    line-height: 1.2;
    vertical-align: top;
    font-weight: bolder;
    font-family: Calibri;
    margin: 3px;
}

.cmxform span {
    line-height: 1.2;
    vertical-align: top;
    height: 20px;
    width: 200px;
}

.cmxform em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

.cmxform label {
    width: 250px; /* Width of labels */
}

.cmxform fieldset fieldset label {
    margin-left: 123px; /* Width plus 3 (html space) */
}

.rfvCss {
    color: red;
    font-weight: bold;
    font-size: medium;
}

div.ui-tabs-panel input[type="text"] {
    float: left;
    margin-bottom: 5px;
    font-family: Arial, Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    padding-left: 5px;
}

#featured .ui-tabs-panel {
    padding: 10px;
    left: 400px;
    background: #c62424; /*#f7e4e4;  #999;*/
    position: absolute;
    border: 1px solid #c52620;
    top: 50px;
    display: none;
}

div.ui-tabs-panel div.dvLft {
    float: left;
    margin: 2px;
    width: 480px;
    /*left: 100px;*/
}

.ui-tabs-panel div.dvRgt {
    float: left;
    width: 480px;
    text-wrap: none;
    margin: 2px;
    /*margin-left: 250px;*/
}

div.ui-tabs-panel br {
    clear: both;
    margin-bottom: 5px;
}

div.ui-tabs-panel span {
    display: block;
    float: left;
}

div.dvLft span.label {
    width: 10px;
    color: red;
    margin: 3px;
    vertical-align: sub;
}

div.dvRgt span.label {
    width: 10px;
    color: red;
    margin: 3px;
}

.panel {
    width: 70%;
    height: 25px;
    background-color: #88a6c3; /*#826792;*/
    color: black;
    border-radius: 5px;
    margin: 5px 5px 5px 5px;
    margin-bottom: 0;
    margin-left: 250px;
}

    .panel label {
        margin: 5px 5px 5px 5px;
        float: right;
        font-size: 16px;
        font-weight: bolder;
        font-family: Calibri;
    }

.expanderSign.span, .expanderSign1.span {
    /*padding-top:25px;
    font-size: 15px;
    font-weight: bolder;*/
    margin: 1px 10px 10px 10px;
    float: left;
    font-size: 18px;
    font-weight: bolder;
    font-family: Calibri;
    width: 100%;
}



.DashexpanderSign.span, .DashexpanderSign1.span, .DashexpanderSign2.span, .DashexpanderSign3.span, .DashexpanderSign4.span {
    /*padding-top:25px;
    font-size: 15px;
    font-weight: bolder;*/
    margin: 1px 100px 10px 10px;
    float: left;
    font-size: 18px;
    font-weight: bolder;
    font-family: Calibri;
    width: 100%;
}

.ui-tabs-panel div.dvLeftSidcomments {
    float: left;
    width: 740px;
    text-wrap: none;
    margin: 2px;
    font-family: Calibri;
    margin-left: 150px;
    color: black;
}

.lblDashCSS {
    font-size: 14px;
    font-weight: 800;
    font-family: Calibri;
    width: 190px;
    color: black;
    text-decoration: none;
    text-decoration-line: none;
}

.txtInputCSSForUser {
    display: inline-block;
    width: 120px;
    font-size: 14px;
    font-weight: 500;
    font-family: Calibri;
    margin-left: 50px;
    height: auto;
    margin-left: 40px;
    color: black;
}

.panelDash {
    width: 82%;
    height: 25px;
    background-color: #88a6c3; /*#826792;*/
    color: black;
    border-radius: 5px;
    margin: 5px 5px 5px 5px;
    margin-bottom: 0;
    margin-left: 120px;
}

.btnDashCSS {
    background-color: #efcd29; /* W3C */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96d10c), color-stop(100%,#6d9c01)); /* webkit   background-color: #eb8911; /*#417bb5;*/
    font-size: 14px;
    color: black; /*#fff;*/
    width: auto;
    height: auto;
    font-weight: bold;
    font-family: 'Arial Rounded MT';
    text-decoration: none;
}


.ui-tabs-panel div.dvLeftSide {
    float: left;
    font-family: Calibri;
    width: 450px;
    text-wrap: none;
    margin: 1px;
    margin-left: 120px;
    height: auto;
    color: black;
}

.ui-tabs-panel div.dvRgtside {
    float: left;
    margin: 1px;
    color: black;
    width: 450px;
    height: auto;
    font-weight: 800;
    font-family: Calibri;
}

.txtInputDashCSS {
    display: inline-block;
    width: 120px;
    font-size: 14px;
    font-weight: 500;
    font-family: Calibri;
    height: auto;
    margin-left: 40px;
    scrollbar-arrow-color: aliceblue;
}

.lblTemplateCSS {
    font-size: 14px;
    color: black; /*#fff;*/
    width: auto;
    height: auto;
    font-weight: bold;
    font-family: 'Arial Rounded MT';
    text-decoration: none;
}

/* Akshat 02-01-2014*/
.NoteCompLibVw {
    color: #f32f2f;
    font-family: Calibri;
    font-weight: bold;
    font-size: large;
}

.NoteCompLibVwLegend {
    color: #f32f2f;
    font-family: Calibri;
    font-weight: bold;
    font-size: initial;
}

#DashBtns {
    clear: both;
    text-align: right;
    width: 85%;
    margin: 10px;
    margin-left: 560px;
    border: 0;
}

/* //  login form */
#login1 {
    margin: 5em auto;
    background: #fff;
    border: 8px solid #eee;
    width: 500px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px #4e707c;
    -webkit-box-shadow: 0 0 10px #4e707c;
    box-shadow: 0 0 10px #4e707c;
    text-align: left;
    position: relative;
}

    #login1 a, #login1 a:visited {
        color: #0283b2;
    }

        #login1 a:hover {
            color: #111;
        }

    #login1 .header1 {
        background:  #f1a928; /*#c52620;#994D00;*/
        color: #fff;
        font-size: 16px;
        padding: 18px 23px;
        margin: 0 0 1.5em 0;
    }

    #login1 .register1 {
        position: absolute;
        float: left;
        margin: 0;
        line-height: 30px;
        top: -40px;
        right: 0;
        font-size: 14px;
    }

    #login1 p {
        margin: .5em 25px;
    }

    #login1 div.submit {
        background: none;
        margin: 1em 25px;
        text-align: left;
    }

    #login1 .label {
        float: none;
        display: inline;
        font-size: 11px;
    }

    #login1 .button {
        border: 0;
        padding: 0 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 15px;
        background: #45cef3; /*#c52620;#994D00;*/
        color: #fff;
        cursor: pointer;
        margin :20px;
    }

    #login1 .back {
        padding: 1em 0;
        border-top: 1px solid #eee;
        text-align: right;
        font-size: 11px;
        color: Red;
        font-weight: bold;
    }

    #login1 #dvFld {
        padding: 0 0 10px 5px;
    }

        #login1 #dvFld span {
            padding: 0 0 10px 0;
        }

        #login1 #dvFld input {
            margin: 0 0 10px 0;
        }
/* //  login form */
#header1 {
    border: 1px solid #B0E0E6;
    width: 100%;
    /*background-color: #B0E0E6;*/
    background: #f8c301;
    height: 90px;
    margin: 0;
    padding: 0;
}

    #header1 #logo {
        /*border:1px solid blue;*/
        padding: 10px;
        float: left;
        /*background-color: white;*/
        margin-left: 4px;
        margin-top: 6px;
    }
/* //  login form */
/* Akshat 02-01-2014*/
/*dev*/
.lblDashStatusCSS {
    font-size: 14px;
    font-weight: 800;
    font-family: Calibri;
    width: 130px;
    color: black;
    text-decoration: none;
    text-decoration-line: none;
}
/*dev*/


/**adeed by devesh 13/01/2014 */
.StatuslblCSS {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    font-family: Calibri;
}

.DashNote {
    color: #f32f2f;
    font-family: Calibri;
    font-weight: bold;
}

/*added by devesh 13/01*/
.dashboardReport legend {
    /*padding: 0 0;*/
    font-weight: bold;
    height: 27px;
}

/*ended by devesh */
/* added by devesh for showcaus*/
.ui-tabs-panel div.showLeft {
    float: left;
    margin: 1px;
    color: black;
    width: 200px;
    height: auto;
    font-weight: 800;
    font-family: Calibri;
    
    margin-left :180px;
}
.ui-tabs-panel div.showRight {
    float: left;
    margin: 1px;
    color: black;
    width: 600px;
    height: auto;
    font-weight: 800;
    font-family: Calibri;
    
    
}

.lblshowCSS {
    font-size: 14px;
    font-weight: 800;
    font-family: Calibri;
    width: 190px;
    color: black;
    text-decoration: none;
    text-decoration-line: none;
}

.ui-tabs-panel div.showMytaskLeft {
    float: left;
    margin: 1px;
    color: black;
    width: 200px;
    height: auto;
    font-weight: 800;
    font-family: Calibri;
    
    margin-left :180px;
}
.ui-tabs-panel div.showMytaskRight {
    float: left;
    margin: 1px;
    color: black;
    width: 500px;
    height: auto;
    font-weight: 800;
    font-family: Calibri;
    
}

.lblshowMytaskCSS {
    font-size: 14px;
    font-weight: 800;
    font-family: Calibri;
    width: 190px;
    color: black;
    text-decoration: none;
    text-decoration-line: none;
}
.ui-tabs-panel div.showinitialLeft {
    float: left;
    margin: 1px;
    color: black;
    width: 130px;
    height: 20px;
    font-weight: 800;
    font-family: Calibri;
    margin-left :180px;
}
.ui-tabs-panel div.showinitialRight {
    float: left;
    margin: 1px;
    color: black;
    width: 400px;
    height: auto;
    font-weight: 800;
    font-family: Calibri;
    
    
}

/*Ended by devesh for showcause*/
/*added by devesh for dashboarduser 12/02/2014*/
#cssmenu {
  border: 1px solid #94AA74;
 
}
#cssmenu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  
}
#cssmenu li a {
  height: 32px;
  height: 24px;
  padding: 8px 0 0 10px;
  
}

#cssmenu li a:link ,           
#cssmenu li a:visited {
  color: #000000;
  font-weight: bolder;
  font-family: Calibri;
  display:block ;  
  padding: 8px 0 0 10px;
}
#cssmenu li a:hover {
  color: red;
  background-repeat: no-repeat;
  padding: 8px 0 0 10px;
  background-color :lightgreen ;
  text-underline-position :auto ;
}
#cssmenu li a:active {
  color: #000000;
  padding: 2px 0 0 10px;  
}

.dashboard legend {
    /*padding: 0 0;*/
   font-weight: bold;
   height :27px;    
}

fieldset.dashboard label {
    display: inline-block;
    font-weight: bolder;
    width :200px;
    float: left;
}

/*fieldset.dashboard br {
clear: both;
}*/

fieldset.dashboard #dvFldsetLft {
float: left;
width: 46%;
}

fieldset.dashboard #dvFldRight {
float: left;
width: 44%;
}
   .ddlCSS1 {
    font-family: Calibri;
    font-size: 14px;
    font-weight: normal;
    width:52%;
}
   .NoteDashUser {
    color: #f32f2f;
    font-family: Calibri;
    font-weight: bold;
}
#dvDashFilter {
float: left;
width: 80%;
}
#dvDashMenu {
float: left;
width: 15%;
margin-top: 12px;
}

/*end */

/*added by devesh for document and task*/

.DocexpanderSign.span , .DocexpanderSign2.span ,.DocexpanderSign3.span {
    /*padding-top:25px;
    font-size: 15px;
    font-weight: bolder;*/
  /*  margin: 1px 10px 10px 10px;*/
   float: left;
    font-size: 18px;
    font-weight :bolder ;
    font-family: Calibri;
    width: 100%;
    
}
/*ended by devesh*/