@import "reset.css";
@import "../font/stylesheet.css";
@import "about.css";
@import "datepicker.css";
.structural {
    left: -9999px;
    margin: 0;
    position: absolute;
}
.center {
    clear: left;
    margin: 0 auto;
}
.center-align {
    text-align: center !important;
}
.clear {
    clear: both;
}
body {
    font-family: Arial,Helvetica,sans-serif;
}
html, body {
    height: 100%;
}
#container {
    display: block;
    float: left;
    width: 100%;
}
#mainHeader {
    display: block;
    height: 85px;
    z-index: 2000;
}
#navBg {
    display: block;
    height: 85px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 2000;
}
#logoBg {
    display: block;
    height: 85px;
    left: 0;
    position: absolute;
    top: 0;
    width: 255px;
    z-index: 400;
}
#logo {
    display: block;
    float: left;
    font-size: 0;
    height: 80px;
    text-indent: -999999px;
    width: 180px;
}
#navBg h1 {
    -moz-user-select: none;
    clear: none;
    float: left;
    font: 16px/45px 'ArialBold',Arial,Helvetica,sans-serif;
    height: 42px;
    padding: 0 0 0 185px;
    position: relative;
    z-index: 500;
}
#navBg h1 span {
    font-size: 15px;
    line-height: 47px;
}
.beforNavButtons {
    display: block;
    float: right;
    height: 37px;
    margin: 6px 8px 5px;
}
.topButtons {
    -moz-user-select: none;
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}
.settingsArea {
    display: block;
    float: right;
    height: 25px;
    margin: 1px 0 0 4px;
    position: relative;
    width: 25px;
}
.profileWrap {
    display: block;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 30px;
}
#settingsButton, #profile {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0;
    height: 25px;
    margin: 2px 0 0;
    padding: 0;
    text-indent: -9999px;
    width: 25px;
}
.profile {
    display: block;
    padding: 10px 10px 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 362px;
    z-index: 800;
}
.profile ol {
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 6px;
}
.topButtons .profileOl li {
    display: block;
    height: auto;
    line-height: 35px;
    overflow: hidden;
    padding: 0 0 5px;
    white-space: nowrap;
    width: 358px;
}
.topButtons .profileOl li span {
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    height: auto;
    overflow: hidden;
    padding: 7px 6px 0 3px;
    text-align: right;
    text-shadow: none;
    width: 100px;
}
.topButtons .profileOl li strong {
    display: block;
    float: left;
    font: 14px Arial,Helvetica,sans-serif;
    height: auto;
    overflow: hidden;
    padding: 5px 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    width: 232px;
}
.topButtons .profileOl li a.signOut, .topButtons .profileOl li a.profiles {
    cursor: pointer;
    display: block;
    float: left;
    font: bold 13px/30px Arial,Helvetica,sans-serif;
    height: 30px;
    padding: 0;
    text-align: center;
    width: 107px;
}
.topButtons .profileOl li a.signOut {
    float: right;
    margin: 5px 0 0;
}
.topButtons .profileOl li a.profiles {
    float: left;
    margin: 5px 0 0;
}
.settinsList {
    display: none;
    left: -132px;
    padding: 4px 0 0;
    position: absolute;
    top: 24px;
    z-index: 2000;
}
.settinsList li {
    display: block;
    float: left;
}
.settinsList li a {
    cursor: pointer;
    display: block;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 6px 2px 6px 8px;
    width: 150px;
}
.topButtons li {
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
}
.topButtons li a, .topButtons li span {
    clear: none;
    display: block;
    float: left;
    height: 33px;
    line-height: 33px;
    margin: 0 0 0 5px;
}
.topButtons li span {
    display: block;
    float: left;
}
.searchForm {
    float: right;
    margin: 0 3px 0 0;
}
.searchForm #txtSearchMain {
    float: left;
    font: 11px/20px Arial,Helvetica,sans-serif;
    height: 20px;
    padding: 4px 10px;
    width: 157px;
}
#frmMainSearch .noValue {
    font-style: italic;
}
.searchForm #btnMainSearch {
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 25px;
    margin: 1px 0 0 -25px;
    text-indent: -99999px;
    width: 25px;
}
.searchForm #btnSearchIcon {
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 20px;
    text-align: left;
    text-indent: 14px;
    width: 25px;
}
#mainNavUl {
    clear: right;
    float: left;
    margin: 0 -100px 0 -44px;
    padding: 0 0 0 255px;
    position: relative;
    z-index: 500;
}
#mainNavUl {
    -moz-user-select: none;
    float: left;
}
#mainNavUl > li {
    margin: 0 3px 0 0;
    padding: 0 0 6px;
}
#mainNavUl li {
    display: block;
    float: left;
    font: bold 13px Arial,Helvetica,sans-serif;
    position: relative;
}
#mainNavUl li a {
    display: block;
    float: left;
    padding: 8px 7px;
}
#mainNavUl li li a {
    padding: 7px 10px;
}
#mainNavUl > li > a {
    border-radius: 4px;
}
#mainNavUl > li .subMenu {
    display: none;
    padding: 0 8px;
    position: absolute;
    top: 31px;
    z-index: 60;
}
#mainNavUl > li .subMenu > ul {
    clear: left;
    float: left;
    padding: 6px 0;
}
#mainNavUl > li .subMenu ul li a {
    font-weight: normal;
    width: 160px;
}
#mainNavUl > li .subMenu > ul > li {
    position: relative;
}
#mainNavUl > li:hover > .subMenu {
    display: block;
}
.level2sub, .level3sub {
    display: none;
    float: left;
    left: 175px;
    position: absolute;
    top: 0;
    z-index: 70;
}
.level2sub ul, .level3sub ul {
    float: left;
}
.subMenu li:hover .level2sub , .subMenu li ul li:hover .level3sub{
    display: block;
}
.subMenu b {
    position: absolute;
    right: 6px;
    top: 5px;
}
#mainContent {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
#leftMenuArea {
    bottom: 0;
    float: left;
    left: 0;
    padding: 0 0 45px;
    position: fixed;
    top: 85px;
    width: 176px;
    z-index: 2000;
}
#leftMenuArea h3 {
    clear: both;
    display: block;
    font: bold 14px Arial,Helvetica,sans-serif;
    padding: 15px 0 6px 7px;
}
#leftMenuArea .leftMenu {
    clear: both;
    float: left;
}
#leftMenuArea .leftMenu li {
    clear: left;
    display: block;
    float: left;
}
#leftMenuArea .leftMenu a {
    clear: left;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 8px 4px 8px 8px;
    width: 156px;
    z-index: 4;
}
#leftMenuArea .leftMenu .current a {
    position: relative;
    width: 161px;
}
#leftMenuArea .leftMenu .current {
    position: relative;
    z-index: 20;
}
.hasLeftMenu .formSection {
    margin: 0 0 0 169px;
}
.hasDualForm .formSection {
    padding: 0 0 80px;
}
.formSection {
    clear: none;
    display: block;
    float: left;
    padding: 0 0 45px;
    position: relative;
    width: 815px;
    z-index: 10;
}
.dashformSection {
    clear: none;
    display: block;
    float: left;
    padding: 0 0 50px;
    position: relative;
    width: 1020px;
}
.hasLeftMenu .dashformSection {
    margin: 0 0 0 189px;
}
.formSection h2, .tableSection h2, .dashBoardSection h2, #dialog-form h4 {
    display: block;
    font: 18px 'ArialBold',Arial,Helvetica,sans-serif;
    margin: 5px 0 0 15px;
    padding: 6px 0 4px;
}
.hasTabs h2, .hasDualForm h2 {
    margin: 12px 0 0 15px;
}
.tableSection h2 {
    margin: 5px 15px 0;
}
.formColumn {
    float: left;
    margin: 7px 0 0;
}
.fromPart {
    border-radius: 3px;
    display: block;
    float: left;
    margin: 5px -19px 0 28px;
    padding: 20px 0 25px;
    width: 392px;
}
.fromPart h4 {
    font: bold 15px Arial,Helvetica,sans-serif;
    padding: 0 0 7px 150px;
}
ul.formColumn > li {
    float: left;
    min-height: 34px;
    min-width: 385px;
    padding: 5px 0 0 15px;
}
.fromPart li {
    float: left;
    min-height: 30px;
    padding: 5px 0 0;
}
.formColumn li label, .twoColumForm li label {
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    padding: 3px 10px 0 0;
    position: relative;
    text-align: right;
    width: 152px;
}
.twoColumForm li label {
    width: 135px;
}
.formColumn li span, .twoColumForm li span {
    display: block;
    float: left;
    font: 14px Arial,Helvetica,sans-serif;
    margin: 3px 0 0;
    min-width: 40px;
    padding: 0 5px;
    position: relative;
    text-align: right;
}
.formColumn li label b, .twoColumForm li label b {
    position: absolute;
    right: 4px;
    top: 1px;
}
.formColumn li input[type="text"], .formColumn li input[type="email"], .formColumn li select, .formColumn li textarea, .formColumn li input[type="date"], .twoColumForm li input[type="text"], .twoColumForm li input[type="email"], .twoColumForm li select, .twoColumForm li textarea, .twoColumForm li input[type="date"] .twoColumForm li input[type="password"], .formColumn li input[type="password"] {
    border-radius: 3px;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    padding: 4px 5px 5px;
    width: 210px;
}
.formColumn li input.datePicker[type="text"], .twoColumForm li input.datePicker[type="text"] {
    width: 180px;
}
.twoColumForm li.time select, .formColumn li.time select, .twoColumForm li.twoFields select, .formColumn li.twoFields select {
    margin-right: 5px;
    width: 108px;
}
.twoColumForm li.time input[type="text"], .formColumn li.time input[type="text"], .twoColumForm li.twoFields input[type="text"], .formColumn li.twoFields input[type="text"] {
    margin-right: 5px;
    width: 96px;
}
.twoColumForm li.threeFields input[type="text"], .formColumn li.threeFields input[type="text"] {
    margin-right: 5px;
    width: 58px;
}
.twoColumForm li.threeFields select, .formColumn li.threeFields select {
    margin-right: 5px;
    width: 70px;
}
.twoColumForm li.threeFields span, .formColumn li.threeFields span {
    margin-right: 0;
    text-align: right;
    width: 57px;
}
.twoColumForm li.twoFields span, .formColumn li.twoFields span {
    margin-left: 0;
    text-align: right;
    width: 100px;
}
.twoColumForm li.multiElements ul, ul.formColumn li.multiElements ul {
    border-radius: 5px;
    float: left;
    margin-bottom: 5px;
}
.twoColumForm li.multiElements li, ul.formColumn li.multiElements li {
    clear: both;
    float: left;
    min-height: 20px;
    min-width: 210px;
    padding: 3px 0;
}
.twoColumForm li.multiElements li span, ul.formColumn li.multiElements li span {
    width: 165px;
}
.twoColumForm li.multiElements li input, ul.formColumn li.multiElements li input {
    float: left;
    margin: 4px 0 0 7px;
}
.twoColumForm li.multiElements ul.milti2 li span, ul.formColumn li.multiElements ul.milti2 li span {
    text-align: left;
    width: 165px;
}
.twoColumForm li.multiElements ul.milti2 li input, ul.formColumn li.multiElements ul.milti2 li input {
    float: left;
    margin: 4px 7px 0;
}
form li div.nonEditable {
    border-radius: 3px;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 4px 5px 5px;
    width: 210px;
}
form li div.nonEditable strong {
    font-weight: bold;
}
.formColumn li input[type="radio"], twoColumForm li input[type="radio"] {
    float: left;
    margin: 3px 0 0;
}
.formColumn li input.width60 {
    width: 50px;
}
.formColumn li textarea.widht600 {
    width: 612px;
}
.formColumn li select, .twoColumForm li select {
    width: 222px;
}
.formSubmitResetButtons {
    clear: both;
    float: left;
    position: relative;
}
.formSubmitResetButtons button {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    margin: 5px 8px 0 0;
    padding: 7px 0;
    width: 100px;
}
.fileWrap {
    display: block;
    float: left;
    position: relative;
    width: 331px;
}
.fileWrap input[type="file"] {
    cursor: pointer;
    display: block;
    float: right;
    height: 50px;
    position: absolute;
    right: 12px;
    top: -5px;
    width: 301px;
}
.fileWrap .fileFileName {
    border-radius: 3px;
    cursor: pointer;
    float: left;
    height: 27px;
    line-height: 27px;
    margin: 6px 0 0 2px;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
    width: 208px;
}
.formButtons {
    cursor: pointer;
    display: block;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 5px 13px 0 0;
    padding: 7px 0 8px;
    text-align: center;
    width: 80px;
}
.file .fileWrap .formButtons {
    float: right;
    padding: 7px 0 8px 23px;
    text-align: left;
    width: 95px;
}
.file .formButtons.delete {
    float: left;
    padding: 7px 0 8px 23px;
    text-align: left;
    width: 95px;
}
.imageHolder img {
    display: block;
    float: left;
    width: 100px;
}
.file .imageHolder {
    float: left;
    margin: 0 0 0 10px;
}
.errorContainer {
    border-radius: 4px;
    clear: both;
    display: none;
    float: left;
    margin: 8px 0 0 178px;
    padding: 8px;
    width: 600px;
}
.errorContainer h4 {
    font: 15px 'ArialBold',Arial,Helvetica,sans-serif;
    padding: 0 0 8px 8px;
}
.errorContainer label {
    clear: left;
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    padding: 4px 0 4px 28px;
}
.tableSection {
    clear: none;
    display: block;
    float: left;
    min-width: 800px;
    padding: 0 0 45px;
    position: relative;
    z-index: 10;
}
.hasLeftMenu .tableSection {
    margin: 0 0 0 169px;
}
.tableSection table, table.tableListing {
    margin: 5px 15px 0 16px;
}
.tableListing {
    margin: 20px 15px 0 16px;
}
.tableSection td, .tableSection th, .tableListing td, .tableListing th, .dt-column-title {
    border-collapse: collapse;
    font: 13px Arial,Helvetica,sans-serif;
    padding: 7px;
    text-align: left;
}
.tableSection th, .tableListing th, .dt-column-title {
    padding: 7px 10px 6px;
}
.tableSection th a.sorting, .tableListing th a.sorting, .dt-column-title {
    display: block;
    float: left;
    margin: -5px 0;
    padding: 5px 18px 5px 0;
}
.exportIcon {
    float: right;
    height: 35px;
    margin: 10px 18px 0 0;
}
.exportIcon li {
    float: left;
    margin: 0 0 0 8px;
}
.exportIcon a {
    display: block;
    float: left;
    font: 12px/25px Arial,Helvetica,sans-serif;
    height: 25px;
    padding: 0 0 0 28px;
}
.pagination {
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    height: 35px;
    margin: 10px 0 0 15px;
}
.pagination li {
    float: left;
}
.pagination li a {
    border-radius: 3px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 6px 12px;
}
.pagination li span {
    float: left;
    margin: 0 8px 0 0;
    padding: 6px 12px;
    width: 52px;
}
.pagination li strong {
    float: left;
    margin: 0 8px 0 0;
    padding: 6px 12px;
    width: 110px;
}
.pagination li select {
    border-radius: 3px;
    float: left;
    margin: 0 8px 0 0;
    padding: 5px 12px;
    width: 80px;
}
.pagination #perPage {
    float: left;
}
.tabsForms {
    display: none;
}
.hasTabs .activeTab {
    display: block;
}
.hasLeftMenu .tabsForms {
    margin: 0 0 0 10px;
}
.tabsForms {
    float: left;
    margin: 0 0 0 15px;
    min-width: 815px;
    padding: 5px 0 15px;
}
.tabsForms h3 {
    font: 15px 'ArialBold',Arial,Helvetica,sans-serif;
    margin: 8px 15px 0;
    padding: 9px 0;
}
.dualFroms h3, .reciptReceivedFrom h3, .reciptAmountReceivedFrom h3 {
    font: 15px 'ArialBold',Arial,Helvetica,sans-serif;
    margin: 3px 15px 0;
    padding: 6px 0;
}
.dualFroms h3, .reciptReceivedFrom h3, .reciptAmountReceivedFrom h3 {
    text-indent: 15px;
}
.tabsLinks {
    float: left;
    margin: 8px 0 0 10px;
}
.tabsLinks li {
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    margin: 0 3px 0 0;
}
.tabsLinks li a {
    border-radius: 5px 5px 0 0;
    float: left;
    padding: 3px 11px;
}
.tabNextAndPreviousButton {
    clear: left;
    display: block;
    float: left;
    margin: 5px 0 0 15px;
    width: 785px;
}
.tabNextAndPreviousButton .tabNextButton {
    display: block;
    float: right;
}
.tabNextAndPreviousButton .tabPrevButton {
    display: block;
    float: left;
}
#tabsWrap, .tabsWrap {
    display: block;
    float: left;
    position: relative;
    width: 828px;
}
#tabsSubWrap, .tabsSubWrap {
    display: block;
    float: left;
    position: relative;
    width: 828px;
}
.tabPrevButton button {
    cursor: pointer;
    display: block;
    float: left;
    font: bold 12px Arial,Helvetica,sans-serif;
    padding: 7px 0 7px 21px;
    text-align: center;
    width: 108px;
}
.tabNextButton button {
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px Arial,Helvetica,sans-serif;
    padding: 7px 21px 7px 0;
    text-align: center;
    width: 108px;
}

