html { height: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
}

body {
    background-image: url("../images/bg.gif");
    background-repeat: repeat;
    color: #000000;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
}

#headerLink {
    color: #0077C0;
    float: right;
    font-size: 12px;
    position: relative;
    text-align: right;
    width: 50%;
}

a:link, a:visited {
    color: #000;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    text-decoration: underline;
}

a:hover {
    color: #666666;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
}

.clr {
    border: none;
    clear: both;
    display: block;
    float: none;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

#container {
    background-color: #FFFFFF;
    height: 95%;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 97%;
    z-index: 0;
}

#banner {
    background-color: #FFFFFF;
    /*background-image: url("../images/banner.gif");*/
    background-position: left center;
    background-repeat: repeat-x;
    float: left;
    height: 80px;
    position: relative;
    width: 100%;
}

#logo {
    float: left;
    height: 80px;
    position: relative;
}

#banner-right {
    background-image: url("../images/banner-right.gif");
    background-position: right center;
    background-repeat: no-repeat;
    float: right;
    height: 80px;
    position: relative;
    width: 646px;
}

#logindetails {
    bottom: 20px;
    float: right;
    font-size: 12px;
    height: 40px;
    position: absolute;
    right: 40px;
    text-align: right;
    width: 263px;
}

#logout {
    bottom: 25px;
    float: right;
    height: 20px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 20px;
}

#nav {
    background-image: url("../images/nav-bg.gif");
    background-position: left center;
    background-repeat: repeat-x;
    float: left;
    height: 34px;
    position: relative;
    width: 100%;
}

#nav div, #nav table {
    margin: 0;
    padding: 0;
}

.navInner {
    margin-left: 5px !important;
    margin-top: 10px !important;
}

.navigation {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-left: 10px !important;
    padding-top: 9px;
}

.navigation a:visited, .navigation a:active, .navigation a:link, .navigation a {
    color: #333;
    font: 12px Arial, Tahoma, Helvetica, sans-serif;
    padding: 0;
    text-decoration: none;
}

.navigation a:hover {
    border-bottom: 1px double #FF9900;
    color: #333;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.DynamicMenuStyle {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #791275;
    font-size: 12px;
    font-weight: normal;
    padding-left: 1px;
}

.DynamicMenuItemStyle {
    background-color: #f4f4f4;
    border-bottom: 1px solid #FFFFFF;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    height: 21px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 1px;
}

.DynamicMenuStyle a:visited, .DynamicMenuStyle a:active, .DynamicMenuStyle a:link {
    border-bottom: 1px solid #FFFFFF;
    color: #333;
    font-size: 12px;
    text-decoration: none;
}

.DynamicHoverMenuStyle {
    background-color: #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    height: 21px;
}

.DynamicHoverMenuStyle a:visited, .DynamicHoverMenuStyle a:active, .DynamicHoverMenuStyle a:link {
    color: #333;
    text-decoration: none;
}

#content {
    background-color: #FFFFFF;
    float: left;
    
    padding: 0 1% 1%;
    position: relative;
    width: 98%;
    z-index: -1;
    /*overflow: auto;*/
}

#headercontainer {
    border-bottom: 1px dotted #CCCCCC;
    height: 18px;
    margin: 10px auto 20px;
    width: 100%;
}

#header {
    color: #791275;
    float: left;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

#back {
    float: right;
    position: relative;
}

#bread {
    color: #666;
    float: left;
    font-size: 10px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 145px;
    width: 960px;
}

#bread a:link, #bread a:visited {
    color: #666;
    display: inline;
    font: 10px Arial, Tahoma, Helvetica, sans-serif;
    text-decoration: none;
}

#bread a:hover {
    color: #666;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: underline;
}

#copyright {
    color: #999999;
    margin: 0 auto;
    padding: 5px 0 0 5px;
    position: relative;
    width: 97%;
    z-index: -1;
}

.grid01 {
    background-color: #FFFFFF;
    border: 1px solid #bbbdbf;
    border-collapse: collapse;
    float: left;
    margin: 10px 0 0;
}

