/* Change everything to border-box model */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* Admin Portal commonly used class-based CSS */
.ap_hidden { display: none; }
.ap_button { border: none; padding: 10px 20px; font-weight: bold; cursor: pointer; margin: 10px 0; min-width: 100px; border-radius: 10px; }
.ap_indent { padding-left: 20px; }
.ap_smallBold { font-size: 0.8em; font-weight: bold }

/* header icons */
div.SubAccountTypes {  height: 48px; width: 64px; border-radius: 24px; padding: 0px; }
td.MergeAccountButton { position:absolute; margin-top:2em; margin-left:-.5em;}
.SubReport { margin-top: 1.75em; background-repeat: no-repeat; padding:2em 2.5em 1em 1.5em;}

/* --------- Colors, most likely to change at top -------------- */
.bottom a { border:none;}
.error { border-radius:7px; font-weight:bold; word-spacing:1px; letter-spacing:.5px; line-height:2; padding:0px 15px 0px 15px; border:none;}
.success { border-radius:7px; font-weight:bold; word-spacing:1px; letter-spacing:.5px; line-height:2; padding:0px 15px 0px 15px; border:none;}
#divError { border-radius:7px; font-weight:bold; word-spacing:1px; letter-spacing:.5px; line-height:2; padding:0px 15px 0px 15px; border:none;}
#divSuccess { border-radius:7px; font-weight:bold; word-spacing:1px; letter-spacing:.5px; line-height:2; padding:0px 15px 0px 15px; border:none;}
.ChosenTab {filter: alpha(opacity=60); opacity:.6; border:none;}
.ChosenTab2 {filter: alpha(opacity=55); opacity:.55; border:none;}
.Content { border:none;}
.DepartmentExt { border:none;}
.DepartmentNames { border:none;}
.Greetings {border:none;}
.Hyperlink {border:none;}
.titlenav { border:none;}	
a.titlenav {border:none;}
td.a { border:none;}
.a th { border:none;}
th.b { border:none;}
.PhoneNumbers { border:none;}
.Econtent a:link { border:none;}
.Econtent a:hover { padding: 7px 12px 6.5px 12px; border:none;}
.LoginTitle2 { border:none;}
.Sample { border:none;}
.Title { border:none;}
.Title2 { border:none;}
.TitleReport { border:none;}
.ResultsTable{text-align:left; margin-left:auto; margin-right:auto; width:850px; padding: 1em; border:none;}
.mainnav a:link { border:none;}
.mainnav a:visited { border:none;}
.mainnav a:hover {filter: alpha(opacity=60);opacity:.6; border:none;}
.mainnav2 a:link { border:none;}
.mainnav2 a:visited { border:none;}
.mainnav2 a:hover { filter: alpha(opacity=55); opacity:.55; border:none;}

/* Colors unlikely to change */
.Email { border:none;}
.EmailFont { border:none;}
.EmailUploader { border:none;}
.Ghost { border:none;}
.LoginTitle { border:none;}
.Note { border:none;}
.Phoenix { border:none;}
.Preview { border:none;}
.Section{ border:none;}
.Shopperlist { border:none;}

/* Non-color /image styling*/
body {background-repeat:repeat-x;margin-top:0em;margin-left:0em;margin-right:0em;font-family: Arial; border:none;}
.ui-jqgrid {margin-left: auto; margin-right:auto; border:none;}
ul.cssMenu, ul.cssMenu ul  {list-style:none; margin:0; padding:0; position: relative; border:none; }

/* Building menu items - for 2nd and more level menu items*/
ul.cssMenu ul { border-width:1px; border-style:solid; }
ul.cssMenu ul li { border-bottom-width: 1px; border-bottom-style: solid; }
        
/*Style for 1st level menu header*/
ul.cssMenu li { position: relative; float: left; zoom: 1; /*Needed for IE*/ padding:2px 13px 0px 0px; border:none;}
ul.cssMenu li:hover { padding:2px 13px 0px 0px; border:none; }
ul.cssMenu li a{/*Menu link styles*/ display: block; padding: 5px; font-family: Lucida Sans Unicode, Lucida Grande;  font-size: 12px; border:none;}

/*------------!TABLES!---------------*/
table.MergeLeftAccountTable {border-width:2px; border-style: solid;}
table.MergeRightAccountTable {border-width:2px; border-style: solid;}
        
