fieldset
{
    width: 1024px;
    border-radius: 5px;
    text-align: left;
}

legend
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: Navy;
}

/*table {display: table;float:left;width:100%; }
.tr {padding:10px; display: table-row; }*/
.td
{
    padding: 10px;
    display: table-cell;
    text-align: left;
    vertical-align: top;

}

.HtmlEditorFor {
    border: 1px solid #909090;
    border-radius: 3px;
    height: 28px;
    padding: 5px;
    width: 99%;
}
.HtmlEditorFor:focus {
    border: 1px solid #3385d6;
    box-shadow: 0 0 5px #3385d6;
}
.HtmlLabelFor {
    color: #666;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}
.DropDownListFor {
    border: 1px solid #909090;
    border-radius: 3px;
    height: 28px;
    padding: 2px;
    width: 37%;
}
.DropDownListFor:focus {
    border: 1px solid #3385d6;
    box-shadow: 0 0 5px #3385d6;
}

textarea
{
    resize: none;
    width: 450px;
    height: 150px !important;
}


.ValidationMessageFor
{
    font-family: Verdana;
    font-size: 12px;
    color: Red;
}

.A1
{
    width: 1020px; /*border:1px solid #999;box-shadow: 0 0 7px #999;width:100%;*/
}

.Table1
{
    float: none !important;
    width: 800px;
}

.lblName
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #484848;
    background-color: #C8C8C8;
    text-align: left;
}

.AboutUsRM1
{
    margin-top: 9px;
    font-family: Verdana;
    font-size: 20px;
    font-weight: bold;
    color: #484848;
}

.AboutUsRM2
{
    clear: both;
    text-align: left;
    font-size: 15px;
    padding-top: 5px;
    color: #484848;
    width: 250px;
    background-color: #f5f5dc; /*#ffff99;*/
    border: 1px dotted #cccccc;
}

.AboutUsRM2 p
{
    text-align: justify;
    padding: 0px;
    margin-top: -4px;
    font-family: Verdana;
    font-size: 15px;
}

.AboutUsRM3
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    color: Red;
}

.buttons
{
    background-color: #858282;
    border: 1px solid #171717;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #6e6e6e;
    color: #efeeee;
    cursor: pointer;
    font-family: Arial;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5px 15px;
    width: 120px;
}
.buttons:hover
{
    background-color: #aba9a9;
    border: 1px solid #6e6e6e;
    color: #494747;
    width: 121px;
}

.apply
{
    background-color: #8B4513; /*#f04e46;*/
    border-radius: 3px;
    color: #fff !important;
    font: 700 16px/1em "Raleway" ,sans-serif;
    letter-spacing: -0.025em;
    margin-top: 10px;
    padding: 10px 15px;
    text-transform: uppercase !important;
    float: right;
}

.apply:hover
{
    background-color: #333333; /*#2d2f30;*/
    color: #ffffff !important;
}


.grid_8
{
    width: 99% !important;
}

.mceLayout
{
    width: 100% !important;
}

.divEmployeeDescription
{
    border: 1px solid #F0F0F0;
    box-shadow: 0 0 7px #F0F0F0;
    width: 750px;
    background-color: #E8E8E8; /* background-image: url("../img/background.jpg");*/
    background-color: #273B82;
    background-size: 100% 100%;
    z-index: 99999999;
    position: fixed;
    border-radius: 5px;
    overflow: visible;
    outline: 0 none;
}
.divEmployeeDescription div
{
    padding: 3px;
}

.divpopupimage
{
    text-align: center !important;
    width: 210px;
}

.divpopupimage img
{
    border-radius: 5px;
    box-shadow: 0 0 7px #989898;
    border: 4px solid #989898;
    height: 180px;
    width: 150px;
}

.divpopupName
{
    color: #002f80;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    text-align: center !important;
}

.divpopupDesignation
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #400000;
    text-align: center !important;
}

.divpopuplbl
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

.divpopupEmail
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #002f80;
}

.divpopupDepartment
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #002f80;
}

.divpopupNameDescription
{
    font-family: Verdana;
    text-align: justify;
    font-size: 12px;
}
.divpopupDescription
{
    font-family: Verdana;
    text-align: justify;
    font-size: 11px;
}

#overlay
{
    position: absolute;
    width: 100%;
    height: 100%; /* background-image: url("overlay.png");*/
    background-color: #000000;
    top: 0;
    left: 0;
    opacity: 0.9;
    display: block;
    clear: both;
    z-index: 9999999;
}

.imgClose
{
    float: right;
    margin-top: -16px;
    margin-right: -16px;
    cursor: pointer;
}

.OnClick
{
    cursor: pointer;
    color: #0066cc;
}
.OnClick:hover
{
    cursor: pointer;
    color: #0066cc;
    font-weight: bold; /*font-size: 14px;*/
}

.divpopupLeft
{
    width: 230px;
    border-right: 1px solid #888888;
    float: left;
}
.divpopupRight
{
    padding-left: 5px;
}

.imgEmployee
{
    height: 100%;
    width: 100%;
}

.empPopupTable
{
    width: 90%;
}


/*ManagementTeam Grid CSS Start*/

.divGridStyle
{
    height: 430px;
}

.GridStyle
{
    border: 1px solid #dddddd;
    margin-top: 5px;
    width: 100%;
}

.GridStyle tbody
{
    border: 1px solid #000000;
}

.GridStyle tbody tr td
{
    border: 1px solid #cccccc;
    color: #555555;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 2px 5px 4px;
}

.GridStyle tbody tr td a
{
    color: #555555;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 2px 5px 4px;
    color: Navy;
}

.GridStyle tbody tr td span
{
    color: #555555;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 2px 5px 4px;
    text-align: center;
}

.GridStyle tbody tr:hover
{
    background-color: #d8d8d8;
    border: 1px solid #c0c0c0;
    color: Black;
    font-weight: bold;
}

.GridStyle tbody tr th
{
    background: url("../images/brtop_bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cccccc;
    color: Maroon;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
}

/*ManagementTeam Grid CSS End*/


/*.A1{width:1020px;border:1px solid #999;box-shadow: 0 0 7px #999;}*/
.AboutUsRM1
{
    margin-top: 9px;
    font-family: Verdana;
    font-size: 20px;
    font-weight: bold;
    color: #484848;
}

@media screen and (max-device-width: 979px), screen and (max-width: 979px)
{
    .A1
    {
        width: 99% !important;
    }
    .Table1
    {
        width: 99% !important;
    }
    .divEmployeeDescription
    {
        width: 99%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .imgEmployee
    {
        height: 80%;
        width: 80%;
    }

}

@media screen and (max-device-width: 750px), screen and (max-width: 750px)
{
    #NamePosition
    {
        display: none;
    }
    #DepartmentPosition
    {
        display: none;
    }
}

@media screen and (max-device-width: 540px), screen and (max-width: 540px)
{
    .divpopup
    {
        width: 99%;
    }
    .divpopupimage
    {
        width: 99%;
    }
    .divpopupRight
    {
        width: 99%;
        float: left;
    }
    .divpopupLeft
    {
        width: 99%;
        border: none;
    }
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px)
{
    .divpopup
    {
        width: 99%;
    }
    .divpopupimage
    {
        width: 99%;
    }
    .divpopupRight
    {
        width: 99%;
        float: left;
    }
    .divpopupLeft
    {
        width: 99%;
        border: none;
    }
}

@media screen and (max-device-width: 320px), screen and (max-width: 320px)
{
}