.LoginNavigation a:hover
{
    background-color: #E2E2DC;
    background-image: none;
}

#loginFooter 
{
    text-align:center;
    color:#a6a5a5;
    font-size:10px;
    padding-top:10px;
}

#loginFooter
{
    
    background-color:#4A4A4A; margin:0px auto; width:800px; height:20px;
}

.MasterFooter
{
    background-color: #4A4A4A;
}

.LoginNavigation a
{
    font-size: 14px;
    color: #4A4A4A !important;
    text-decoration: none;
    display: block;
    width: 247px;
    height: 40px;
    padding-top: 30px;
    text-align: center;
}

h1, h2, h3, h4 {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;    
    font-weight:normal;
    padding-bottom:5px;
}

.login-body {
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background:#FFF url(../Style/DynamicImage?imageName=innerBC-login.png) repeat-x left top;	
}

label
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#424242;
    float:left;
    display:inline-block;
    padding-top:3px;
}

a:link
{
    color: #034af3;
    text-decoration: none;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

.LoginPadding
{
    padding: 20px 20px 20px 30px;
    background-color:#FFFFFF;
}

#loginContentpane {
    width:800px;
    height:auto;
    margin-top:10px;
    background-color:#FFFFFF;
    overflow:hidden;
    display:inline-block;
}

#footer {
	width:100%;
	height:25px;
	margin:0px auto;  /* -40px sucks it back in & auto centers it */
	position:absolute;
	background-color:#F7F7F4;
	border-top:2px solid #FFF;	 
	min-width:1000px;
	text-align:center;		
    color:#FFF;
    font-size:10px;
}

.ReadonlyFormHolder 
{
    width: 860px;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
    background-color: #FAFAFB;
}

.account-page  {
background-color: #FAFAFB;
}

.account-page .ui-accordion-content {
       background-color: #FAFAFB;
}



#contentHolder
{
    width:900px;
    background-color:#FFFFFF;
    margin-top:30px;/* 50px */
    margin-bottom:0px;
    min-height:462px;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a
{
    display: block;
    background-color: #4A4A4A; /*background of tabs (default state)*/
    padding: 8px 20px 6px 20px;
    margin-right: 1px; /*spacing between tabs*/
    color: #FFFFFF;
    text-decoration: none;
    font-size: 12px;
}

.jquerycssmenu ul li a:hover
{
    background-color: #C00015; /*tab link background during hover state*/
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a
{
    width: 160px; /*width of sub menus*/
    background-color: #E20019;
    color: #FFFFFF;
    padding: 6px 5px;
    margin: 0;
    font-size: 11px;
}

.jquerycssmenu ul li ul li a:hover
{
    /*sub menus hover style*/
    background: #C00015;
    color: #FFFFFF;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000000;
    padding: 0;
}

.TopNavigation li
{
    list-style-type: none;
    display: inline;
    color: #5e5e5e;
    padding-left: 5px;
}

input[type="text"]
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px solid #b6b6b6;
    background-color:#FFFFFF;
    padding:2px; 
    height:18px;   
}

input[type="password"]
{
    background-color: #FFFFFF;
    border: 1px solid #b6b6b6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 2px;
    height: 18px;
}

.LoginNavigation li
{
    list-style-type: none;
    background: url(../Style/DynamicImage?imageName=logNav_bc.png) repeat-x left top;
    border-bottom: 1px solid #FFFFFF;
}

#footer a 
{
        color:#FFFFFF;
        text-decoration:none;
}

select
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px solid #b6b6b6;
    background-color:#FFFFFF;
    padding:3px 4px 3px 4px; 
}

body {
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background:#FFF url(../Style/DynamicImage?imageName=innerBC.png) repeat-x left top;	
}

input[type="button"]
{
    background-image: url(../Style/DynamicImage?imageName=commonBtnBg.png);
    background-repeat: repeat-x;
    border: 1px solid #999898;
    height: 25px;
    color: #FFFFFF;
    font-size: 11px;
    cursor: pointer;
    width: 75px;
}

table.CommonGrid thead
{
    border: 0px;
    border-collapse: collapse;
    background: #c4c9cd url(../Style/DynamicImage?imageName=tblBC.png) repeat-x left top;
    height: 24px;
    border-bottom: 1px solid #999999;
}

table#FRC-gridDetail tbody tr td
{
    background-color: #eef0f2;
}

#removeButton
{
    background-image: url(../Style/DynamicImage?imageName=removeBtn.png);
    background-repeat: no-repeat;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    width: 25px;
}

#AccountSearchControlSearchButton
{
    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;
}

#OnlineOrderSearchButton
{
    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;
}


#EntitySearchUserControlSearchButton
{
    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;
}

