﻿
/* content: Header */
.HeadLeft
{
    width: 520px;
    height: 70px;
    float: left;
    margin-top: -20px;
}

.HeadLeft img
{
    margin-top: 0px;
    height: 76px;
}

.HeadRight
{
    width: 380px;
    height: 70px;
    float: right;
    text-align: right;
    margin-top: -20px;
}

.HeadMiddle {
    float: left;
    height: 70px;
    margin-left: -80px;
    margin-right: -500px; 
}

.TopActingAs {
    top: 22px;
    position: relative;
}

.TopNavigation
{
    width: 380px;
    height: auto;
    margin-top: 3px;
}

.TopNavigation li a
{
    text-decoration: none;
}

.TopNavigation span.NaviActext a
{
    color: #437cc4;
}

.TopNavigation span.NaviLogoutext a
{
    color: #c75555;
}
.TopVersion
{
    position: relative;
    top: 28px;
    float: right;
    margin-right: 40px;
}
.TopSearch
{
    width: 380px;
    margin-top: 45px; /* 40px */
    display: block;
}

.TopSearch li
{
    list-style-type: none;
    display: inline;
}

.TopSearch input[type="text"]
{
    background-color: #efefef;
    border: 1px solid #e2e2e2;
    border-right: 0px;
    vertical-align: top;
}

#ButSearchtop
{
    background: url(../images/sBC.png) no-repeat 0 0;
    width: 35px;
    height: 25px;
    margin-left: -4px;
}
*html .ButSearchtop
{
    background: url(../images/sBC.png) no-repeat 0 1px;
}
* + html .ButSearchtop
{
    background: url(../images/sBC.png) no-repeat 0 1px;
}





/* content: Middlepane */
.ContentPadding
{
    padding: 10px;
    margin-top: 35px;
}




.GridContainer
{
    width: 880px;
}

/**/
.HorizontalForm
{
    width: 860px;
    height: auto;
    display: inline-block;
}

.HorizontalForm li
{
    list-style-type: none;
    float: left;
    display: inline;
    padding-right: 15px;
}

.HorizontalForm li div
{
    display: block;
    margin: 5px 0px 5px 0px;
}

.HorizontalForm li div br
{
    clear: both;
}



.DivPadbottom
{
    margin-bottom: 5px;
}



.VerticalForm div, .VerticalForm200 div, .ReadonlyForm div
{
    width: auto;
    overflow: hidden;
    display: block;
    margin-bottom: 3px;
}

.ReadonlyForm div label
{
    width: 120px;
    float: left;
    padding-top: 8px;
    margin-right: 10px;
}

.ReadonlyForm div label.HeadLabel
{
    width: auto;
    padding-left: 10px;
}

.ReadonlyForm div label.TxtRight
{
    text-align: right;
}

.FormSeparatorCommon
{
    width: 260px;
    float: left;
    margin-right: 10px;
}

.FormSeparatorCommonLast
{
    width: 320px;
    float: left;
}
.HorizontalForm li div label
{
    float: left;
    padding-right: 5px;
}

.HorizontalForm li div input
{
    float: left;
}


#SelectGlAccountUserControlSearch
{
    height: 27px;
    background: url(../images/searchButt-GL.png) repeat-x left top;
    padding-left: 15px;
    margin: 5px 0px 0px 0px;
    border: none;
}

#SelectFeeTypeUserControlSearch
{
    height: 27px;
    background: url(../images/searchButt-GL.png) repeat-x left top;
    margin: 0px 0px 0px 0px;
    border: none;
    padding-right: 5px;
    text-align: right;
}


#SearchFeeSearchButton
{
    width: 78px;
    height: 25px;
    background: url(../images/searchButt2.png) no-repeat left top;
    padding-left: 15px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #999898;
}

.ButSearch
{
    width: 78px;
    height: 25px;
    background: url(../Style/DynamicImage?imageName=searchButt.png) no-repeat left top;
    padding-left: 0px;
    margin: 5px 0px 0px 0px;
}






.ButClose
{
    width: 78px;
    height: 25px;
    background: url(../images/closeButt.png) no-repeat left top;
    padding-left: 0px;
    margin: 5px 0px 0px 0px;
}

.ButView
{
    width: 78px;
    height: 25px;
    background: url(../images/viewButt.png) no-repeat left top;
    padding-left: 15px;
    margin: 5px 0px 0px 0px;
}

.ButLMembers
{
    width: 123px;
    height: 25px;
    background: url(../images/linkButt.png) no-repeat left top;
    padding-left: 15px;
    margin: 5px 0px 0px 0px;
}


/* Vertical form */
.FormSeparatorHolder
{
    width: 880px;
    height: auto;
    overflow: hidden;
}

.FormSeparatorLeft
{
    width: 435px;
    float: left;
}

.FormSeparatorRight
{
    width: 435px;
    float: right;
}

.VerticalForm div, .VerticalForm200 div
{
    width: auto;
    overflow: hidden;
    display: block;
    margin-bottom: 3px;
}

.VerticalForm div label
{
    float: left;
    padding-top: 8px;
    width: 100px;
}

.VerticalForm200 div label
{
    float: left;
    padding-top: 8px;
    width: 200px;
}