.NextButton button {
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px Arial,Helvetica,sans-serif;
    padding: 7px 21px 7px 0;
    text-align: center;
    width: 108px;
}

.tabNextAndPreviousButton li.disabled {
    display: none;
}
.tabSavePrintButtons {
    position: absolute;
    right: 0;
    top: 6px;
    z-index: 500;
}
.tabSavePrintButtons button, .dualFormBottomButtons button, .otherButtons button {
    cursor: pointer;
    display: block;
    float: left;
    font: bold 13px/30px Arial,Helvetica,sans-serif;
    height: 30px;
    outline: medium none;
    padding: 0 0 0 30px;
    text-align: left;
    width: 106px;
}
.bigButton.tabSavePrintButtons button, .bigButton.dualFormBottomButtons button, .bigButton.otherButtons button {
    width: 166px;
}
.otherButtons {
    display: block;
    float: left;
    margin: 1px 0 0;
    overflow: auto;
    width: auto;
}
.otherButtons li {
    float: left;
}
.dualFormBottomButtons {
    clear: both;
    margin: 12px 0 5px 18px;
}
.dualFormBottomButtons li {
    float: left;
    margin: 8px 6px 0 0;
}
.tabSavePrintButtons li {
    float: right;
    margin: 0 0 0 5px;
}
#dashboardWrap {
    display: block;
    float: left;
    margin: 8px 0 0 12px;
    width: 820px;
}
.hasLeftMenu .dashBoardSection {
    margin: 0 0 0 169px;
}
.dashBoardSection {
    clear: none;
    display: block;
    float: left;
    padding: 0 0 45px;
    position: relative;
    z-index: 10;
}
.fullwidthDash, .halfWidthDash {
    border-radius: 3px;
    float: left;
    height: 100px;
    margin: 5px 0 0;
}
.halfWidthDash {
    margin: 0 6px 0 0;
}
.fullwidthDash .dash, .halfWidthDash .dash {
    border-radius: 3px;
    display: block;
    float: left;
    margin: -1px -1px 0 0;
    width: 800px;
}
.halfWidthDash .dash {
    width: 396px;
}
.fullwidthDash .dash h4, .halfWidthDash .dash h4 {
    -moz-user-select: none;
    display: block;
    float: left;
    font: bold 14px Arial,Helvetica,sans-serif;
    padding: 5px 0;
    text-indent: 15px;
}
.rowDeleteButton, .rowEditButton, .advanceButton, .generalButton, .settingButton, .rowEditbutton {
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin: -2px 0;
    padding: 1px 2px 1px 22px;
    position: relative;
}
.rowEditbutton {
    background: url("../img/edit_button.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.addBackButton {
    display: block;
    position: absolute;
    right: 18px;
    top: 8px;
}
.addBackButton li {
    display: block;
    float: left;
    margin: 0 0 0 12px;
}
.addBackButton li a {
    cursor: pointer;
    display: block;
    float: left;
    font: bold 13px/16px Arial,Helvetica,sans-serif;
    height: 16px;
    padding: 2px 3px 2px 22px;
}
.dashContent {
    clear: left;
    min-height: 210px;
    overflow: hidden;
}
.dashMaxMin, .dashClose {
    cursor: pointer;
    display: block;
    float: right;
    height: 14px;
    margin: 4px 7px 0 0;
    width: 17px;
}
.fullwidthDash .dashContent img {
    max-width: 785px;
    padding: 7px 6px 5px;
}
.halfWidthDash .dashContent img {
    padding: 7px 6px 5px;
    width: 381px;
}
.fullwidthDash .dashContent table {
    background: none repeat scroll 0 0 #fff;
    border-collapse: collapse;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    margin: 7px 6px 5px;
    max-width: 785px;
}
.halfWidthDash .dashContent table {
    background: none repeat scroll 0 0 #fff;
    border-collapse: collapse;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 7px 6px 5px;
    max-width: 381px;
}
.fullwidthDash .dashContent table td, .fullwidthDash .dashContent table th, .halfWidthDash .dashContent table td, .halfWidthDash .dashContent table th {
    padding: 8px;
}
#fiterArticle {
    margin: 0 15px 3px;
    overflow: hidden;
}
#fiterArticle ul {
    float: left;
    max-width: 1190px;
}
#fiterArticle ul.fourColsFilter {
    float: left;
    max-width: 1180px;
}
#fiterArticle li {
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    min-height: 35px;
    padding: 0;
    width: 290px;
}
#fiterArticle li label {
    float: left;
    margin: 5px 5px 0 10px;
    text-align: right;
    width: 90px;
}
#fiterArticle li input[type="text"], #fiterArticle li select {
    border-radius: 3px;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    padding: 4px 5px;
    width: 170px;
}
#fiterArticle li input.datePicker[type="text"] {
    width: 144px;
}
#fiterArticle li select {
    padding: 4px 5px;
    width: 180px;
}
#fiterArticle input[type="button"] {
    border-radius: 3px;
    cursor: pointer;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0 10px 0 0;
    padding: 5px 0;
    text-align: center;
    width: 80px;
}
.dualFroms {
    display: block;
    float: left;
    padding: 5px 0 10px;
}
.tableListing {
    display: block;
    float: left;
}
.tabTableWrap .tableListing {
    margin: 25px 0 0;
}
.mainFormAbouveTab {
    clear: both;
    float: left;
    padding: 0 0 20px;
}
.gridAndButtons {
    clear: both;
    float: left;
    padding: 10px 0 0;
    position: relative;
}
.gridAndButtons .tableListing {
    margin: 10px 0 0;
}
#permissonWrap {
    -moz-user-select: none;
    display: block;
    float: left;
    margin: 15px 0 0 15px;
    width: 650px;
}
.permissonHeader {
    border-radius: 8px 8px 0 0;
    display: block;
    float: left;
    width: 730px;
}
.permissonHeader h3 {
    display: block;
    float: left;
    font: bold 13px Arial,Helvetica,sans-serif;
    padding: 12px 2px 10px 12px;
    width: 260px;
}
.permissonHeader strong {
    display: block;
    float: left;
    font: bold 13px Arial,Helvetica,sans-serif;
    padding: 12px 0 10px;
    text-align: center;
    width: 65px;
}
.permissionParentHeader {
    display: block;
    float: left;
    width: 730px;
}
.permissionParentHeader h4 {
    cursor: pointer;
    display: block;
    float: left;
    font: bold 13px Arial,Helvetica,sans-serif;
    padding: 7px 2px 6px 22px;
    width: 250px;
}
.permissionParentHeader strong {
    display: block;
    float: left;
    min-height: 27px;
    width: 65px;
}
.permissionParentHeader strong a.chkPermissionCombo {
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin: 3px 0 0 19px;
    width: 20px;
}
.headerSub {
    float: left;
    width: 675px;
}
.subPremisson {
    clear: both;
    display: block;
    float: left;
}
.headerSub h4 {
    cursor: pointer;
    display: block;
    float: left;
    font: bold 13px Arial,Helvetica,sans-serif;
    padding: 7px 2px 6px 30px;
    width: 636px;
}
.moduleList {
    display: none;
    float: left;
    padding: 0 0 1px;
    width: 730px;
}
.moduleList li {
    display: block;
    float: left;
    width: 730px;
}
.moduleList li h5 {
    display: block;
    float: left;
    font: 14px Arial,Helvetica,sans-serif;
    padding: 6px 2px 5px 32px;
    width: 240px;
}
.moduleList li strong {
    display: block;
    float: left;
    min-height: 25px;
    width: 65px;
}
.custPermissonCheckBox {
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin: 4px 0 0 20px;
    width: 20px;
}
.custPermissonCheckBox input {
    display: none;
}
.custPermissonCheckBox.disabled {
    display: none;
}
#dialog-form {
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 150px;
    width: 490px;
    z-index: 4000;
}
.dialogWrap {
    display: block;
    float: left;
    padding: 25px 0 30px;
    position: relative;
}
#dialog-form h4 {
    font-size: 18px;
    margin: 0 0 0 176px;
}
#dialog-form button {
    font-size: 13px;
    margin: 5px 8px 0 0;
}
.ui-datepicker-trigger {
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    height: 25px;
    margin: 2px 0 0 3px;
    text-indent: -99999px;
    width: 26px;
}
.chartWrap {
    clear: both;
    display: block;
    float: left;
    margin: 3px 15px;
    position: relative;
    width: 1000px;
}
.treeLocation {
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    height: 500px;
    overflow: auto;
    padding: 8px 0 30px;
    width: 650px;
}
.treeLocation li {
    clear: both;
    display: block;
    float: left;
    padding: 2px 0 0 39px;
}
.treeLocation li a {
    display: block;
    float: left;
    margin: 0 0 0 -3px;
    padding: 3px;
}
.treeLocation li .plus {
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin: 3px 0 0 -24px;
    width: 16px;
}
.treeLocation li .listPlus {
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin: 3px 0 0 -24px;
    width: 16px;
}
.treeLocation ul {
    clear: both;
    display: none;
    float: left;
    margin: 0 0 0 -14px;
}
.popmenu {
    display: none;
    position: absolute;
}
.pop li {
    clear: both;
    display: block;
    float: left;
}
.pop li a {
    clear: both;
    display: block;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 3px 0 3px 5px;
    width: 75px;
}
.hasTreesTructure .formSection {
    width: 1000px;
}
.chartOfAccountForm {
    display: block;
    float: left;
    height: 448px;
    margin: 0 0 0 5px;
    padding: 0 0 90px;
    position: relative;
    width: 330px;
}
.chartOfAccountForm .formColumn {
    clear: both;
    float: left;
    margin: 0 0 0 10px;
    width: 310px;
}
.chartOfAccountForm .formColumn li {
    clear: both;
    float: left;
    min-width: 225px;
}
.chartOfAccountForm .formColumn li label {
    clear: both;
    float: left;
    padding: 4px 0;
    text-align: left;
}
.chartOfAccountForm .formColumn li label b {
    left: -6px;
    top: 3px;
}
.chartOfAccountForm .formColumn li input[type="text"], .chartOfAccountForm .formColumn li select {
    clear: both;
    float: left;
    width: 270px;
}
.chartOfAccountForm .formColumn li select {
    width: 280px;
}
.chartOfAccountForm h3 {
    display: block;
    float: left;
    font: bold 16px Arial,Helvetica,sans-serif;
    padding: 12px 0 2px 25px;
}
.chartOfAccountForm .errorContainer {
    margin: 10px 0 0 25px;
    width: 265px;
}
.chartOfAccountForm .tabSavePrintButtons {
    bottom: 12px;
    left: 20px;
    top: inherit;
    width: 225px;
}
.chartOfAccountForm .tabSavePrintButtons li {
    float: left;
    margin: 5px 0 0 5px;
}
.searchChartOfAccoutn {
    display: block;
    float: left;
    margin: 3px 0 0 15px;
    width: 985px;
}
.searchChartOfAccoutn label {
    display: block;
    float: left;
    font: bold 14px Arial,Helvetica,sans-serif;
    padding: 5px 10px 0 0;
    position: relative;
    text-align: right;
    width: 90px;
}
.searchChartOfAccoutn input[type="text"] {
    border-radius: 3px;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    padding: 5px;
    width: 430px;
}
.searchChartOfAccoutn button {
    border-radius: 3px;
    cursor: pointer;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0 10px;
    padding: 5px 0;
    text-align: center;
    width: 80px;
}
.searchChartOfAccoutn ul {
    display: block;
    float: left;
    padding: 8px 0;
}
.busyLoading {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3000;
}
.checkSelector {
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    height: 500px;
    margin: 3px 0 0 15px;
    overflow-y: scroll;
    padding: 10px;
    width: 350px;
}
.checkSelectoCol li {
    clear: both;
    display: block;
    float: left;
    width: 335px;
}
.checkSelectoCol li span {
    display: block;
    float: left;
    padding: 6px 0 6px 8px;
    width: 305px;
}
.checkSelectoCol li a.chkCheckSelector {
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin: 4px 0 0;
    width: 20px;
}
.checkSelectoCol li a.chkCheckSelector input {
    display: none;
}
div.submitLoading {
    display: block;
    height: 16px;
    left: 145px;
    position: absolute;
    top: 20px;
    width: 16px;
}
.saveButton button.disabled, .printButton button.disabled, .newButton button.disabled, .clearButton button.disabled, .deleteButton button.disabled, .reloadBigButton button.disabled, .reloadButton button.disabled, .addButton button.disabled, .editButtons button.disabled, .updateButton button.disabled, .removeButton button.disabled, .applyButton button.disabled, .closeButton button.disabled, .okButton button.disabled, .stopButton button.disabled, .cancelButton button.disabled, .reopenButton button.disabled {
    cursor: auto;
}
.reciptReceivedFrom, .reciptAmountReceivedFrom {
    display: block;
    float: left;
    position: relative;
    width: 960px;
}
.reciptReceivedFrom .formColumn > li, .reciptAmountReceivedFrom .formColumn > li {
    max-width: 225px;
    min-height: 55px;
    min-width: 225px;
    padding: 5px 0 0 10px;
}
.reciptReceivedFrom .formColumn > li label, .reciptAmountReceivedFrom .formColumn > li label {
    float: left;
    padding: 6px 0 5px;
    text-align: left;
    width: 220px;
}
.reciptReceivedFrom .formColumn > li.twoFields label, .reciptAmountReceivedFrom .formColumn > li.twoFields label {
    width: 110px;
}
.reciptReceivedFrom .formColumn > li.twoFields input, .reciptAmountReceivedFrom .formColumn > li.twoFields input {
    margin-right: 4px;
}
.reciptReceivedFrom .formColumn > li.fullwidthLi, .reciptReceivedFrom .formColumn > li.totalRecipt, .reciptAmountReceivedFrom .formColumn > li.fullwidthLi, .reciptAmountReceivedFrom .formColumn > li.totalRecipt {
    display: block;
    min-width: 100%;
}
.reciptReceivedFrom .formColumn > li.hasButtonAfter input, .reciptAmountReceivedFrom .formColumn > li.hasButtonAfter input {
    width: 180px;
}
.reciptReceivedFrom .formColumn > li.fullwidthLi label, .reciptAmountReceivedFrom .formColumn > li.fullwidthLi label {
    width: 100%;
}
.formColumn > li.totalReciptLi label {
    font-size: 15px;
    font-weight: bold;
    width: 205px;
}
.formColumn > li.totalReciptLi input {
    margin: 0 8px 0 0;
    width: 330px;
}
.reciptReceivedFrom .formColumn > li.fullwidthLi input, .reciptAmountReceivedFrom .formColumn > li.fullwidthLi input {
    width: 445px;
}
.reciptTotal {
    display: block;
    float: left;
    margin: 5px 0 0 15px;
}
.reciveHidden {
    display: none;
}
.hasReciptForm .formSection {
    width: 945px;
}
.removeReciptButton {
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 22px;
    position: absolute;
    right: 15px;
    text-indent: -99999px;
    top: 8px;
    width: 22px;
}
.removePartyData, .showRecive, .cashreciptPop {
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    height: 25px;
    margin: 1px 0 0 1px;
    text-indent: -99999px;
    width: 26px;
}
#addReciveAmountDetails, #addRecieveButton, .plusButton {
    clear: both;
    cursor: pointer;
    display: block;
    float: right;
    font: 15px 'ArialBold',Arial,Helvetica,sans-serif;
    padding: 3px 3px 3px 28px;
}
#popupUpTableReciept {
    display: none;
    float: left;
    position: fixed;
    top: 130px;
    width: 600px;
    z-index: 4000;
}
#popupUpTableReciept table {
    display: table;
    margin: 0;
    width: 600px;
}
#popupUpTableReciept {
    height: 500px;
    overflow: auto;
    padding: 25px;
}
.hidetableWrappop {
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 22px;
}
#mask2 {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3000;
}
.threeColumnDateTime li input.datePicker[type="text"] {
    width: 70px;
}
.threeColumnDateTime li.time select {
    margin-left: -3px;
    width: 55px;
}
#menuhide {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    left: 168px;
    position: fixed;
    top: 85px;
    width: 9px;
    z-index: 2000;
}
.sideArrow {
    position: relative;
    top: 50%;
}
.permissionParentTable {
    clear: left;
    display: block;
    float: left;
}
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
}
.ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-state-disabled {
    cursor: default !important;
}
.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-dialog {
    overflow: hidden;
    padding: 0.2em;
    position: absolute;
    width: 300px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 16px 0.1em 0;
}
.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    overflow: auto;
    padding: 0.5em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-buttonpane {
    background-image: none;
    border-width: 1px 0 0;
    margin: 0.5em 0 0;
    padding: 0.3em 1em 0.5em 0.4em;
    text-align: left;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: 0.5em 0.4em 0.5em 0;
}
.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.divDeleteReasonDialog p {
    font: bold 13px/18px Arial,Helvetica,sans-serif;
    height: 20px;
}
.divDeleteReasonDialog textarea {
    clear: both;
    font: 13px/18px Arial,Helvetica,sans-serif;
    height: 75px;
    max-height: 75px;
    max-width: 316px;
    min-height: 75px;
    min-width: 316px;
    width: 316px;
}
.divDeleteReasonDialog input {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    margin: 5px 5px 0 0;
    padding: 6px 0 5px;
    width: 90px;
}
.divDeleteReasonDialog textarea, .ui-dialog-titlebar, .ui-dialog {
    border-radius: 3px;
}
#message {
    display: block;
    font: 14px/25px Arial,Helvetica,sans-serif;
    height: 25px;
    margin: 3px 0 0 15px;
}
.message {
    display: block;
    font: 14px/25px Arial,Helvetica,sans-serif;
    height: 25px;
    margin: 3px 0 0 15px;
}
.slideTables {
    clear: both;
}
.slideTableInnner {
    clear: both;
    display: none;
    float: left;
}
.slideTableHeader {
    border-radius: 3px;
    display: block;
    float: left;
    width: 100%;
}
.slideTableHeader h3 {
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    margin: 2px 15px 0 16px;
}
.tableSection .slideTableHeader table {
    margin-bottom: 0;
    margin-top: 0;
}
.slideTableHeader h3 span {
    display: block;
    font: bold 15px/30px Arial,Helvetica,sans-serif;
    height: 30px;
    text-indent: 30px;
}
.formColumn li label, .formColumn li span, .twoColumForm li label, .twoColumForm li span {
    font-size: 13px;
}
.dontshowHeader {
    height: 0;
    margin-top: -10px;
}
.dontshowHeader th {
    height: 0 !important;
    margin: 0;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    visibility: hidden;
}
.expandTitle {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.expandTitle h3 {
    cursor: pointer;
    height: 29px;
    margin: 2px 15px 0;
}
.expandTitle h3 span {
    display: block;
    font: bold 15px/28px Arial,Helvetica,sans-serif;
    height: 28px;
    text-indent: 30px;
}
.reminderView {
    clear: both;
    display: none;
    float: left;
}
.reminderCount {
    clear: both;
    display: none;
    font: 13px Arial,Helvetica,sans-serif;
    margin: 0 15px;
    padding: 4px 10px;
}
.reminderCount input {
    border-radius: 3px;
    padding: 5px 3px;
    width: 80px;
}
.reminder {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0 0;
    width: 100%;
}
#raceBg {
    border-collapse: collapse;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 85px;
    width: 100%;
}
.selectionDisabled {
    border: 1px dotted #eeeeee;
    color: #aaaaaa;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.cutDisabled {
    color: #aaaaaa;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.settingsButton button {
    background: url("../img/advanced.png") no-repeat scroll 0 -20px transparent !important;
    border: medium none !important;
    color: #505050 !important;
    overflow: hidden;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) !important;
}
.clsSearchBox{
	width: 250px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	background-color: white;
	background-image: url('../img/searchicon.png');
	background-position: 220px 2px;
	background-repeat: no-repeat;
	padding: 6px 4px 4px 10px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}
#addsettlement #fiterArticle{
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgb(215, 215, 215);
}
#addsettlement #fiterArticle.subSearch{
    background: #fff !important;
}