﻿body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    align: left;
}

.GridHeader
{
    /*background-image:url(images\Macbg_red.jpg);*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    word-spacing: normal;
    background-attachment: scroll;
    border: 1;
    background-color: #FFEFD5;
    color: #000000;
    border-color: #CDCDCD;
    padding: 0px; /* background-image:url(../Images/HeaderBack.png);*/
}

.GridHeader table
{
    border: 0px;
    width: 100%;
    text-align: left;
}
.GridHeader table th
{
    background-color: #FFFFD4;
    padding: 1px;
    height: 32px;
    vertical-align: middle;
}
.GridHeader table td
{
    background-color: #FFEFD5;
    padding: 1px;
    font-weight: bold;
    height: 21px;
}


/*.GridHeader input[type=text]
{
    width: 140px;
}
*/
.GridHeader a
{
    /*background-image:url(images\Macbg_red.jpg);*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    word-spacing: normal;
    background-attachment: scroll;
    border: 1;
    background-color: #FFEFD5;
    color: black;
}
.GridItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    background-color: Transparent;
    height: 20px;
    border-color: #CDCDCD;
}
.GridItem td
{
    padding: 4px;
    border: solid 1px #c1c1c1;
}
.GridItem2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    background-color: Transparent;
}
.GridSelect
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    background-color: #A39B93;
}
.GridEdit
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    background-color: #FF7F00;
}

.GridFooter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: Transparent;
    font-weight: bold;
    border-color: #CDCDCD;
}

.GridAlternate
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    background-color: #F9F9F9;
    height: 20px;
    border-color: #CDCDCD;
}
.GridAlternate td
{
    padding: 4px;
    border: solid 1px #c1c1c1;
}
.GridAlternate2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    background-color: Transparent;
    height: 20px;
}
.GridPagerStyle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 30px;
    font-weight: bold;
    color: #3871A9;
    background-color: #F9F9F9;
    border-color: #CDCDCD;
}
.GridPagerStyle a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: black;
    background-color: #FFEFD5;
    padding: 4px;
    border: 1px solid #D5D3C9;
    padding-left: 6px;
    padding-right: 6px;
}

.GridPagerStyle a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #A0522D;
    padding: 4px;
    border: 1px solid #A0522D;
    color: White;
    padding-left: 6px;
    padding-right: 6px;
}

.GridPagerStyle span
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #A0522D;
    padding: 4px;
    border: 1px solid #A0522D;
    color: White;
    padding-left: 6px;
    padding-right: 6px;
}

.LabelClass
{
    /*background-image:url(images\Macbg_red.jpg);*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Navy;
}

.legend
{
}

.legendLabel
{
    font-weight: bold;
    font-size: 14px;
    padding: 2px;
    font-style: italic;
}

.legendLabel1
{
    font-weight: bold;
    font-size: 12px;
    padding: 2px;
    font-style: normal;
}

.fieldset
{
    border: 1px double #5D7B9D;
    padding: 10px;
}


 .bodyMasterPage
 {
    height: 100%;
 }
 
 .divfullscreen
 {
    display: block; /*set the div in the top-left corner of the screen*/
    position: absolute;
    top: 0;
    left: 0; /*set the width and height to 100% of the screenstyle=display:none */
    width: 100%;
    height: 100%; 
 }
 
 .divMasterPageHeader
 {
 background-color: #FFEFD5; 
 background-repeat: no-repeat;
 height: 55px; 
 background-position: right;
 }
 
 .divMasterPagePanel
 {
     background-color: #8B4513; 
     width: 100%; 
     height: 8px; 
     background-repeat: repeat-x;
     background-position: right 50%;
 }
  
 .divMasterPageHeaderRow
 {
    background-color: #A0522D;
    height: 28px; 
    width: 100%;
 } 
  
 .divMasterPageHeaderWA
 {
    width: 1000px;
 }
 
  .divMasterPageHeaderCon
 {
    width: 1000px;
 }
 
 .divMasterPagePanelCon
 {
     width: 1000px;
 } 
 
 .MasterPageHeaderTable
 {
     width: 100%;
     border: 0;
 }
  
 .divMasterPageFooterRow
 {
    background-color: #A0522D; 
    width: 100%; 
    height: 24px; 
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color : White;  
    font-weight: normal;
    height: 20px;
    text-decoration: none;
    position:fixed;
    bottom:0px;
    margin-top:20px;
 } 
 
  .MasterPageLabelHeader
 {
  Font-Size : Medium;
  color : Black;    
 }
 
 .MasterPageLabelFooter
 {
  Font-Size : Small;
  color : White;    
 }
  
 .MasterPageHyperLink
 {
  Font-Size : Small;
  color : White;    
 }
 
 .MasterPageHomeButton
 {
     text-decoration: none;
     color : White;
     height: 16px;
     width: 20px;
 }
 
 .MasterPageSignOutButton
 {
     text-decoration: none;
     color : White;
 } 
 
 .divMasterPageContainer
 {
   width: 100%;
   margin: center;  
   padding-bottom: 50px;
 }
 
 .MasterPageContainerTable
 {
     height: 500px;
     width: 1000px;
     border: 0;
 }
 
 .divMasterPageFooter
 {
   width: 1000px;  
 }
         