.VerticalForm div label
{
    float: left;
    padding-top: 8px;
    width: 200px;
}

.VerticalForm div span
{
    float: left;
    padding-top: 8px;
    width: 200px;
}

.HorizontalForm div input[type="text"]
{
    width: 125px;
    height: 18px;
}
.HorizontalForm div select
{
    width: 135px;
    padding: 1;
}

.VerticalForm div input[type="text"], .VerticalForm200 div input[type="text"]
{
    width: 280px;
    height: 18px;
}

.VerticalForm div select
{
    width: 210px;
}

.VerticalForm200 div select
{
    width: auto;
}

.VerticalForm div input[type="checkbox"], .VerticalForm200 div input[type="checkbox"]
{
    margin-top: 5px;
}

*html .VerticalForm div input[type="checkbox"], *html .VerticalForm200 div input[type="checkbox"]
{
    margin-top: 5px;
    margin-left: -5px;
}
* + html .VerticalForm div input[type="checkbox"], * + html .VerticalForm200 div input[type="checkbox"]
{
    margin-top: 5px;
    margin-left: -5px;
}



/* content: Footer */
#footer div
{
    padding-top: 5px;
}

#footer li
{
    list-style-type: none;
    display: inline;
    padding-left: 5px;
}


/* --------------- */
/* content: Login */
.LoginForm div
{
    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 8px;
}

.LoginNavigation
{
    width: 247px;
    height: auto;
    float: left;
}







.LoginNavigation li.CallUs
{
    background: url(../Style/DynamicImage?imageName=logCall_bc_blue.png) repeat-x left top;
    height: 126px;
}

.LoginNavigation li.CallUs li
{
    list-style-type: none;
    float: none;
    color: #FFF;
    font-size: 12px;
    background-image: none;
    text-decoration: none;
    border-bottom: 0px;
    text-align: center;
}

.CallUs img
{
    padding: 35px 0px 0px 5px;
}

.CallUs h4
{
    color: #9c9a9a;
    font-size: 15px;
    padding: 70px 0px 0px 10px;
}

.CallUs p
{
    padding-left: 10px;
    font-size: 14px;
}

.LoginContent
{
    width: 553px;
    height: 340px;
    float: left;
}


.LoginForm
{
    padding: 80px 0px 20px 0px;
}

.LoginForm label
{
    width: 170px;
    text-align: right;
    padding-right: 15px;
}

.LoginForm input[type="text"]
{
    width: 200px;
}

.LoginForm input[type="password"]
{
    width: 200px;
}

input.ButLogin
{
    width: 78px;
    height: 27px;
    background: url(../Style/DynamicImage?imageName=logButt.png) no-repeat left top;
    padding-left: 15px;
}


#ButLogin
{
    width: 78px;
    height: 27px;
    background: url(../Style/DynamicImage?imageName=logButt.png) no-repeat left top;
    padding-left: 15px;
    border: none;
}


/* content: Menu */
/*.droplinetabs {
    overflow: hidden;
}

.droplinetabs ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.droplinetabs li {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
}

.droplinetabs a {
    float: left;
    color: white;
    margin: 0 4px 0 0;
    padding: 0 0 4px 3px;
    text-decoration: none;
    background-color:#6495d2;
    font-size:12px;
}

.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active {
    color: white;
}

.droplinetabs a span{
    float: left;
    display: block;
    padding:3px 4px 1px 4px;
    cursor: pointer;
}

.droplinetabs a span.MainTab
{
    padding:7px 9px 3px 6px;
}

.droplinetabs a span {
    float: none;
}


.droplinetabs a:hover {
    background-color: #396cac;*//*background color of tabs onMouseover*/
/* color: white;
}

.droplinetabs a:hover span {
    background-color: transparent;
}
*/
/* Sub level menus*//*
.droplinetabs ul li ul {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    background: #396cac; *//*sub menu background color */
/*visibility: hidden;
}*/

/* Sub level menu links style */
/*.droplinetabs ul li ul li a {
    padding: 6px;
    padding-right: 8px;
    margin: 0;
    background: #396cac;*//*sub menu background color */
/* font-size:11px;
}

.droplinetabs ul li ul li a span {
    background: #396cac;*//*sub menu background color */
/*}

.droplinetabs ul li ul li a:hover {*//*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
/*background: #6495d2;
}*/




.jquerycssmenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li
{
    position: relative;
    display: inline;
    float: left;
    z-index: 10;
}

/*Top level menu link items style*/