.GridViewNewHeaderFreeze {
    color: #000000;
    cursor: default;
    position: relative;
    text-align: center;
    top: expression(document.getElementById("div-datagrid").scrollTop-0);
    vertical-align: middle;
}

.grid01 th {
    background-color: #e9e9e9;
    border: 1px solid #bbbdbf;
    cursor: default;
    font-weight: bold;
    height: 23px;
    padding: 0 10px; /* text-align: right;
    background-image: url("../images/grid-header.gif");
    background-repeat: repeat-x;*/
    position: relative;
    top: expression(document.getElementById("div-datagrid").scrollTop-0);
    vertical-align: bottom;
}

.GridHeader {
    background-image: url("../images/grid-header.gif");
    background-repeat: repeat-x;
    border: 1px solid #bbbdbf;
    color: #000000;
    cursor: default;
    font-weight: bold;
    height: 23px;
    padding: 0 5px;
    position: relative;
    text-align: center;
    top: expression(document.getElementById("div-datagrid").scrollTop-0);
    vertical-align: middle;
}

.grid01 td {
    border-color: #d5d5d5;
    border-style: none solid solid solid;
    border-width: 0.5px 0px 1px 0px;
    font-weight: normal;
    height: 20px;
    padding: 0 10px;
    vertical-align: middle;
    /*text-align:right;*/
}

.grid01 a:link, a:visited {
    color: #666666;
    display: inline;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    text-decoration: none;
}

.grid01 a:hover {
    color: #2082C8;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
}

.alt-row { background-color: #F4F4F4; }

.grid02 {
    border: 0 none;
    border-collapse: collapse;
    float: left;
    margin: 0 0 5px;
}

.grid02 td {
    border: 0 none;
    font-weight: normal;
    height: 22px;
    padding: 0 5px;
    text-align: left;
    vertical-align: top;
}

.grid03 {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-collapse: collapse;
    float: left;
    margin: 1px 2px 3px 4px;
}

.grid03 th {
    background-image: url("../images/grid-header.gif");
    background-repeat: repeat-x;
    border: 1px solid #E5E5E5;
    font-weight: normal;
    height: 23px;
    padding: 1px 2px 3px 4px;
    text-align: left;
    vertical-align: middle;
}

.grid03 td {
    border: 0 solid #E5E5E5;
    font-weight: normal;
    height: 22px;
    vertical-align: middle;
}

.grid03 a:link, a:visited {
    color: #666666;
    display: inline;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    text-decoration: none;
}

.grid03 a:hover {
    color: #2082C8;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
}

.grid04 {
    background-color: #FFF;
    border: 0px;
    border-collapse: collapse;
    float: left;
    margin: 10px auto;
    margin: 10px 0 0 0;
}

.grid04 td {
    border: 0;
    font-weight: normal;
    height: 24px;
    padding: 0px 5px 0px 5px;
    text-align: left;
    vertical-align: top;
}

#login-container {
    background-color: #FFFFFF;
    background-image: url("../images/login-content.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 95%;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 960px;
}

#login-content {
    background-color: #FFFFFF;
    float: left;
    position: relative;
    width: 960px;
}

#login-banner {
    background-image: url("../images/login-banner.gif");
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    height: 250px;
    position: relative;
    width: 960px;
}

#login-window {
    background-image: url("../images/login.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 256px;
    left: 216px;
    position: absolute;
    top: 120px;
    width: 529px;
}

#fieldscontainer {
    height: 119px;
    left: 108px;
    position: absolute;
    top: 63px;
    width: 300px;
}

.fields {
    border: 0 none;
    border-collapse: collapse;
    float: left;
    margin: 10px 0;
}

.fields td {
    border: 0 none;
    font-weight: normal;
    height: 22px;
    padding: 0 5px;
    text-align: left;
    vertical-align: middle;
}

.fields a:link, a:visited {
    color: #666666;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    text-decoration: none;
}

.fields a:hover {
    color: #2082C8;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
}

.textfield {
    background-color: #FFFFFF;
    background-image: url("../images/textfield.gif");
    background-repeat: repeat-x;
    border: 1px solid #B4B4B4;
    color: #000000;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    font-weight: normal;
    height: 16px;
    padding: 1px;
    width: 175px;
}