/* Building menu items - for 2nd and more level menu items*/
ul.cssMenu ul { display:none; /*initially menu item is hidden*/  position: absolute; /*absolute positioning is important for menu to float*/width: 400px; 
                /*Formating of menu items*/
                border-width:1px; border-style:solid; padding:1px; border:none;
            
                /*optional - to change position of 2nd level menu item*/
                top: 100%;  left: 0; }
ul.cssMenu ul li {text-align:left; border-bottom-width: 1px; border-bottom-style: solid; float: none; border:none;}

ul.cssMenu ul li a { text-align:left; width: 100%; display: block; border:none;} 

/* Menu item position for 3rd level and more */
ul.cssMenu ul ul { text-align:left; left: 100%; top: 0; border:none; }
        
/* Hover effect for menu*/
ul.cssMenu li:hover > ul { 	text-align:left; display:block; border:none;}

/*------------!NORMAL DIV!---------------*/
.Account{vertical-align:top; text-align:center; margin-top:1em; border:none;}
.bottomAccount{margin-top:2.6em; text-align:center; border:none;}
.bottom{margin-top:4.6em; text-align:center; border:none;}
.bottomLogin{margin-top:35.6em; text-align:center; border:none;}
.bottomMerge{margin-top:10.6em; text-align:center; border:none;}
.bottomReceipt{margin-top:17.6em; text-align:center; border:none;}
.BulkContent {vertical-align:top; text-align:center; margin-top:.5em; border:none;}
.Center { text-align: center; }
.Contact{vertical-align:top; text-align:center; border:none;}
.ContactEmail{width:400px; margin-right:auto; margin-left:auto; vertical-align:top; text-align:center; background-repeat: no-repeat; padding: 1.5em 0em 1.5em 0em; border:none;}	
.ContactPhone{ margin-left:3em; width:400px; vertical-align:top; text-align:center; margin-left:5em; background-repeat:no-repeat; padding:1.5em 0em 1.5em 0em; border:none;}
.Content {vertical-align:top; text-align:left; font-family:arial;  margin-top:-12.5em; margin-left:-10em; border:none;}
.CronContent{text-align:center; vertical-align:middle; border:none;}
.CustomerSearch {font-weight:bold; font-size:20px; font-family:arial; text-align:center; vertical-align:top; margin-top:-.75em; border:none;}
.CSFont{font-family:arial;}
.csButton {vertical-align:top; text-align:center; margin-top:2em; height:15px; border:none; }
.csPhoneNumberValidator{display:inline-block; width:150px; display:none; border:none;}
.CustomerSearchTable{width:100%}
.DepartmentExt{margin-left:7em; margin-top:-1.3em; text-align:left; border:none; }
.DepartmentNames{margin-left:1em; vertical-align:top; text-align:left; border:none;}
.Econtent {margin-left:0.25em;margin-top:-12.5em; text-align: left; vertical-align: top; border:none;}
.Email {font-family:arial;font-size:17px; border:none;}
.EmailUploader {font-family:arial;font-size:17px; border:none;}
.footer {margin-left:0em; background-repeat: repeat-x; padding: .25em 20em .25em 20em; border:none;}
.GO {background-repeat:no-repeat; border:none;}
.Greetings{margin-top:-5em;margin-left:2em; border:none;}	
.HelpTrainingFrame {margin-left:auto;margin-right:auto; width:100%;height:105em; border:none;}
.Index_Design{margin-top:0em; margin-left:4.5em;position:absolute; border:none;}
.Index_Design2{margin-top:2.1em;margin-left:4.5em;position:absolute; border:none;}
.Index_Design3{margin-top:-1.15em;margin-left:4.5em;position:absolute; border:none;}
.Index_Design4{margin-top:-2.4em; margin-left:4.5em; border:none;}
.Index_Design5{margin-top:2.7em;margin-left:5em; border:none;}
.Left{text-align: left; border:none; }
.Login{margin-top:-5.75em; margin-left:-1em;font-size:14px; border:none;}
.Login_Background{margin-top:.7em;margin-right:5em; background-repeat: no-repeat; padding:.5em 14em 5em 5em; border:none;}
.LoginTitle{margin-left:2em;margin-top:13em;border:none;}
.LoginTitle2{margin-left:5em;margin-top:13em; border:none;}
.Logo{margin-top:1.5em;margin-left:5em; background-repeat: no-repeat; padding:.5em 27em 5em 5em; border:none;}
.LSearch{margin-left:17em; margin-top:-.25em; position:absolute; border:none;}
.MainSub{vertical-align:top;text-align:center;margin-top:-1.25em;font-size:18px; font-weight:bold; border:none;}	
.MainContent{margin-left:auto;margin-right:auto;vertical-align:top;text-align:center; width:80%; /*height:100%; */ border:none;}
.Need_Assist{margin-top:.5em;margin-left:5em;font-size:13px; border:none;}
.Need_Assist a{font-size: 12px; border:none;}
.Need_Assist2{margin-top:-.5em;margin-left:5em;font-size:13px; border:none;}
.Note{font-size:15px; border:none;}
.Phoenix{font-size:17px;font-weight:bold; border:none;}
.PhoneNumbers{margin-left:0em; vertical-align:top; text-align:center;  font-weight:bold; border:none;}
.Please{margin-left:5em;vertical-align:top;text-align:center; border:none;}
.Preview{font-size:17px; border:none;}
.Radio{text-align:center;vertical-align:middle; border:none;}
.Right{text-align: right; border:none;}
.Root{vertical-align:top;text-align:center; border:none;}
.RSearch{margin-left:30em; margin-top:-.25em; position:absolute; border:none;}
.Sample{border-style:ridge; text-align:center; margin-top:1em; border-width:4px; margin-left:auto; margin-right:auto;}
.Section{font-size: 17px; font-weight: bold; border:none;}
.Shopperlist{text-align:center; }
.States {text-align:left; width:297px; height: 21px; vertical-align:top; }
.SubIcon {margin-top:5.75em; background-repeat: no-repeat; padding:2em 2.5em 1em 1.5em; border:none;}
.Title{margin-left:0em;margin-top:6.75em; text-align:center; border:none;}
.Title2{margin-left:0em;margin-top:1.75em; text-align:center; border:none;}
.TitleReport{margin-top:-1em; border:none;}
.ViewReceipt{vertical-align:top;text-align:center;margin-top:.5em; border:none;}
.validation-summary-errors {margin-left: 2em; margin-top: -0.5em; border:none;}
.WelcomeInfo{vertical-align:top;text-align:center;margin-top:-14em; width:1000px; height:450px; margin-top:-1em; border:none;}
.YellowBar {margin-left:-13em;vertical-align:top;text-align:center; margin-left:5em;background-repeat:no-repeat; padding: .5em 0em .5em 0em; border:none;}
.YellowBar2 {margin-left:-10em;vertical-align:top;text-align:center;  margin-left:0em;background-repeat:no-repeat; padding: .5em 0em .5em 0em; border:none;}