/*1st sub level menu*/
.jquerycssmenu ul li ul
{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li
{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul
{
    top: 0;
}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass
{
    position: absolute;
    top: 12px;
    right: 8px;
}

.rightarrowclass
{
    position: absolute;
    top: 5px;
    right: 5px;
}







/* content: Grid */
div.ContentScroller
{
    /*overflow:auto;*/
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

table.CommonGrid
{
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}

table.CommonGrid tbody
{
    border: 0px;
    border-collapse: collapse;
}

table.CommonGrid thead td
{
    border: 0px;
    border-collapse: collapse;
    font-weight: bold;
    padding-left: 5px;
}


table.CommonGrid table.GridLineZero td
{
    border-bottom: 0px;
}

tr.GridPadinside td
{
    margin-top: 15px;
}

table.CommonGrid tfoot tr td
{
    border: none;
}

table.CommonGrid tfoot td
{
    text-align: center;
    padding: 5px;
    color: #666;
}


#CMD1 input[type="text"]
{
    width: 100px;
}

#CMD2 input[type="text"]
{
    width: 100px;
}

#CMD3 input[type="text"]
{
    width: 100px;
}

table#accountsGrid thead
{
    background-color: #D6E3F9;
    color: #6495D2;
}

table#accountsGrid tbody
{
    background-color: #EEF3FB;
    font-size: 11px;
}

table#accountsGrid tbody tr td
{
    padding-bottom: 2px;
    padding-top: 2px;
}


#MTC3 input[type="text"], #MTC4 input[type="text"], #MTC5 input[type="text"], #MTC6 input[type="text"], #MTC7 input[type="text"]
{
    width: 130px;
}

#MTC1 table
{
    width: 12px;
    height: 10px;
}

#MTC1 input[type="text"]
{
    width: 100px;
    height: 10px;
}

#MTC2 input[type="text"]
{
    width: 100px;
    height: 10px;
}
#MTC2 table
{
    width: 12px;
    height: 10px;
}
#MTC0 input[type="text"]
{
    width: 100px;
    height: 10px;
}
#MTC0 table
{
    width: 12px;
    height: 10px;
}




#DOB input[type="text"]
{
    width: 100px;
    height: 13px;
}

#DOB table
{
    width: 12px;
    height: 12px;
}

#searchTxt
{
    height: 18px;
}

#ClosedDiv input[type="radio"]
{
    margin-top: 10px;
    vertical-align: bottom;
}

#MemberListDIV select
{
    width: 200px;
}



#MonthlyDIV select
{
    width: 132px;
}
#CardTransactionsDIV select
{
    width: 132px;
}
#TransactionTypeDIV select
{
    width: 153px;
    float: left;
}
#AccountDIV select
{
    height: 25px;
    width: 131px;
}

#TransferDIV select
{
    height: 25px;
    width: 131px;
}
#NumCodeDIV select
{
    height: 25px;
    width: 131px;
}

#AccountDIV2 select
{
    width: 150px;
    height: 93px;
}

table#FromDate
{
    width: 120px;
}
table#ToDate
{
    width: 120px;
}

#card-status
{
    width: auto;
}
table#accountsGrid tbody tr td
{
    padding-left: 10px;
}
#tabs-1
{
    overflow: auto;
    height: 130px;
}
#test
{
    height: 25px;
    text-align: right;
    width: 100%;
    background-color: #fff;
    margin-bottom: 5px;
    padding-top: 10px;
}
#test a
{
    text-decoration: none; /*background-image: url("../images/commonBtnBg.png");      background-repeat: repeat-x;*/
    color: #034AF3;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 8px;
    font-family: Arial,Helvetica,sans-serif;
    margin-right: 1px;
    float: right;
}

#test a:hover
{
}
#replacement-card select
{
    width: 120px;
}


ul#ul1 li div select
{
    width: 285px;
}

ul#ul2 li div select
{
    width: 285px;
}

#Div3
{
    width: 258px;
    margin-top: 10px;
}
#Div2
{
    width: 258px;
}
#Div2 table tbody tr
{
    width: 205px;
}
ul#ul3 li div input[type="text"]
{
    width: 250px;
    margin-top: 10px;
}
#Div2 table tbody tr td input[type="text"]
{
    width: 225px;
}
#Div3 table tbody tr td input[type="text"]
{
    width: 225px;
}
#DOB2 table tbody tr td input[type="text"]
{
    width: 254px;
}



#Trransfer-date table tbody tr td input[type="text"]
{
    width: 254px;
}

#Trransfer-date-Ex table tbody tr td input[type="text"]
{
    width: 254px;
}
#Trransfer-date-Ex
{
    width: 289px;
    float: left;
}
#Trransfer-date
{
    width: 160px;
    float: left;
}



.gridActionDropDown
{
    margin-left: 0px;
    font-weight: bold;
}

select#SelectActionDropDown
{
    width: 200px;
    margin-left: 20px;
    font-weight: bold;
}

select#SelectedAccount
{
    width: 120px;
    margin-left: 10px;
}


/*------ entity-details-page -------*/

#entity-details-page-div1
{
    background-color: #EEF3FB;
    height: auto;
    padding: 0px;
    margin-top: 5px;
  
}
#entity-details-page-div2
{
    width: 100%;
    margin-top: 0px;
}
#entity-details-page-div3
{
    float: left;
    width: 99%;
}
#tabs-9 {
    min-height: 200px;
    overflow: auto;
}
#tabs
{
    height: auto;
    width: 874px;
}
#tabs-6
{
    height: auto;
    min-height: 200px;
    overflow: auto;
}
#tabs-5
{
    min-height: 200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
#tabs-4
{
    min-height: 200px;
    overflow: auto;
}
#tabs-3
{
    height: auto;
    min-height: 200px;
    overflow: auto;
}
#tabs-2
{
    min-height: 200px;
    overflow: auto;
}
#tabs-1
{
    min-height: 200px;
    overflow: auto;
}
.entity-details-page-raw1
{
    width: 99%;
    height: 20px;
}
.entity-details-page-sub-raw1
{
    float: left;
    width: 49%;
}
.entity-details-page-sub-raw2
{
    float: left;
    width: 120px;
}
.entity-details-page-sub-raw3
{
    float: left;
    width: 160px;
}
.entity-details-page-sub-raw4
{
    float: right;
    width: 49%;
}

.entityFieldRowSpace {
    margin-top: 11px
}

.entity-details-full-line {
    float: left;
    width: 99%;
}

.entity-details-page-sub-raw5
{
    float: left;
    width: 49%;
}
.entity-details-page-sub-raw6
{
    float: left;
    width: 54%;
}
.entity-details-page-sub-raw7
{
    float: left;
    width: 88px;
}
.entity-details-page-sub-raw8
{
    float: left;
    width: 19%;
}
.entity-details-page-sub-raw9
{
    float: left;
    width: 45%;
}
.entity-details-page-sub-raw10
{
    float: left;
    width: 54%;
}
.entity-details-page-sub-raw11
{
    float: left;
    width: 99%;
}
.entity-details-page-sub-raw12
{
    float: left;
    width: 188px;
}
.width-set1
{
    width: 99%;
}
.width-set2
{
    width: 133px;
}
.item1
{
    margin-bottom: 2px;
    color: #424242;
    font-size: 11px;
}
.item2
{
    margin-top: 10px;
}
.item3
{
    height: 25px;
}
.fieldset-1
{
    width: 820px;
    margin-top: 0px;
    padding: 3px 10px;
    clear: left;
}
.fieldset-2
{
    width: 370px;
    margin-top: 0px;
    padding: 3px 10px;
}
.fieldset-3
{
    width: 400px;
    margin-top: 0px;
    padding: 3px 10px;
}
.fieldset-4
{
    width: 370px;
    margin-top: 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}
.tabs-3-div1
{
    height: 200px;
    overflow: auto;
}
.tabs-4-div1
{
    height: 100px;
    overflow: auto;
    max-height: 100px;
}
.tabs-4-div2
{
    float: left;
    width: 100%;
}
.tabs-4-div3
{
    width: 99%;
    height: 25px;
    float: left;
}
.tabs-4-div4
{
    width: 99%;
    height: 25px;
}
.tabs-4-div5
{
    float: left;
    width: 180px;
}
.tabs-2-div1
{
    float: right;
    width: 100%;
    height: 25px;
    margin-top: 20px;
}
.tabs-2-div2
{
    width: 49%;
    height: 200px;
    float: left;
}
.tabs-2-div3
{
    width: 49%;
    height: 200px;
    float: left;
}
.tabs-2-div4
{
    float: left;
    width: 100%;
    height: 25px;
}
.tabs-2-div5
{
    float: right;
    width: 100%;
    height: 25px;
}
.tabs-1-div1
{
    width: 99%;
    height: 25px;
}

.display-block 
{
    display: inline-block;
    width: 120px;
}

table#loan-app-detail-grid thead tr td
{
    width: 16%;
}

table#loan-app-detail-grid tbody
{
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

table#associations-grid thead tr td
{
    width: 33%;
}
table#associations-grid tbody
{
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}


#tabs a:hover
{
    background-color: #F4F6F6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/*------- Transaction Summary --------*/

.transaction-summary-div1
{
    padding: 10px 0 10px 10px;
}
.transaction-summary-div2
{
    float: left;
    padding-top: 10px;
}
.transaction-summary-div3
{
    width: 860px;
    visibility: hidden;
}



.transaction-summary-width-set1
{
    width: 270px;
}
.transaction-summary-width-set2
{
    width: 860px;
}
.transaction-summary-width-set3
{
    width: 870px;
}

#MemberListDIV
{
    width: 300px;
}
#CriteriaDiv
{
    width: 860px;
}
.MoneyFieldDiv
{
    float: right;
    padding-right: 30px;
}


/*------- CustomerAccountSearch --------*/

#CustomerAccountSearch ul
{
    list-style: none;
    line-height: 15px;
}
#CustomerAccountSearch-div1
{
    margin-top: 10px;
    margin-bottom: 6px;
    width: 280px;
}
#CustomerAccountSearch-div2
{
    padding: 10px;
    width: 860px;
}
#CustomerAccountSearch-div3
{
    width: 425px;
}
#CustomerAccountSearch-div3 ul
{
    list-style: none;
    line-height: 15px;
}
#CustomerAccountSearch-div3 ul li div label
{
    width: 130px;
}
#CustomerAccountSearch-div4
{
    width: 425px;
}

.CustomerAccountSearch-lable1 
{
    width: 200px;
    vertical-align: middle;
    padding-top: 13px;
}

.OnlineOrderSearch-label
{
    width: 100px;
    vertical-align: middle;
    padding-top: 13px;
}



/*------- CustomerSearch --------*/

.CustomerSearch-div1
{
    padding: 10px;
    width: 860px;
    height: 160px;
}
.CustomerSearch-label1
{
    width: 170px;
}
.CustomerSearch-label2
{
    width: 210px;
}
.CustomerSearch-label3
{
    width: 200px;
}


/*------- Feemaintenance --------*/

#Feemaintenance-buttons
{
    float: right;
    border-top: 1px solid #6495D2;
    padding-top: 10px;
    width: 100%;
    text-align: right;
}
#Feemaintenance-fieldset
{
    width: 830px;
}
.Feemaintenancediv
{
    width: 855px;
    padding: 5px 10px;
}


table#AvailableFeeSchdule
{
    margin: 10px;
}
table#AvailableFeeSchdule thead tr td
{
    background-color: #6495D2;
    padding-left: 10px;
    color: #FFF;
}
table#AvailableFeeSchdule thead tr td label
{
    color: #FFF;
    font-weight: bold;
}
table#AvailableFeeSchdule tbody tr td
{
    background-color: #FFF;
    padding: 5px 10px 15px 10px;
    font-weight: bold;
}

.AvailableFeeSchdule-table-td1
{
    height: 30px;
    width: 100px;
}
.AvailableFeeSchdule-table-td2
{
    height: 30px;
    width: 400px;
}


/*------- SearchFees --------*/

#CriteriaDiv
{
    padding: 0 10px;
}
#SearchFees-div1
{
    width: 99%;
    height: 35px;
}
#SearchFees-div2
{
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
#SearchFees-fieldset
{
    width: 835px;
}
#SearchFees-Btndiv
{
    border-top: 1px solid #6495D2;
    float: right;
    padding-top: 10px;
    width: 100%;
    text-align: right;
}

.SearchFees-div2
{
    width: 42%;
    height: 30px;
    float: left;
}
.SearchFees-div3
{
    width: 99%;
    height: 30px;
    float: right;
}
.SearchFees-div4
{
    width: 42%;
    height: 30px;
    float: left;
}

.SearchFees-row1
{
    float: left;
    width: 100px;
}
.SearchFees-row2
{
    float: left;
    width: 200px;
}

.SearchFees-results-Paginator
{
    height: 20px;
    width: 200px;
    margin: 5px auto;
}


/*------- Modify Product --------*/

#ModifyProduct-fieldset1
{
    float: left;
    width: 830px;
    margin-top: 0px;
    padding: 0 0 5px 10px;
}
#ModifyProduct-fieldset2
{
    float: left;
    width: 830px;
    margin-top: 0px;
    padding: 0 0 5px 10px;
}
#ModifyProduct-fieldset3
{
    float: left;
    clear: left;
    width: 830px;
    margin-top: 0px;
    padding: 0 0 5px 10px;
}
#ModifyProduct-fieldset4
{
    float: left;
    width: 830px;
    margin-top: 0px;
    padding: 0 0 5px 10px;
}
#ModifyProduct-PN select
{
    width: 130px;
}

.ModifyProduct-div1
{
    padding: 10px;
}

#ModifyProduct-fieldset1 table tbody tr td input[type="text"]
{
    width: 101px;
}
#ModifyProduct-fieldset2 table tbody tr td input[type="text"]
{
    width: 101px;
}

.ModifyProduct-row1
{
    width: 260px;
    float: left;
    clear: left;
    height: 25px;
}
.ModifyProduct-row2
{
    width: 160px;
    float: left;
    height: 25px;
}
.ModifyProduct-row3
{
    width: 272px;
    float: left;
    clear: left;
    height: 25px;
}
.ModifyProduct-row4
{
    width: 230px;
    float: left;
    height: 25px;
    margin-left: 20px;
}

.ModifyProduct-links
{
    width: 160px;
    float: left;
}
.ModifyProduct-buttons
{
    border-top: 1px solid #6495D2;
    padding-top: 10px;
    text-align: right;
    clear: left;
    margin-top: 10px;
    float: left;
    width: 100%;
}

table#FRC-gridDetail tbody tr td table tr td
{
    background-color: #fff;
}
table#FRC-gridDetail tbody tr td table tr
{
    height: 10px;
}



.ModifyProduct-margin-set
{
    margin-top: 12px;
}

.ModifyProduct-Validation
{
    float: left;
    clear: left;
    margin-top: 8px;
}
.ModifyProductRateMode-Validation
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}






/*------- SMSAlertListView --------*/

.SMSAlertListView-div1
{
    padding: 10px;
    min-height: 200px;
}
#SMSAlertListView-div2
{
    margin-top: 10px;
}
#SMSAlertListView-div3
{
    height: 330px;
}

.SMSAlertListViewLoyalty-div1 {
    padding: 10px;
    min-height: 200px;
    float: left;
    font-weight: bold;
    padding-top: 5px;
    text-align: left;
    width: 160px;
}


table#SMSAlertListView-grid
{
    width: 830px;
}
table#SMSAlertListView-grid thead
{
    background: url(../Style/DynamicImage?imageName=tblBC.png) repeat-x scroll left top #C3C9CD;
    border: 0 none;
    border-collapse: collapse;
    height: 24px;
}

/*------- SMSAlertEntryView --------*/

.SMSAlertEntryView-div1
{
    padding: 10px;
}
.SMSAlertEntryView-row1
{
    width: 145px;
    height: 30px;
    float: left;
    clear: left;
}
.SMSAlertEntryView-row2
{
    width: 200px;
    height: 30px;
    float: left;
}
.SMSAlertEntryView-row3
{
    float: left;
    clear: left;
    width: 205px;
}
.SMSAlertEntryView-row4
{
    float: left;
}
.SMSAlertEntryView-marginset1
{
    margin-top: 10px;
}
.SMSAlertEntryView-row9
{
    width: 200px;
    float: left;
}

#SMSAlertEntryView-select1 select
{
    width: 179px;
}


#SMSAlertEntryView-Account select
{
    margin-left: 0px;
    width: 179px;
}

#SMSAlertEntryView-div2 input[type="text"]
{
    width: 173px;
    height: 18px;
}
#SMSAlertEntryView-div3 input[type="text"]
{
    width: 173px;
    height: 18px;
}
#SMSAlertEntryView-div4 input[type="text"]
{
    width: 173px;
    height: 18px;
}

#SMSAlertEntryView-div5 input[type="text"]
{
    width: 147px;
}
#SMSAlertEntryView-div6 input[type="text"]
{
    width: 149px;
}
#SMSAlertEntryView-div5
{
    width: 220px;
}

#SMSAlertEntryView-div7 select
{
    width: 179px;
}
#SMSAlertEntryView-div8 select
{
    width: 179px;
}

#SMSAlertEntryView-btndiv
{
    float: left;
    clear: left;
    border-top: 1px solid #6495D2;
    width: 100%;
    text-align: right;
}

.SMSAlertEntryView-row9 input[type="text"]
{
    width: 173px;
    height: 18px;
}


table.CommonGrid thead td
{
    height: 24px;
    padding-right: 5px;
}


#CustomerCard
{
    height: 250px;
}
#LinkedEntities
{
    max-height: 460px;
}
CustomerAccount
{
    height: 250px;
}
.grid-container
{
    height: 250px;
    overflow: auto;
}


/*------- LogOnView --------*/

#LogOnView-div1
{
    width: 185px;
    margin-left: 0px;
    float: left;
}
#LogOnView-div2
{
    margin-left: 0px;
    float: left;
}
#LogOnView-div2 label
{
    width: auto;
    color: #b61818;
    margin-left: 0px;
}
#LogOnView-div3
{
    margin-left: 185px;
    float: left;
}
#LogOnView-div3 label
{
    width: auto;
    color: #b61818;
}

/*------- CardMaintenance  --------*/

.CardMaintenance-div1
{
    padding: 10px;
    width: 860px;
}
.CardMaintenance-row1
{
    width: 150px;
    height:20px;
    padding-top: 0px;
    clear: left;
}
.CardMaintenance-row2
{
    width: 110px;
    padding-top: 0px;
}
.CardMaintenance-div3
{
    margin-top: 2px;
    width: 250px;
    float: left;
}
.CardMaintenance-div4
{
    line-height: 15px;
    padding-top: 5px;
    width: 250px;
    float: left;
}
.CardMaintenance-setWidth
{
    width: 285px;
}
.CardMaintenance-row3
{
    width: 100px;
    padding-top: 0px;
}
.CardMaintenance-row4
{
    width: 115px;
    padding-top: 0px;
}
.CardMaintenance-row4 input[type="text"]
{
    width: 280px;
}
.CardMaintenance-row5
{
    width: 155px;
    padding-top: 0px;
}
.CardMaintenance-row6
{
    width: 155px;
    padding-top: 5px;
    clear: left;
}
.CardMaintenance-row7
{
    width: 120px;
    padding-top: 0px;
}



.CardMaintenance-div2 select
{
    width:156px;
}

.CardMaintenance-div2 input[type="text"]
{
    width:150px;
}

.CardMaintenance-div2 label {
  display: block;
  line-height:18px;
  margin-bottom: 5px;
}

.CardMaintenance-div2 .control-label
{
  float: left;
  font-weight: bold;
  padding-top: 5px;
  text-align: left;
  width: 160px;
}


.CardMaintenance-div2 .controls {
    margin-left: 180px;
}



.CardMaintenance-div2
{
    width: 450px;
}
.CardMaintenance-div2 ul
{
    list-style: none;
    line-height: 25px;
}

.CardMaintenance-div2 ul li
{
    list-style: none;
    line-height: 25px;
}

#CardMaintenance-btn1
{
    clear: both;
    float: right;
    border-top: 1px solid #6495D2;
    width: 100%;
    padding-top: 10px;
    text-align: right;
    margin-top: 5px;
}
#CardMaintenance-div5
{
    padding: 10px;
    width: 860px;
    height: 20px;
}
#CardMaintenance-div5 ul
{
    list-style: none;
}
#CardMaintenance-div6 ul li
{
    list-style: none;
    clear: left;
    float: left;
}
#CardMaintenance-div6 ul li input[type="text"]
{
    width: 275px;
}
#CardMaintenance-btn2
{
    clear: both;
    float: right;
    border-top: 1px solid #6495D2;
    width: 100%;
    padding-top: 10px;
    text-align: right;
    margin-top: 8px;
}

.CardMaintenance-ul
{
    list-style: none;
    line-height: 30px;
}

.CardMaintenance-div7
{
    height: 180px;
}
.CardMaintenance-div8
{
    padding: 10px;
    width: 410px;
    float: left;
    margin-right: 20px;
    height: 178px;
}
.CardMaintenance-div9
{
    padding: 10px;
    width: 417px !important;
    float: left;
}

.CardMaintenance-div2 ul li div select
{
    width: 155px!important;
}
.CardMaintenance-div2 ul li div input[type="text"]
{
    width: 150px;
}


#card-design-div select
{
    width: 156px;
    margin-top: 10px;
}

/*------- FeeDetails  --------*/

.FeeDetails-div1
{
    padding: 10px;
    background-color: #EEF3FB;
}
.FeeDetails-div2
{
    width: 405px;
    float: left;
}
.FeeDetails-div3
{
    width: 50%;
    float: right;
    height: 200px;
}
.FeeDetails-div4
{
    width: 99%;
    height: 30px;
}
.FeeDetails-div5
{
    float: left;
    width: 134px;
}
.FeeDetails-div6
{
    float: left;
    width: 200px;
}

.FeeDetails-div6 textarea
{
    overflow: hidden;
}
.FeeDetails-div7
{
    width: 50%;
    float: right;
    padding-top: 5px;
}
.FeeDetails-div8
{
    margin-top: -1px;
    padding-left: 10px;
    float: left;
}
.FeeDetails-div9
{
    float: right;
    width: 100%;
    height: 30px;
    vertical-align: top;
    text-align: right;
    border-top: 1px solid #6495D2;
    padding-top: 10px;
}
.FeeDetails-div10
{
    height: auto;
    max-height: 300px;
    overflow: auto;
}


.FeeDetails-div12
{
    width: 100%;
    float: left;
    height: 155px;
}

.FeeDetails-div13
{
    width: 328px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
}

.FeeDetails-div14
{
    float: right;
    clear: left;
    margin-top: 10px;
    background-color: #EEF3FB;
    width: 318px;
    height: 34px;
    text-align: right;
    padding-top: 3px;
    border-top: 1px solid #6495D2;
}

.FeeDescriptionText
{
    white-space: pre-wrap;
    width: 188px;
    padding: 2px;
    border: none;
    background-color: #EEF3FB;
}

#GlAccount-fieldset
{
    padding: 5px;
    margin: 0px;
    padding-bottom: 0px;
}



.GL-div
{
    float: right;
    width: 100%;
    text-align: right;
    border-top: 1px solid #6495D2;
    height: 40px;
    margin-top: 5px;
}



/*------- CreditCardInitialDetails  --------*/

#CreditCardInitialDetails-div1 ul li
{
    list-style: none;
    clear: left;
    padding-top: 6px;
}

#SMSAlert-product select
{
    width: 130px;
}

#CustomerAccountSearch ul li
{
    float: left; /*margin-right:40px;*/
}
#CustomerAccountSearch
{
    height: 30px;
}
#CustomerAccountSearch ul li
{
    float: left;
}

.help-btn
{
    width: 28px;
    height: 28px;
}

#SearchResultDiv
{
    float: left;
    margin-top: 0px;
    clear: left;
    width: 100%;
}





/*------- FutureDatePayout  --------*/

#FutureDatePayout-div1 input[type="text"]
{
    width: 100px;
}


/*------- ChargeManualFee  --------*/

.ChargeManualFee-div1
{
    padding: 10px;
}
.ChargeManualFee-fieldset1
{
    float: left;
    width: 830px;
}

.FooterMsg
{
    width: 600px;
    height: 25px;
    float: left;
    border-top: 2px solid #FFF;
    text-align: left;
    font-size: 10px;
}

/*------- Linked Entity Details  --------*/

#RelationDataDiv div input[type="text"]
{
    width: 200px;
}
#RelationDataDiv div select
{
    width: 205px;
}
#RelationDataDiv
{
    line-height: 30px;
}


/*------- Linked Entity Details Popup  --------*/

.LinkedEntityDetails-div1
{
    width: 99%;
    height: 30px;
}

.LinkedEntityDetails-div2
{
    width: 49%;
    height: 20px;
    float: left;
}
.LinkedEntityDetails-div3
{
    width: 35%;
    height: 20px;
    float: left;
}



#PayLaterDateDiv input[type="text"]
{
    width: 130px;
}
#RecurringPayParametersDiv input[type="text"]
{
    width: 130px;
}
#RecurringPayParametersDiv select
{
    width: 135px;
}

#DirectDebitEntryDetail-div1 input[type="text"]
{
    width: 130px;
}
#DirectDebitEntryDetail-fieldset
{
    float: left;
    width: 330px;
    margin-top: 0px;
}

#AccountBalanceTransfer-div1 input[type="text"]
{
    width: 130px;
}
#AccountBalanceTransfer-div1 table tbody tr td input[type="text"]
{
    width: 106px;
}

#AccountBalanceTransfer-txt input[type="text"]
{
    width: 180px;
}

#transactionDetailDiv
{
    margin-top: -10px;
}

.page-member-details
{
    text-align: left;
    vertical-align: bottom;
    height: 25px;
    width: 870px;
}



#MemberNoteSearchUserControlSearchButton
{
    background: url(../Style/DynamicImage?imageName=searchButt.png) no-repeat scroll left top transparent;
    border: medium none;
    border-bottom: 1px solid #999898;
    height: 25px;
    margin: 5px 0 0;
    padding-left: 15px;
    width: 78px;
}

#glOkBtn
{
    background: url(../Style/DynamicImage?imageName=sBC.png) no-repeat 0 0;
    width: 35px;
    height: 25px;
}

ul#errorList
{
    margin-left: 20px;
}

#CardMaintenance-div-sec3 ul li div input[type="text"]
{
    width: 150px;
}




/*------- ForgotPassword --------*/
ul#numberedItems
{
    list-style: none;
}

.forgotPassword-div1
{
    padding: 10px;
}


#CustomerAccountSearch2div ul li
{
    list-style: none;
}

#MTC6 input[type="text"]
{
    width: 125px;
}
#MTC4 input[type="text"]
{
    width: 125px;
}

input[type="checkbox"]
{
    margin-top: 4px;
}

select#SelectedApplicationMethod
{
    width: 135px;
}

#CommentDiv-txt input[type="text"]
{
    width: 350px;
}

#changeCardStatusButton
{
    width: 110px;
}

#modifyCardButton
{
    width: 110px;
}


#firstSectionVerticalFormDiv
{
    padding: 0px 10px;
    width: 415px;
}


/*------- ResetPassword --------*/

.resetPass-div1
{
    padding: 10px;
}
.resetPass-div2
{
    clear: left;
    width: 450px;
}
.resetPass-div2 label
{
    width: 150px;
}
.resetPass-div2 input[type="text"]
{
    width: 200px;
}
.resetPass-div2 input[type="password"]
{
    width: 200px;
    float: left;
}


.disable-menu
{
    display: block;
    background-color: #CCC; /*background of tabs (default state)*/
    padding: 8px 20px 6px 20px;
    margin-right: 1px; /*spacing between tabs*/
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
}

.disable-submenu
{
    background-color: #CCCCCC;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    margin-right: 1px;
    padding: 6px 5px;
    text-decoration: none;
    width: 160px;
}

.disable-link {
  color: #a0a0a0!important;
  cursor:default!important;
}

/*------- AddNewFeeTotaller --------*/

.addNewFeeTotaller-div1
{
    width: 99%;
    height: 30px;
}
.addNewFeeTotaller-div2
{
    float: left;
    width: 130px;
}




.table-head
{
    width: 880px;
    height: 30px;
    background: url(../Style/DynamicImage?imageName=tblBCL.png) repeat-x scroll left top #C3C9CD;
}

table#direct-debit-table tbody tr td
{
    padding: 5px 3px;
}

table#direct-debit-table-thead thead tr td
{
}

#TransactionEntry-rdo input[type="checkbox"]
{
    margin-top: 3px;
}

#DepositChequeTypeMerchantDiv input[type="checkbox"]
{
    margin-top: -2px;
}


select#SelectedAction
{
    font-weight: bold;
}



.editor-label
{
    color: #424242;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 120px;
    float: left;
    clear: left;
}

.editor-field
{
    float: left;
}

.editor-field input[type="text"]
{
    width: 200px;
}

.editor-field input[type="password"]
{
    width: 200px;
}

.permissions-fieldset
{
    clear: left;
    padding-top: 0px;
}

.permissions-fieldset fieldset
{
    margin: 0px;
}

.permissions-fieldset fieldset label
{
    width: 96px;
    font-weight: bold;
}


/*------- Account Closure --------*/

.accountClosure-div1
{
    float: left;
    clear: left;
    height: 25px;
}

.accountClosure-lable
{
    font-weight: bold;
    width: 175px;
}
.accountClosure-lable2
{
    text-align: right;
    width: 120px;
}
.accountClosure-lable3
{
    text-align: center;
    width: 50px;
}

.errorContentpanel
{
    margin: 80px 100px;
    background-color: Gray;
    height: 190px;
}

.sort-image-accountNote
{
    float: right;
    height: 65%;
    width: 18%;
    vertical-align: middle;
    cursor: pointer;
}
.sort-description-accountNote
{
    float: left;
    height: 65%;
    width: 80%;
}


/*------- Add Pending Transaction --------*/

.addPendingTransaction-div1
{
    float: left;
    clear: left;
    height: 30px;
}

.addPendingTransaction-lable
{
    font-weight: bold;
    width: 135px;
}

/*------- Arrears Summary --------*/

.arrears-summary-highlight
{
    font-weight: bold;
    color: red;
}

.ArrearsSeparatorLeft
{
    width: 480px;
    float: left;
}

.ArrearsSeparatorRight
{
    width: 380px;
    float: right;
}


#EntityDetailPageTopButtonBar
{
    margin-top: 0px;
    padding-bottom: 12px;
    width: 100%;
    height:15px
}

#UpdateEntityBtn
{
    float:right;
    width:100px
}
.CommonGrid label
{
	padding:0;
}

.CardMaintenance-ReadOnlyDiv
{
    width:870px !important;
    padding-left:10px
}


.CardMaintenance-TopFields
{
    height :225px;
    width:390px;
}

.clearboth
{
    clear:both;
}