.button-log {
    background-color: #FFFFFF;
    background-image: url("../images/btn-log.gif");
    background-repeat: repeat-x;
    border: 1px solid #ADB9C2;
    color: #666666;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    width: 88px;
}

#inst {
    font-size: x-small;
    height: 50px;
    left: 216px;
    position: absolute;
    text-align: center;
    top: 379px;
    width: 529px;
}

#log-copyright {
    color: #999999;
    margin: 0 auto;
    padding: 5px 0 0 5px;
    position: relative;
    width: 960px;
}

.input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    font-weight: normal;
    padding: 1px;
}

.drop {
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    color: #333;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    font-weight: normal;
    padding: 1px;
}

.inputCheckbox {
    background-color: #FFFFFF;
    border: 0px solid #CCCCCC;
    color: #000000;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    font-weight: normal;
    margin: 0px 0px 1px 0px;
    padding: 0px;
}

.inputCheckbox td { height: 19px; }

#button-bg {
    background-color: #fff;
    border-bottom: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    margin: 0px 0px 5px 0px;
    position: relative;
    width: 100%;
}

#button-container {
    float: none;
    margin: 8px auto auto 8px;
    position: relative;
}

.button {
    background-color: #FFFFFF;
    background-image: url("../images/btn.gif");
    background-repeat: repeat-x;
    border: 1px solid #E4E4E4;
    color: #791275;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    width: 75px;
}

.errorPasswordmessage {
    color: #FF0000;
    font-weight: bold;
    text-align: center;
}

.ProgressBar {
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
    left: 46%;
    padding-left: 8px;
    padding-top: 100px;
    position: absolute;
    text-align: center;
    top: 48%;
    vertical-align: middle;
}

.lblHeader {
    background-image: url("../images/grid-header.gif");
    background-repeat: repeat-x;
    border: 1px solid #E5E5E5;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    padding: 0 2px;
    text-align: center;
    vertical-align: middle;
}

.perfbtn-left {
    padding-right: 30px;
    width: 40%;
}

.perfbtn-right {
    width: 60%;
}

.btn-client {
    padding: 6px 6px;
    text-align: center;
    border: 1px;
    background: #337ab7;
    height: 31px;
    color: white;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
    caret-color: rgba(0,0,0,0);
}

.show-client{
    width: 86px;   
}

.lnkperf {   
    width: 95px;    
    margin-top: 25px;
}

.lnkblend-btn {    
    width: 66px;   
    float: left;
}

.lnkblend-btn02 {
    width: 90px;
    float: left;
    margin-left: 15px;
}
    .GridView {
    border: 1px solid #687718;
}

.GridView th {
    border-bottom: 1px solid #687718;
    border-right: 1px solid #687718;
    border-top: 1px solid #687718;
    color: #000000;
    cursor: default;
    position: relative;
}

.GridViewNewHeader {
    color: #000000;
    text-align: center;
    vertical-align: middle;
}