.MasterPagestyle1
 {
   width: 100%;
   padding: 0; 
   letter-spacing: 0;
 }
 
.MasterPagestyle2
 {
   width: 70px;
 }

.MasterPageHeaderImgHeightWidth
{
    height: 45px;
    width: 120px;
}

.MenuTabletd
{
  text-align: center; 
}

.MenuStaticItem
{
    color: White;
    background-color: #8B4513;
    word-spacing: 30px;
}

.MenuDynamicStyle
{
    border-width: 1px;
    border-color: #B4B4B4;
}

.MenuDynamicItem
{
    border-width: 1px;
}

.LoginTabletd1
{
  border: 3px;
  border-style: solid;
  border-color: Black; 
  vertical-align: middle;
}

.LoginTabletd2
{
    height: 16px; 
    background-color: #A0522D;
    color : White;  
}

.LoginTabletd3
{
    border-right: gray 2px solid;
}

.LoginLabel1
 {
  color : White;    
 }

.LoginImgHeightWidth
{
    height: 76px;
    width: 100px;
}

.LoginTabletd4
{
    width: 128px;
    text-align: left;
}

.LoginTabletd4 span
{
    font-size: 10pt; 
    font-family: Verdana; 
}

.LoginLabel2
 {
  Font-Size: 10pt; 
  font-family: Verdana;    
 }

.LoginTabletd5
{
    font-family: Times New Roman;
}

.LoginTextBox1
{
    width: 140px;
}

.LoginRequired
{
    color: Red;
}

.LoginTabletd6
{
    width: 128px;
    height: 7px;
    text-align: left;
}

.LoginTabletd7
{
    width: 128px;
    height: 7px;
}

.RequiredLabel
{
    color: Red;
}

.BalanceLabel
{
    color: Maroon;
}

.LoginTextBox2
{
    width: 80px;
}

.LoginTabletd8
{
    height: 21px;
    text-align: right;
    background-color: #A0522D;
}

.LoginTable1
{
    border: 0;
}

.LoginTabletd9
{
    height: 21px;
    background-color: #A0522D;
}

.LoginTabletd9 span
{
   Font-Size: 10pt; 
   font-family : Verdana;
   color: #ffffff;  
}

.LoginTabletd10
{
    height: 21px;
    background-color: #A0522D;
    text-align: center;
}

.LoginPanelLabel
{
    Font-Bold: true;
}


.divfloatLoading2
{
    background-color: White;
    width: 130px;
    height: 50px;
    padding: 8px;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
}