/*----- !GENERAL LAYOUT & FORMATTING -----*/
.LinkButton { display: inline-block; padding: 8px; text-decoration: none; color: white !important; font-weight: bold; background: #5F9068; border-radius: 12px; }
.BackButton { background: #CCC; color: black !important;}
.LargeButton { font-size: 1.2em; }

/*------ !MERGE ACCOUNTS!------*/
td.Alignment{text-align:left; border:none; vertical-align:top;  min-width:165px; }
td.Alignment2{text-align:center; max-width:175px; min-width:185px; vertical-align:middle;}
td.ButtonLeft {text-align:left; }
td.ButtonRight {text-align:left; vertical-align:top;}
td.AccountCatagory {text-align:left; font-weight:bold; max-width:148px; min-width:148px; }
td.AccountDetails {text-align: left; max-width:300px; min-width:300px; margin-left:-5em;}
div.LeftArrow {background-repeat:no-repeat; width:120px; height:60px; vertical-align:middle; margin-top:.75em; }
div.RightArrow {background-repeat:no-repeat; width:120px; height:60px; margin-top:.5em; }
div.MergeInto {font-weight: bold; font-size:18px; position:absolute; margin-top:-1.25em; margin-left:15px;}
td.AccountDetails {text-align:left;}
div.Font{text-align:right; border:none;}
div.Font2{text-align:center; width:205px; border:none;}
label.Font { text-align:right; border:none;}

/*------------!TABLES!---------------*/
table.SearchRightTable { width:450px; margin-left:39.75em; margin-top:-2em; }
table.SearchLeftTable { width:450px; margin-left:.5em;}
table.MergingAccountTable {margin-left:auto;  margin-right:auto; border:0; padding:0; margin-top:2.75em;}
table.MergeLeftAccountTable {margin-top:1em; border-radius:13px; border-width:2px; border-style:solid;}
table.MergeRightAccountTable {margin-top:1em; border-radius:13px; border-width:2px; border-style:solid;}
table.AdTable {border:0; padding:0; height:900px;}
table.BonusTable {border:0; padding:3px; margin-left:auto; margin-right:auto;  width:950px;}
table.BulkContent{ padding:3px; text-align:center; width:250px; margin-left:auto; margin-right:auto;}
table.TwoColumnTable {border:0; padding:0; margin-left:auto; margin-right:auto;}
table.CreateAccountTable {border:0; padding:0; margin-left:auto; margin-right:auto;}
table.CronViewerTable {border:0; padding:3px; margin-left:auto; margin-right:auto;  width:950px;}
table.ContactTable {border:0; text-align:center; margin-left:auto; margin-right:auto; }
table.ContentTable { border:0; padding:3px; text-align:center; width:1000px; height:450px; margin-left:auto; margin-right:auto;}
table.CustomerSearchTable{border:0; padding:0; margin-left:auto; margin-right:auto;}
table.FooterTable { border:0; padding:0; text-align:center; margin-left:auto; margin-right:auto;}
table.IndexTable {border:0; padding:0; text-align:left;}	
table.logotable { border:0; padding:0; text-align: left; float: left; top: 0px;}
table.logintable { border:0; padding:0; float: right; top: 0px;}
table.MarketTable {border:0; padding:3px; margin-left:auto; margin-right:auto; width:600px; vertical-align:top; text-align:center; margin-top:.5em;}	
table.PhoenixTable {border:0; padding:3px; margin-left:auto; margin-right:auto; width:1000px;}
table.PromotionChoicesTable {border:0; padding:3px; margin-left:auto; margin-right:auto; width:267px;}
table.RootTable {border:0; padding:0; margin-left:auto; margin-right:auto; height:60%; width:1040px;}
table.Spacetable {border:0; padding:3.6em 3.6em 3.6em 3.6em; text-align:center; top:0px;}
table.TitleTable {border:0; text-align:center; margin-left:auto; margin-right:auto;}
table.ValidationTable {border:0; text-align:center; margin-left:auto; margin-right:auto;}
table.SpecialTable{border:0; padding:3px; margin-left:auto; margin-right:auto; width:800px;}
table.SubMarketTable {border-style: solid; border-width:4px; margin-left:auto; margin-right:auto;}
table.StoreNTable{ border:0; padding:3px; margin-left:auto; margin-right:auto; width:400px; }
table.SubTable { border:0; padding:3px; text-align:center; width:1000px; margin-left:auto; margin-right:auto;}
table.MASearchTitle {border:0; margin-left:auto; margin-right:auto; width:1100px;}
.MASearchTitle td {width: 25%;}
table.VReceiptTable {border:0; text-align:center; width:300px; margin-top:.5em; margin-left:auto; margin-right:auto;}

/*------------!BORDER DESIGNS!---------------*/	
.b td { border-style:ridge; border-width:3px; padding:.15em .25em .15em .25em; margin-left:auto; margin-right:auto; }
.a th { border-style:ridge; border-width:3px; padding:.75em 2.25em .75em 2.25em; margin-left:auto; margin-right:auto;}	
.b th { border-style:ridge; border-width:1px; padding:.75em 2.25em .75em 2.25em; margin-left:auto; margin-right:auto;}

/*------------!MENU DESIGNS!---------------*/
.mainnav a {text-align: center; font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif; font-size:13px; word-spacing:2px;
      letter-spacing: 0.025em; text-decoration: none; text-shadow: 1px 1px 2px black; padding: 15px;
      margin-right: 0em; margin-left:0em; display: inline; list-style-type:none;}
    
.mainnav a:link {padding: 7px 15px 6.5px 15px;}

.mainnav a:visited {padding: 7px 15px 6.5px 15px; }

.mainnav a:hover {padding: 7px 15px 6.5px 15px;	}

.mainnav2 a{
    text-align: center; font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif; font-size:12px;
           word-spacing:1px; letter-spacing: 0.025em; text-decoration: none; padding: 12px; margin-right: 0em;
           margin-left:0em; display: inline; list-style-type:none;
}
.mainnav2 a:link {padding: 7px 12px 6.5px 12px; }
.mainnav2 a:visited {padding: 7px 6px 6.5px 10px;}
.mainnav2 a:hover {padding: 7px 12px 6.5px 12px;}

.bottom a { text-align: center;  font-size:11.5px;  word-spacing:1px; letter-spacing: 0em; text-decoration: none; padding: 4px;
margin-right: .25em; margin-left: .25em; border:none; display: inline; list-style-type:none;}
    
/* Not buttons -- links for support contacts*/
.button5{text-align: center; font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif; font-size:15px; font-weight:bold; word-spacing:1px;
   letter-spacing: 0.025em; text-decoration: none; padding: 12px; margin-right: 0em; margin-left:0em; display: inline;list-style-type:none;}

/*------------!SUBMIT TYPE BUTTON DESIGNS!---------------*/
.buttonSubmit {background-repeat: no-repeat; padding:.3em 1.8em .3em 1.8em; font-weight:bold;}
.buttonSubmitRED {background-repeat: no-repeat; padding:.3em 1.8em .3em 1.8em; font-weight:bold;}
.ReturnButton {padding: .3em 1.8em .3em 1.8em; font-weight: bold; border-radius:15px;}
.AddButton {padding: .2em 1em .2em 1em; font-weight: bold; border-radius:15px; text-decoration:none; font-size:14px;}

/*------------!BOX DESIGNS FOR HELPING AND TRAINING!---------------*/
#Box1 { width: 270px; height:410px;}
#Box2 { width: 270px; height:410px; margin-left:290px;margin-top:-432px;}
#Box3 { width: 270px; height:410px; margin-left:580px;margin-top:-432px;}
#Box4 { width: 270px; height:410px; margin-left:870px;margin-top:-432px;}
#PhoneBox {text-align: left; margin-left: 1.75em;}
#PDFTutorial {background-repeat:no-repeat; width:77px; height:82px; position:absolute; }
#RSMTutorials {background-repeat:no-repeat; width:83px; height:89px; position:absolute;}

/*----------------------------------!EMAIL EDITOR!----------------------------------*/
#EEDeleteBTN {float:left;}
#EEUndoSaveBTN {float: right;}
#EEFomatFont { font-size:10.5px;}
#QuestionBlock {background-repeat:no-repeat; width:20px; height:23px;position:absolute; margin-left:29.7em; margin-top:-1.5em; }
#QuestionBlock2 {background-repeat:no-repeat; width:20px; height:23px;position:absolute; margin-left:53.25em; margin-top:-1.5em;}
#QuestionBlock3 {background-repeat:no-repeat; width:20px; height:23px;position:absolute; margin-left:38.55em; margin-top:-1.3em;}

/*-------- OFFER EDITOR -----------------------------------------------------------------*/
#formFieldInputs { padding: 12px; text-align: left; line-height: 26px; }
.ap_subsection { box-sizing: border-box; border-width: 1px; border-style: solid; padding: 12px; margin: 12px; }
.ap_sectionTitle { display: inline-block; font-size: 1.2em; font-weight: bold; }

#storeFilterControls {
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    margin-bottom: 4px;
}
.ap_panel {
    padding: 10px;
}

.ap_buttonPanel {
    cursor: pointer;
    font-size: 0.8em;
    font-weight: bold;
    padding: 6px;
}

#filterControl {
    display: inline-block;
    margin-top: 16px;
    padding: 4px 8px;
    cursor: pointer;
}
#filterIndicator {
    display: inline-block;
    margin-left: 7px;
    margin-bottom: -4px;
    width: 20px;
}
#offerFilters {
    border-width: 2px; border-style: solid;
    line-height: initial;
}
.filterSection {
    display: inline-block;
    padding: 10px;
    width: 25%
    
}
    .filterSection select {
        width: 100%;
    }
.filterSectionWide {
    width: 50%;
}
#storeFilterDisplayArea {
    display: inline-block;
    width: 100%;
    height: 263px;
}
.filterTab {
    cursor: pointer;
    display: inline-block;
    border-top-width: 1.2px;
    border-top-style: solid;
    border-left-width: 1.2px;
    border-left-style: solid;
    border-right-width: 1.2px;
    border-right-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 3px 6px 0;
}

#showStores {
    width: 100%;
}