.GridViewNewHeaderRtBrd { border-right: 1px solid #687718; }

.GridViewNewHeaderFreeze {
    color: #000000;
    cursor: default;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.GridViewNewHeaderRtBrdFreeze {
    cursor: default;
    position: relative;
    z-index: 99;
}

.GridViewNewHeaderRtBrd1Freeze {
    cursor: default;
    position: relative;
}

.GridView td {
    border-right: 1px solid #687718;
    border-top: 1px solid #687718;
}

.smalltblhead {
    background-color: #EEECE1;
    color: #000000;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 70%;
    font-weight: bold;
    line-height: 18px;
    padding-left: 2px;
}

.smalltblhead a:visited, .smalltblhead a:active, .smalltblhead a:link { color: #000000; }

.CaptionClass {
    background-color: #666E98;
    color: white;
    text-align: center;
}

.SelectionClass {
    background-color: #ff9933;
    cursor: hand;
}

/********************************** Syncfusion grid view************************************************************************/

.GridInsense {
    background-color: #E1E1D5;
    border: solid 1px #bbbdbf;
    color: #000000;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
}

.GridInsenseGroupDropArea, .GridInsenseAnySummary TD { background-color: #e9e9e9; }

.GridInsenseGroupDropAreaText {
    border-collapse: collapse;
    border-color: #E4FDD5;
    border-width: 0 0 1px;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
}

.GridInsenseGroupCaption {
    background-color: #e9e9e9;
    border: none;
    cursor: default;
    cursor: default;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    padding: 3px;
}

.GridInsenseAnySummary {
    background-color: #E1E1D5;
    border: none;
    cursor: default;
    cursor: default;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    padding: 3px;
}

.GridInsenseRowHeaders, .GridInsenseGroupedColumnHeaders {
    -moz-user-select: none;
    background: #e9e9e9;
    border-color: #A0B345;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    padding: 2px 2px;
    text-align: right;
    white-space: nowrap;
}

.GridInsenseStackedColumnHeaders {
    -moz-user-select: none;
    /*background: url("../images/Greenish_sprite.png") repeat-x scroll 0 0 transparent;*/
    background-color: #ffffff;
    border-color: #bbbdbf;
    border-style: solid solid solid solid;
    border-width: 1px 1px 0px 0px;
    color: #000;
    cursor: pointer;
    padding: 2px 7px;
    white-space: nowrap;
    /*text-align:right;*/
}

.GridInsenseTopLeftHeaderCell2 {
    -moz-user-select: none;
    /*background: url("../images/Greenish_sprite.png") repeat-x scroll 0 0 transparent;*/
    background-color: #ffffff;
    border-color: #bbbdbf;
    border-style: solid none solid solid;
    border-width: 1px 0px 1px 0px;
    color: #000;
    cursor: pointer;
    padding: 2px 2px;
    text-align: right;
    white-space: nowrap;
}

.GridInsenseColumnHeaders, .GridInsenseTopLeftHeaderCell {
    -moz-user-select: none;
    /*background: url("../images/Greenish_sprite.png") repeat-x scroll 0 0 transparent;*/
    background-color: #ffffff;
    border-color: #bbbdbf;
    border-style: solid none solid solid;
    border-width: 1px 0px 1px 0px;
    color: #000;
    cursor: pointer;
    padding: 2px 7px;
    white-space: nowrap;
    /*text-align:right;*/
}

.GridInsenseColumnHeaders1, .GridInsenseTopLeftHeaderCell1 {
    -moz-user-select: none;
    /*background: url("../images/Greenish_sprite.png") repeat-x scroll 0 0 transparent;*/
    background-color: #ffffff;
    border-color: #bbbdbf;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 0px;
    color: #000;
    cursor: pointer;
    padding: 2px 7px;
    white-space: nowrap;
    /*text-align:right;*/
}

.GridInsenseColumnHeadersText {
    color: #000000;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    /*text-align:right;*/
}

.GridInsenseColumnHeadersText th { /*text-align:right;*/ }

.GridInsenseFilterBarCell {
    background-color: #5c5d60;
    border-color: #bbbdbf;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}

.GridInsenseAnyRecord, .GridInsenseAlternateRecord, .GridInsenseRecordPreview.GridInsenseMouseHover {
    background-color: #ffffff;
    border-color: #d5d5d5;
    border-style: none none solid none;
    border-width: 0.5px 1px 1px 0px;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.GridInsenseAnyRecord1, .GridInsenseAlternateRecord1 {
    background-color: #ffffff;
    border-color: #d5d5d5;
    border-style: none solid solid solid;
    border-width: 0.5px 1px 1px 0px;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.GridInsenseAnyRecord table { background-color: #EEF2BE; }

.GridInsenseAlternateRecord { background-color: #f4f4f4; }

.GridInsenseAlternateRecord1 { background-color: #f4f4f4; }

.GridInsenseMouseHover { background: url("../images/Greenish_sprite.png") repeat scroll 0 -690px #FFE59B; }

.GridInsenseSelectedRowCells, .GridInsenseSelectedUfRowCells {
    background: #999;
    border-color: #d5d5d5;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

.GridInsenseColumnSizer {
    background-color: #7D826B;
    border: 1px outset #7D826B;
    position: absolute;
    visibility: hidden;
    width: 3px;
}

.GridInsensePlusMinus {
    background-color: #60691A;
    border: none;
}

.GridInsenseExpandButton {
    border: solid 1px #676e9a;
    height: 8px;
    text-align: center;
    width: 8px;
}

.GridInsensePlusMinus, .GridInsenseGroupIndentCell {
    border-right: solid 1px #7D826B;
    border-style: none;
}

.GridInsenseButtonBar {
    background-image: url(<%=WebResource("Syncfusion.Web.UI.WebControls.Grid.Grouping.Resources.Skins.Images.Normal.navy_head.png") % >);
    background-repeat: repeat-x;
    border-color: #7D826B;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.GridInsenseButtonBarEdit {
    background-color: white;
    border-color: #7D826B;
    border-style: solid;
    border-width: 1px;
    font: 11px Arial, Tahoma, Helvetica, sans-serif;
    padding-left: 3px;
    vertical-align: middle;
}

.GridInsenseMouseHoverBB { background-color: #c5cfe8; }

a.GridInsenseCustomButton:link {
    color: Black;
    padding: 3px;
    text-decoration: none;
}

/* Filter Dialog Window */


/* Window top path css setting */

.WndHeaderCont .WndHeaderCenterCont {
    background-image: url("../images/topcenter_bg.gif");
    height: 30px;
}

.WndHeader {
    cursor: default;
    padding: 0px;
    vertical-align: middle;
}

.WndHeader .TitleText {
    color: White;
    font: normal 11px Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    margin: 2px;
}

.WndHeaderCont .BorderTopLeftCell { background-image: url("../images/topleft_bg.gif"); }

.WndHeaderCont .BorderTopRightCell {
    background-image: url("../images/topright_bg.gif");
    width: 10px;
}

.IconImage { background-image: url("../images/icon.gif"); }

.BorderTopLeft,
.BorderTopRight { width: 6px; }

.BorderTopCenter { height: 2px; }

.WndHeaderCont_WithoutHeader .BorderTopCenter { height: 3px; }

.WndHeaderCont_WithoutHeader .BorderTopLeftCell,
.WndHeaderCont_WithoutHeader .BorderTopRightCell,
.WndHeaderCont_WithoutHeader .BorderTopCenterCell { background-color: #2F2F2F; }

/* Window center path css setting */

.WndContent,
.WndContentCenterCont { background-color: white; }

.BorderLeftCell,
.BorderRightCell { background-color: #5c5d60; }

.BorderLeft,
.BorderRight { width: 3px; }

/* Window bottom path css setting */

.WndStatus {
    background-image: url("../images/status_bg.gif");
    height: 23px;
}

.WndStatus .StatusText {
    color: White;
    font: normal 10px Verdana, Arial, Sans-Serif;
}

.BorderBottomCenter { height: 3px; }

.WndStatusCont .BorderBottomLeftCell {
    background-image: url("../images/status_bg.gif");
    border-bottom: 3px solid #5c5d60;
    border-left: 3px solid #5c5d60;
}

.WndStatusCont .BorderBottomRightCell {
    background-image: url("../images/status_bg.gif");
    border-bottom: 3px solid #5c5d60;
    border-right: 3px solid #5c5d60;
}

.WndStatusCont_WithoutStatus .BorderBottomLeftCell,
.WndStatusCont_WithoutStatus .BorderBottomRightCell,
.BorderBottomCenterCell { background-color: #5c5d60; }

.BorderBottomLeft,
.BorderBottomRight { width: 10px; }

/* Window dialog box content css setting */

.WndDialogBoxContent { background-color: #E1E1E1; }

.WndDialogBoxText {
    color: Black;
    font: normal 11px Arial, Verdana, Sans-serif;
    margin-top: 10px;
}

.WndPromptInputText {
    border: 1px solid #3069C6;
    font: normal 11px Arial, Verdana, Sans-serif;
}

.WndDialogBoxButton {
    background-color: Transparent;
    background-image: url("../images/buttonbg.gif");
    background-repeat: no-repeat;
    border-width: 0px;
    font: normal 11px Arial, Verdana, Sans-serif;
    height: 23px;
    margin: 4px;
    width: 75px;
}

/* Safari2 */

html:root* .WndDialogBoxButton { padding-top: 5px; }

/* Safari3 */

html:root* .WndDialogBoxButton:first-of-type { padding-top: 0px; }

/*FilterStatusBar styles*/

.SyncfusionFilterStatusBar {
    background: url("../images/office2007_blue.png") repeat-x;
    border-color: #72634D;
    border-style: solid;
    border-width: 1px 1px 0;
    display: none;
    height: 10px;
    margin-top: -21px;
    padding-bottom: 4px;
    padding-top: 5px;
    position: absolute;
}

.SyncfusionFilterStatusBar .MsgDiv {
    color: Black;
    margin-left: 5px;
    margin-top: -3px;
    position: absolute;
}

/*Grid Pager*/

.SyncfusionPager {
    background: url("../images/office2007_black.jpg") repeat-x scroll center top;
    color: #000000;
    cursor: default;
    display: table;
    font: 10pt Tahoma;
    padding: 4px;
}


.SyncfusionPager a.NextPrevItem {
    color: silver;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
    text-decoration: none;
}

.SyncfusionPager a.NextPrevItem:hover {
    background-color: #e0e0e0;
    color: Black;
    cursor: pointer;
    padding: 2px;
    text-decoration: none;
}

.SyncfusionPager a.NumericItem {
    color: #000111;
    padding: 5px;
    text-decoration: none;
}

.SyncfusionPager a.NumericItem:hover {
    background-color: #e0e0e0;
    border: solid 1px #bbbdbf;
    color: black;
    cursor: pointer;
    padding: 2px 4px;
}

.SyncfusionPager .CurrentItem {
    color: black;
    font-weight: bold;
    line-height: normal;
    padding: 2px;
    text-decoration: none;
    /*border: solid 1px gray;
	background-color: #6F8227;*/
}

.SyncfusionPager a.CurrentItem:hover {
    border: solid 1px #bbbdbf;
    color: silver;
    cursor: pointer;
    text-decoration: none;
}

.SyncfusionPager .NextPrevItemDisabled {
    color: gray;
    padding: 2px;
    text-decoration: none;
}

.SyncfusionPager .FirstItem { background-image: url("../images/office2007_First.png"); }

.SyncfusionPager .NextItem { background-image: url("../images/office2007_Next.png"); }

.SyncfusionPager .LastItem { background-image: url("../images/office2007_Last.png"); }

.SyncfusionPager .PrevItem { background-image: url("../images/office2007_Prev.png"); }

.SyncfusionPager .FirstItemDisabled { background-image: url("../images/office2007_FirstDisabled.png"); }

.SyncfusionPager .NextItemDisabled { background-image: url("../images/office2007_NextDisabled.png"); }

.SyncfusionPager .LastItemDisabled { background-image: url("../images/office2007_LastDisabled.png"); }

.SyncfusionPager .PrevItemDisabled { background-image: url("../images/office2007_PrevDisabled.png"); }

.SyncfusionPager .FirstItem, .SyncfusionPager .NextItem, .SyncfusionPager .LastItem, .SyncfusionPager .PrevItem, .SyncfusionPager .FirstItemDisabled, .SyncfusionPager .NextItemDisabled, .SyncfusionPager .LastItemDisabled, .SyncfusionPager .PrevItemDisabled {
    background-position: center;
    background-repeat: no-repeat;
    border: solid 1px transparent;
    cursor: pointer;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
}

.SyncfusionPager .LastItem:hover, .SyncfusionPager .NextItem:hover, .SyncfusionPager .FirstItem:hover, .SyncfusionPager .PrevItem:hover {
    background-color: #e0e0e0;
    border-color: #d5d5d5;
}

/* Filter Dialog Css*/


.CustomCss { overflow: hidden; }

.CustomCss .Filterblock {
    background-image: url("../images/filter_dialogbox_051.jpg");
    width: 495px;
}

.CustomCss .GridFilterDialogTable {
    height: 300px;
    text-align: left;
    width: 444px;
}

.CustomCss td { width: 259px; }

.CustomCss span.FilterDialogSpan {
    font-family: Arial;
    font-size: 10pt;
}

.CustomCss td.FilterDialogCurrentCondn { height: 170px; }

.CustomCss .FilterDialogBG {
    background-image: url('../images/rec-box1.jpg');
    background-repeat: repeat-x;
    border: #d5d5d5 1px solid;
    height: 89px;
    margin-bottom: 3px;
    padding-bottom: 0px;
    width: 259px;
}

.CustomCss .FDColNames {
    font-family: Arial;
    font-size: 10pt;
    width: 172px;
}

.CustomCss .FDCompareOp { width: 130px; }

.CustomCss .FDCurrCond {
    border: #d5d5d5 1px solid;
    margin-bottom: 3px;
    width: 259px;
}

.CustomCss .FDCompareText { width: 130px; }

.CustomCss .FDText {
    background: url("../images/Text1.jpg");
    background-repeat: repeat-x;
    line-height: 1.3em;
    position: absolute;
}

.CustomCss .FDAdd {
    background-image: url("../images/Plus1.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #b3b3b3;
    color: #000000;
    cursor: default;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    padding: 0px 5px 0px 3px;
    position: relative;
    text-align: left;
    text-indent: 20px;
    text-transform: uppercase;
    width: 100px;
}

.CustomCss .FDremove {
    background-image: url("../images/Minus1.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #b3b3b3;
    color: #000000;
    cursor: default;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    padding: 0px 5px 0px 3px;
    position: relative;
    text-align: left;
    text-indent: 20px;
    text-transform: uppercase;
    width: 100px;
}

.CustomCss div.FilterDialogBGOrAnd {
    background-image: url("../images/filter_dialogbox_081.jpg");
    background-repeat: no-repeat;
    width: 495px;
}

.CustomCss div.FilterDialogBGBfrOk {
    background-image: url("../images/filter_dialogbox_11_011.jpg");
    float: left;
    height: 42px;
    width: 413px;
}

.CustomCss .FDOkBtn {
    background-image: url("../images/filter_dialogbox_11_021.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    width: 33px;
}

.CustomCss .FDCancelBtn {
    background-image: url("../images/filter_dialogbox_11_031.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    width: 35px;
}

.CustomCss div.FilterDialogBGAftrCancel {
    background-image: url("../images/filter_dialogbox_11_041.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    width: 14px;
}

.disabledText { color: gray !important; }

.progress {
    background: darkgray !important;
    border: 0px solid rgba(245, 245, 245, 1);
    border-radius: 4px;
    height: 30px !important;
}

.progress-bar-custom { background: rgba(0, 0, 0, 1) !important; }

#divProgressWrap .backupMessage {
    color: #801E7C;
    display: block;
    font-size: large;
    font-weight: bold;
    margin: 0 auto;
    top: -20px;
    width: 100%;
    width: 500px;
}

.overlay {
    background-color: #fff;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001;
}

.dataModGrid tr { height: 20px; }

.hidden { display: none; }

.mnuDaily {
    float: left;
    margin-left: 5px;
}

#ssisLogs h4 {
    margin: 2em 0 -0.5em 0;
    padding: 0;
}

.ssisError { color: red; }


.buttonClass {
    background-color: #ababab;
    border: solid 1px Green;
    padding: 2px 20px;
    text-decoration: none;
}

.buttonClass:hover {
    background-color: #ffffff;
    border: solid 1px Black;
}

.ssisLog { margin-left: 60px; }

.jobStep { margin-left: 30px; }

#ajaxDim {
    background: rgba(0, 0, 0, .5) url('../Images/ajax-loader.gif') no-repeat 50% 50%;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.text-cirrus { color: #801E7C; }

.timeLeft {
    color: white;
    display: block;
    font-size: large;
    height: 100%;
    padding-top: 4px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
}

.cirrusAutocomplete {
    margin-right: 2px;

}

.clearAcButton .glyphicon {
    font-size: 7px;
}