.DivContainer
{
    width: 290px;
    height: 100px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForCompanySmall
{
    width: 205px;
    height: 75px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForLedger
{
    width: 280px;
    height: 110px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForReport
{
    width: 205px;
    height: 70px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForLedgerReport
{
    width: 250px;
    height: 70px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForReportCurrency
{
    width: 180px;
    height: 70px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForSHOWINVCRE
{
    width: 190px;
    height: 70px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForMenuName
{
    width: 205px;
    height: 110px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForProvider
{
    width: 280px;
    height: 110px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForAgent
{
    width: 280px;
    height: 110px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForBankReco
{
    width: 125px;
    height: 68px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForBankStat
{
    width: 125px;
    height: 55px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForReportProduct
{
    width: 100px;
    height: 70px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForCategories
{
    width: 300px;
    height: 120px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForProductCodes
{
    width: 205px;
    height: 80px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContainerForTallyTrn
{
    width: 180px;
    height: 200px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.DivContents
{
    display: inline-block;
    margin-left: 5px;
}

.FieldLeft
{
    width: 130px;
}
.FieldRight
{
    width: 330px;
}



.TextboxWaterMark
{
    color: lightblue;
}

.menu
{
    border-style: groove;
    border-width: 0;
}

.menu ul li ul
{
    display: none;
}

.menu ul li
{
    position: relative;
    float: left;
    list-style: none;
}

.level1
{
    text-align: left;
}
.level2
{
    color: black;
    background-color: #DEB887;
    color: Black;
    width: 210px;
    text-align: left;
    border: solid 1px #8DA3D3 !important;
}

.level3
{
    color: black;
    background-color: #FFEBCD;
    text-align: left;
    color: Black;
    width: 285px;
    border: solid 1px #BAC7E4 !important;
}

.LinkButtonCss
{
    color: Maroon;
}

/* Modal PopUp For Trn Series */

.modalPopupForTrnSeries
{
    background-color: #FFFFFF;
    width: 700px;
    border: 3px solid #444A6C;
}
.modalPopupForTrnSeries .header
{
    background-color: #4095E6;
    height: 30px;
    width: 100%;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.modalPopupForTrnSeries .body
{
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.modalPopupForTrnSeries .footer
{
    padding: 3px;
}
.modalPopupForTrnSeries .ok
{
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.modalPopupForTrnSeries .ok
{
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}


/* Modal PopUp */

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=40);
    opacity: 0.4;
    z-index: 0px;
}
.modalPopup
{
    background-color: #FFFFFF;
    width: 400px;
    border: 3px solid #444A6C;
}
.modalPopup .header
{
    background-color: #A0522D;
    height: 30px;
    width: 100%;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.modalPopup .header1
{
    background-color: #A0522D;
    height: 25px;
    width: 100%;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.modalPopup .body
{
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.modalPopup .footer
{
    padding: 3px;
}
.modalPopup .yes, .modalPopup .no
{
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.modalPopup .yes
{
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}
.modalPopup .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}
.autoCompleteList
{
    z-index: 100009 !important;
    background-color: White;
    max-width: 570px;
    text-align: left;
    background-color: #DCDEEE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 18px;
    margin-top: 0px;
    padding-left: 16px;
    overflow: auto;
    max-height: 300px;
}
.autoCompleteListItem
{
    z-index: 100009 !important;
    font-size: 12px;
}
.autoCompleteSelectedListItem
{
    z-index: 100009 !important;
    background-color: #C5C6CF;
    font-size: 12px;
}

.autoCompleteListItem1
{
    z-index: 100009 !important;
    font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}
.autoCompleteSelectedListItem1
{
    z-index: 100009 !important;
    background-color: #C5C6CF;
    font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.apprgridlabel
{
    font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
}


/* Table */
table
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    text-align: left;
}
.tableHeader
{
    background-image: url(../images/HeaderBackBrown.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: 28px;
    vertical-align: middle;
}

.textbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    border-color: #C4C4C4;
    border-style: groove;
    border-width: 1px;
}

.textbox1
{
    font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    border-color: #C4C4C4;
    border-style: groove;
    border-width: 1px;
}

.textbox2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 60px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    border-color: #C4C4C4;
    border-style: groove;
    border-width: 1px;
}

.calendar .ajax__calendar_container
{
    background-color: #ffc; /* pale yellow */
    border: solid 1px #666;
}
.calendar .ajax__calendar_title
{
    background-color: #cf9; /* pale green */
    height: 20px;
    color: #333;
}
.calendar .ajax__calendar_container th
{
    padding: 0px;
}
.calendar .ajax__calendar_container td
{
    background-color: White;
    padding: 0px;
}
.calendar .ajax__calendar_prev, .calendar .ajax__calendar_next
{
    background-color: #aaa; /* darker gray */
    height: 20px;
    width: 20px;
}
.calendar .ajax__calendar_today
{
    background-color: #cff; /* pale blue */
    height: 20px;
}
.calendar .ajax__calendar_days table thead tr td
{
    background-color: #ff9; /* dark yellow */
    color: #333;
}
.calendar .ajax__calendar_day
{
    color: #333; /* normal day - darker gray color */
}
.calendar .ajax__calendar_other .ajax__calendar_day
{
    color: #666; /* day not actually in this month - lighter gray color */
}

.calendar .ajax__calendar_active .ajax__calendar_day, .calendar .ajax__calendar_today .ajax__calendar_day
{
    color: #ffffff;
    font-weight: bold;
    background-color: #F7B64A;
}

.calendar .ajax__calendar_hover .ajax__calendar_day, .calendar .ajax__calendar_hover .ajax__calendar_month, .calendar .ajax__calendar_hover .ajax__calendar_year
{
    color: #ffffff;
    font-weight: bold;
    background-color: #328BC8;
    border: solid 1px #328BC8;
}

.calendar .ajax__calendar_hover .ajax__calendar_next, .calendar .ajax__calendar_hover .ajax__calendar_prev
{
    border: solid 4px #328BC8;
    background-color: #ffffff;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -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-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.black .ajax__calendar_container
{
    width: 190px;
    background-color: #000000;
    border: solid 1px #666666;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.black .ajax__calendar_body
{
    width: 180px;
    height: 150px;
    background-color: #000000;
    border: solid 1px #666666;
}
.black .ajax__calendar_header
{
    background-color: #626262;
    margin-bottom: 8px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -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-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.black .ajax__calendar_title
{
    color: #ffffff;
    padding-top: 3px;
}
.black .ajax__calendar_next, .black .ajax__calendar_prev
{
    border: solid 4px #ffffff;
    background-color: #ffffff;
    -moz-border-radius-topleft: 18px;
    -webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -moz-border-radius-topright: 18px;
    -webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    border-top-right-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;
}
.black .ajax__calendar_hover .ajax__calendar_next, .black .ajax__calendar_hover .ajax__calendar_prev
{
    border: solid 4px #328BC8;
    background-color: #ffffff;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -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-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.black .ajax__calendar_dayname
{
    text-align: center;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #ffffff;
    background-color: #000000;
}
.black .ajax__calendar_day, .black .ajax__calendar_month, .black .ajax__calendar_year
{
    margin: 1px 1px 1px 1px;
    text-align: center;
    border: solid 1px #000000;
    color: #ffffff;
    background-color: #626262;
}
.black .ajax__calendar_hover .ajax__calendar_day, .black .ajax__calendar_hover .ajax__calendar_month, .black .ajax__calendar_hover .ajax__calendar_year
{
    color: #ffffff;
    font-weight: bold;
    background-color: #328BC8;
    border: solid 1px #328BC8;
}
.black .ajax__calendar_active .ajax__calendar_day, .black .ajax__calendar_active .ajax__calendar_month, .black .ajax__calendar_active .ajax__calendar_year
{
    color: #ffffff;
    font-weight: bold;
    background-color: #F7B64A;
}
.black .ajax__calendar_today .ajax__calendar_day
{
    color: #ffffff;
    font-weight: bold;
    background-color: #F7B64A;
}
.black .ajax__calendar_other, .black .ajax__calendar_hover .ajax__calendar_today
{
    color: #ffffff;
    font-weight: bold;
}
.black .ajax__calendar_days
{
    background-color: #000000;
}

.blackForGrid .ajax__calendar_container
{
    width: 202px;
    background-color: #000000;
    border: solid 1px #666666;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.blackForGrid .ajax__calendar_body
{
    width: 192px;
    height: 165px;
    background-color: #000000;
    border: solid 1px #666666;
}
.blackForGrid .ajax__calendar_header
{
    background-color: #626262;
    margin-bottom: 8px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -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-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.blackForGrid .ajax__calendar_title
{
    color: #ffffff;
    padding-top: 3px;
}
.blackForGrid .ajax__calendar_next, .blackForGrid .ajax__calendar_prev
{
    border: solid 4px #ffffff;
    background-color: #ffffff;
    -moz-border-radius-topleft: 18px;
    -webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -moz-border-radius-topright: 18px;
    -webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    border-top-right-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;
}
.blackForGrid .ajax__calendar_hover .ajax__calendar_next, .blackForGrid .ajax__calendar_hover .ajax__calendar_prev
{
    border: solid 4px #328BC8;
    background-color: #ffffff;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -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-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.blackForGrid .ajax__calendar_dayname
{
    text-align: center;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #ffffff;
    background-color: #000000;
}
.blackForGrid .ajax__calendar_day, .blackForGrid .ajax__calendar_month, .blackForGrid .ajax__calendar_year
{
    margin: 1px 1px 1px 1px;
    text-align: center;
    border: solid 1px #000000;
    color: #ffffff;
    background-color: #626262;
}
.blackForGrid .ajax__calendar_hover .ajax__calendar_day, .blackForGrid .ajax__calendar_hover .ajax__calendar_month, .blackForGrid .ajax__calendar_hover .ajax__calendar_year
{
    color: #ffffff;
    font-weight: bold;
    background-color: #328BC8;
    border: solid 1px #328BC8;
}
.blackForGrid .ajax__calendar_active .ajax__calendar_day, .blackForGrid .ajax__calendar_active .ajax__calendar_month, .blackForGrid .ajax__calendar_active .ajax__calendar_year
{
    color: #ffffff;
    font-weight: bold;
    background-color: #F7B64A;
}
.blackForGrid .ajax__calendar_today .ajax__calendar_day
{
    color: #ffffff;
    font-weight: bold;
    background-color: #F7B64A;
}
.blackForGrid .ajax__calendar_other, .blackForGrid .ajax__calendar_hover .ajax__calendar_today
{
    color: #ffffff;
    font-weight: bold;
}
.blackForGrid .ajax__calendar_days
{
    background-color: #000000;
}

/*GRID*/
.mGrid
{
    width: 100%;
    background-color: #fff; /*margin: 5px 0 5px 0;*/
    margin: 0 0 0 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    vertical-align: Top; 
    font-family: verdana; 
    font-size: 9;
}
.mGrid td
{
    padding: 1px;
    border: solid 1px #c1c1c1;
}
.mGrid th
{
    padding: 2px 1px;
    color: #fff;
    background: #A0522D repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt
{
    background: #fcfcfc repeat-x top;
}
.mGrid .sel
{
    background: #C5C6CF;
}
.mGridEdit
{
    background-color: #FFEFD5;
}
.mGrid .pgr
{
    background: #A0522D repeat-x top;
}
.mGrid .pgr table
{
    margin: 6px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #fff;
    font-weight: normal;
    color: Gray;
    line-height: 10px;
}
.mGrid .pgr a
{
    color: #fff;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: Gray;
    text-decoration: none;
}

.Label
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.ErrorMessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Red;
    font-weight: bold;
}

.SuccessfullMessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Green;
    font-weight: bold;
}

.pnlCSS
{
    font-weight: bold;
    cursor: pointer;
    border: solid 1px #c0c0c0;
    width: 95%;
}

.focus
{
    background-color: #FEFED5;
}

#scrolly
{
    width: 1000px;
    overflow: auto;
    margin: 0 auto;
    white-space: nowrap;
}

#scrolly2
{
    height: 620px;
    overflow: auto;
    margin: 0 auto;
    white-space: nowrap;
}

#scrolly3
{
    width: 950px;
    overflow: auto;
    margin: 0 auto;
    white-space: nowrap;
}

#scrolly4
{
    width: 975px;
    height: 500px;
    overflow: auto;
    margin: 0 auto;
    white-space: nowrap;
}

#scrolly1
{
    width: 970px;
    height: 500px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}

#scrolly5
{
    width: 970px;
    height: 230px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}

#scrolly6
{
    width: 970px;
    height: 300px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}

#scrolly7
{
    width: 1050px;
    overflow: auto;
    margin: 0 auto;
    white-space: nowrap;
    margin-left: 0;
}

#scrolly8
{
    width: 1050px;
    overflow: auto;
    margin: 0 auto;
    white-space: nowrap;
    margin-left: 0;
}

#scrolly9
{
    width: 100%;
    height: 600px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}

#scrolly10
{
    width: 580px;
    height: 400px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}

#scrolly11
{
    width: 98%;
    height: 400px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}

#scrolly12
{
    width: 970px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}

#scrolly13
{
    width: 975px;
    height: 5000px;
    overflow: auto;
    margin: 0 auto;
    white-space: normal;
}


.comboBoxInsideModalPopup
{
    position: relative;
}
.comboBoxInsideModalPopup ul
{
    position: absolute !important;
    left: 2px !important;
    top: 15px !important;
}

textarea
{
    resize: none;
}

.BackGroundImage
{
    background-image: url('../Images/HeaderBackBrown.png');
    height: 25px;
    vertical-align: middle;
}