.ui-widget-header { /*border: 1px solid #aaaaaa{borderColorHeader};*/ background: #B6B6B6/*{bgColorHeader}  url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) {bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #4A4A4A/*{fcHeader}*/; font-weight: bold; }

.ui-widget-content { border: 1px solid #CAD9EF/*{borderColorContent}*/; background: #FFFFFF/*{bgColorContent}  url(images/ui-bg_flat_75_ffffff_40x100.png) {bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFFFFF;
	border: 2px solid #CAD9EF;
	color: #000000;
	padding: 2px;
}

#popup_title {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 1.75em;
	color: #FFFFFF;
	background-color:#B6B6B6;
	border: 0px;
	border-bottom: none;
	cursor:move;
	padding: 7px 7px 7px 12px;
	margin: 0em;
}

.SearchPanel
{
    background: #FAFAFB url(../Style/DynamicImage?imageName=searchBC.png) repeat-x left top;
    padding: 3px 10px;
    margin-top: 5px;
    min-height: 40px;
}

.SearchPanelOnlineStoreOrders
{
    background: #FAFAFB url(../Style/DynamicImage?imageName=searchBC.png) repeat-x left top;
    padding: 3px 0px;
    margin-top: 5px;
    min-height: 40px;
}
#MemberDetailAccButnSearch
{
    width: 78px;
    height: 25px;
    background: url(../Style/DynamicImage?imageName=searchButt.png) no-repeat left top;
    padding-left: 15px;
    margin: 5px 0px 0px 0px;
    border: none;
    border-bottom: 1px solid #999898;
}

input[type="submit"]
{
    background-image: url(../Style/DynamicImage?imageName=commonBtnBg.png);
    background-repeat: repeat-x;
    border: 1px solid #999898;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    width: 75px;
}


table.CommonGrid tbody tr:nth-child(even)
 {
     background-color: #eef0f2;
 }
table.CommonGrid tbody tr:nth-child(odd)
 {
     background-color: #f4f6f6;
 }


.RowEven
{
    background-color: #eef0f2;
}

.RowOdd
{
    background-color: #f4f6f6;
}

table.CommonGrid tbody tr.RowSelected td {
    background-color: {RowSelectedbackground-color};
}

table.CommonGrid tbody td
{
    border: 0px;
    border-bottom: 1px solid #FFFFFF;
    border-collapse: collapse;
    padding: 5px;
    cursor: default;
}

a {
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#437cc4;
}

.validationMSGError
{
    width: 867px;
    height: auto;    
    background-color: #fed5d5;
    border: 1px solid #e12424;
    margin-bottom: 5px;
    padding: 8px 0 0 10px;
    color: #e02525;
    font-size: 11px;
    font-weight: bold;
}

.validationMSGError-dynamic-width
{
    height: auto;    
    background-color: #fed5d5;
    border: 1px solid #e12424;
    margin-bottom: 5px;
    padding: 8px 0 0 10px;
    color: #e02525;
    font-size: 11px;
    font-weight: bold;
}

.cms-dialog .validationMSGError {
    width: 98%;
}

.entityAffiliateValidationMSGError
{
    width: 100%;
    height: auto;
    min-height: 30px;
    background-color: #fed5d5;
    border: 1px solid #e12424;
    margin-bottom: 5px;
    margin-left:-5px;
    padding: 8px 0 0 10px;
    color: #e02525;
    font-size: 11px;
    font-weight: bold;
}

.validationMSGSucess
{
    width: 867px;
    height: auto;    
    background-color: #fbf5df;
    border: 1px solid #ffcd06;
    margin-bottom: 5px;
    padding: 8px 0 8px 10px;
    color: #424242;
    font-size: 11px;
    font-weight: bold;
}

textarea
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: 1px solid #B6B6B6;
}

.RightButtonpanel
{
    text-align: right;
    width: 100%;
    padding-top: 5px;
    border-top: 1px solid #B6B6B6;
}

.disable-button
{
    color: #a0a0a0 !important;
    text-shadow: #4A4A4A 1px 1px 0px;
}

.ui-widget-overlay { background: #FAFAFB/*{bgColorOverlay}  url(images/ui-bg_flat_0_aaaaaa_40x100.png) {bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .5;filter:Alpha(Opacity=50)/*{opacityOverlay}*/; }

#ButnSearch
{
    width: 78px;
    height: 25px;
    background: url(../Style/DynamicImage?imageName=searchButt2.png) no-repeat left top;
    padding-left: 15px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #999898;
}

input[type="button"].disable
{
    background-image: url(../Style/DynamicImage?imageName=commonBtnBg-dis.png);
    background-repeat: repeat-x;
    border: 1px solid #999898;
    height: 25px;
    color: #6d6d6d;
    font-size: 11px;
    cursor: pointer;
    width: 75px;
}

.FeeDetails-div11
{
    float: right;
    width: 100%;
    height: 30px;
    text-align: right;
    border-top: 1px solid #B6B6B6;
    padding-top: 10px;
}

#TransactionTypeDIV
{
    background-color: #FAFAFB;
    padding: 10px;
    height: 25px;
    width: 860px;
}

#ButnTransactionSearch
{
    width: 78px;
    height: 25px;
    background: url(../Style/DynamicImage?imageName=searchButt2.png) no-repeat left top;
    padding-left: 15px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #999898;
}

#ChargeManualFee-div2 textarea
{
    background-color: #FFFFFF;
    border: 1px solid #B6B6B6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 2px;
    height: 30px;
}

.ChargeManualFee-btn
{
    float: left;
    clear: left;
    border-top: 1px solid #B6B6B6;
    width: 100%;
    text-align: right;
    padding-top: 8px;
    margin-top: 5px;
}

table.CommonGrid thead.HeadExtralarge
{
    background: #c3c9cd url(../Style/DynamicImage?imageName=tblBCL.png) repeat-x left top;
    height: 71px;
}

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #FAFAFB;
}

/*------- DirectDebitEntryDetail  --------*/

#DirectDebitEntryDetail-btndiv
{
    float: left;
    clear: left;
    border-top: 1px solid #4CB7E6;
    width: 100%;
    text-align: right;
}

.GetStatementSlogan-btndiv
{
    clear: both;
    float: right;
    border-top: 1px solid #B6B6B6;
    width: 100%;
    padding-top: 6px;
    text-align: right;
    margin-top: 5px;
}

.editor-label-2
{
    color: #424242;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 160px;
    float: left;
    clear: left;
    padding-top: 8px;
}
#entity-details-page-div4
{
    background-color: #FAFAFB;
    height: auto;
    padding: 5px 10px;
}

#entityAffiliate-form-action-bar
{
    padding-right:20px !important;
}

#AddEntityAffiliateButton
{
    width:100px !important
}
#entityAuthentication-form-action-bar
{
    padding-right:20px !important;
}

.AddEntityAuthenticationButton {
    width: 120px !important
}

#popup_ok
{
    width:50px !important
}

#popup_cancel
{
    width:50px !important
}

#EntityAffiliateListView-grid
{
    width: 870px;
}

#EntityAffiliateListView-grid-EntityCreate
{
    width: 860px;
}

.ui-widget-content a {
    color: #034af3;
}

 .paginatorContainer {

     background: #c4c9cd url(../Style/DynamicImage?imageName=tblBC.png) repeat-x left top;
        }

 /* Tab Styling*/
 /*Unselected tab background color*/
.ui-tabs .ui-tabs-nav li{
      background-color: #4A4A4A;
}

/*Unselected tab text color*/
.ui-tabs .ui-tabs-nav a{
      color: #FFFFFF;  
    font-weight: normal;           
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px!important;                                                                                                                 
}

/*Selected tab background color*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
background-color: #C00015!important;

}

/*Selected tab text color*/
.ui-tabs-active a {
    color: #FFFFFF!important; 
    font-weight: normal!important;           
    font-family:Arial, Helvetica, sans-serif!important;
    font-size:11px!important;                                                     
}

/*Tab hover Background Color*/
.ui-state-hover a, .ui-state-hover a:hover  {
      /*background-color: #E20019!important;*/
      background-color: #C00015!important;
}

/*Tab hover Text Color*/
.ui-state-hover a {

     
    color: #FFFFFF!important;
     
     font-weight: normal!important;           
     font-family:Arial, Helvetica, sans-serif!important;
     font-size:11px;!important                                                      
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    border: none;
}
 
    /*Tab header stripe*/
.ui-tabs .ui-tabs-nav{
      background-color: #FAFAFB!important;

}

.modal-header
{
   background-color: #B6B6B6;
}

.modal-header h3 small
{
   color: #4A4A4A
}

.modal-button {
    background-image: url(../Style/DynamicImage?imageName=commonBtnBg.png);
    background-repeat: repeat-x;
    border: 1px solid #999898;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    width: 75px;
}

.wizard-navigation-pill
{
    background-color: #4A4A4A; /*background of tabs (default state)*/
}

#header .TopActingAs
{
    color: #e02525;
}

/*Fix the red color option text issue when selecting the "--Select Product--"  */
#cardOrderForm select:focus:invalid:focus {
    border: 1px solid #FAFAFB;
    color: #000000;
}

.cardImageContainer {
    border-color: #FAFAFB;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url(../Content/themes/base/images/ui-icons_777777_256x240.png) no-repeat -96px -128px #f6f6f6;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}
/* Keep the style same as old version */
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(../Content/themes/base/images/ui-icons_555555_256x240.png) !important;
}