/*#########################################
Body Style
#########################################*/
body{margin: 0;padding: 0;font-size: 12px;font-family: Verdana;}
/*#########################################
General Styles
#########################################*/
.clear {clear:both;}
.clearthis {clear:both;height:0;line-height:0;}
/*#########################################
Text Styles
#########################################*/
FONT{font-size: 12px;color: #333333;font-family: Verdana;}
H1{color: #333333;font-family: Verdana;}
H2{color: #333333;font-family: Verdana;}
H3{color: #333333;font-family: Verdana;}
.ErrorText{color: #ff0000;}
/*#########################################
Link Styles
#########################################*/
A:link{font-size: 12px;color: #ce7a06;font-family: Verdana;text-decoration: none;}
A:visited{font-size: 12px;color: #ce7a06;font-family: Verdana;text-decoration: none;}
A:hover{font-size: 12px;color: #8c8c8c;font-family: Verdana;text-decoration: underline;}
A:active{font-size: 12px;color: #ce7a06;font-family: Verdana;text-decoration: none;}
/*#########################################
Form Styles
#########################################*/
.FormTextBoxCharactersRemaining{border: 0;}
.FormTextBox{ vertical-align:middle; margin: 0px 0px 0px 0px; font-size: 10px; color:#666666;border-right: #808080 1px solid;border-top: #808080 1px solid;border-left: #808080 1px solid;border-bottom: #808080 1px solid;font-family: Arial;}
.FormRadio{font-size: 12px;color: #666666;font-family: Verdana;}
.FormCheckBox{font-size: 12px;color: #666666;font-family: Verdana;}
.FormDropDown{border-right: #808080 thin solid;border-top: #808080 thin solid;font-size: 12px;border-left: #808080 thin solid;color: #666666;border-bottom: #808080 thin solid;font-family: Verdana;}
.FormSubmit{border-right: #808080 thin solid;border-top: #808080 thin solid;font-size: 12px;border-left: #808080 thin solid;color: #666666;border-bottom: #808080 thin solid;font-family: Verdana;}
.FormSubmit_GO{ height:20px; border-right: #FFFFFF thin solid;border-top: #FFFFFF thin solid;font-size: 10px;border-left: #FFFFFF thin solid;color: #ffffff;border-bottom: #FFFFFF thin solid;font-family: Georgia;font-weight:900;background-color: #996633;}
/*#########################################
AJAX Control Toolkit
#########################################*/
.ListSearchExtenderPrompt{font-style:italic;color:Gray;background-color:white;}
.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background-color:#ffffdd;border-width:3px;border-style:solid;border-color:Gray;padding:3px;width:250px;}
.ajax__tab_xp .ajax__tab_body {background-color:#C7C5C5!important;}
/*#########################################
Validation related
#########################################*/
input.required, textarea.required {border: 1px solid #00A8E6;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00;color : #000;}
.validation-advice {margin: 5px 0;padding: 5px;background-color: #BBB;color : #FFF;font-weight: bold;}
.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/*#########################################
Top title bar
#########################################*/
.table-topbar {width: 100%;background-color: #121a1f;color: #ffffff;padding: 5px;padding-left: 20px;border-top: 1px solid #121a1f;border-bottom: 1px solid #121a1f;}
/*#########################################
Top nav tables
#########################################*/
.table-topnav {width: 100%;background-color: #f9f9f9;color: #4f4f4f;line-height: 18px;border-top: 1px solid #e0dfe3;border-bottom: 1px solid #9d9da1;border-right: 1px solid #9d9da1;}
.table-topnav A:link{font-size: 12px;color: #121a1f;font-family: Verdana;text-decoration: none;}
.table-topnav A:visited{font-size: 12px;color: #121a1f;font-family: Verdana;text-decoration: none;}
.table-topnav A:hover{font-size: 12px;color: #255c7b;font-family: Verdana;text-decoration: underline;}
.table-topnav A:active{font-size: 12px;color: #121a1f;font-family: Verdana;text-decoration: none;}
/*#########################################
Member box
#########################################*/
.memberbox {	background-color: #d8eaf4;color: #1e4c66;font-size: 14px;padding:20px;padding-right:20px;padding-bottom:8px;padding-top:8px;margin: 0px;border: 1px solid #93b2c4;width: 95%;}
/*#########################################
tabber
#########################################*/
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {}
.tabberlive {margin-top:1em;}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav{margin:0;padding: 3px 0;border-bottom: 1px solid #000;font-size: 12px;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a{padding: 3px 0.5em;margin-left: 3px;border: 1px solid #000;border-bottom: none;background: #DDD;text-decoration: none;font: bold 1em "Trebuchet MS", Arial, sans-serif;}
ul.tabbernav li a:link { color: #000;}
ul.tabbernav li a:visited { color: #000;}
ul.tabbernav li a:hover{color: #000;background: #bedff1;border-color: #000;font: bold 1em "Trebuchet MS", Arial, sans-serif;text-decoration: none;}
ul.tabbernav li.tabberactive a{background-color: #fff;border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover{color: #000;background: white;border-bottom: 1px solid white;}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {padding:5px;border:1px solid #000;border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px;overflow:auto;}
/*#########################################
Default gridview style
#########################################*/
.GridViewHeader{}
.GridViewHeader th{padding-right: 8px;}
.GridViewPager{}
.GridViewPager input{border: 1px solid black;font-size: 11px;}
.GridViewRow1{padding: 3px;background: #e5e6e7;}
.GridViewRow1 td{padding-right: 8px;}
.GridViewRow2 {padding: 3px;background: #FFFFFF;}
.GridViewRow2 td{padding-right: 8px;}
.GridViewRowSelected{padding: 3px;background-color: #ccc;}
.GridViewRowSelected td{padding-right: 8px;}



/*######################################################
    SALES CONSOLE GENERAL
######################################################*/
.ButtonStyle { font-size:8pt; background-color:#ccccff;}

/*######################################################
    LOGIN PAGE STYLE
######################################################*/
.LoginLabel { float:left; text-align:right; padding:3px; width:75px;}
.LoginField { float:left; padding:3px;}
.LoginTextbox { background-color:#CCFFFF; width:100px; height:12px; font-size:11px;}

/*######################################################
    SALES CONSOLE NAVIGATION PANEL
######################################################*/
#NavigationStyle { float:left; width:150px;}
#RightContentWidth { float:left; width:80%}
#LoggedInAsHeader { padding:5px 0px;}
#LoggedInAsHeader a { text-decoration:underline; color:#0000ff;}
#BodyContent { border:solid 1px #6699cc; width:834px; min-height:614px; background-color:#BABABA; padding:8px 8px 10px 8px;}
#UpsalesSearch { font-size:11px;}
.UpsalesSearchLabel { float:left; width:60px; text-align:right; padding-bottom:8px;}
.UpsalesSearchTextBox { float:left;}
.UpsalesSearchButton { padding-left:88px;}
#NavigationButtonsPanel { padding:12px;}
#NavigationButtonsPanel a { text-decoration:none; text-align:center; background-color:#ccccff; color:#000000; border-style:solid; border-width:thin; border-color:#6699CC; display:block; padding:1px 0px; margin-bottom:10px;}
#NavigationButtonsPanel a:hover { text-decoration:none; text-align:center; background-color:#dddddd; color:#000000; font-weight:bold; border-style:solid; border-width:thin; border-color:#6699CC; display:block; padding:1px 0px; margin-bottom:10px;}
#NavigationButtonsPanel a.DailyNew{ background-color: #F8D1D3;border: solid #9A0108 1px;}
#NavigationButtonsPanel a.Recycled{ background-color: #FBFAAE;border: solid #B9B900 1px;}
#NavigationButtonsPanel a.Clients{ background-color: #CBECB0;border: solid #427661 1px;}
#NavigationButtonsPanel a.PriorYears{ background-color: #AA55FF;border: solid #AA7FFF 1px;}
#NavigationButtonsPanel a.RecycledClients{ background-color: #8DB3E2;border: solid #284D75 1px; }
#NavigationButtonsPanel .PoolHeader{font-size: 12px;font-weight: bold;color: #000;padding-top: 25px;}
#LoggedInAsHeader .pnlNextAppointment {float:right;}
/*######################################################
    SALES CONSOLE QUICK CALL PAGE
######################################################*/
.MemberInfoBox { width:820px; border:solid 1px #000000; padding:6px; font-size:16px; font-weight:bold;}
.MemberInfoBox img {float:right;}
#QuickCallFormEditedPanel { border:1px solid #000000; padding:10px; margin-bottom:10px; color:#ff0000; font-weight:bold;}
#QuickCallFormEditedPanel a { color:#0000ff;}
.QuickCallLeftCell { float:left; width:447px;}
.QuickCallRightCell { float:left; width:347px; margin-left:20px;}
#MemberGeneralInfo { border:solid 1px #000000; padding:10px; width:425px;}
#MemberGeneralInfo .MGI-Label { float:left; width:155px; text-align:right; margin-right:7px; margin-bottom:10px;}
#MemberGeneralInfo .MGI-ShortLabel { float:left; width:50px; text-align:right; margin-right:7px; margin-bottom:10px;}
#MemberGeneralInfo .MGI-TextBox { float:left; font-size:11px; width:230px;}
#MemberGeneralInfo .MGI-ShortTextBox { float:left; font-size:11px; width:86px;}
#MemberGeneralInfo .MGI-ZipCodeTextBox { float:left; width:100px; margin-left:2px; font-size:11px;}
#MemberGeneralInfo .MGI-MultiLineTextBox { float:left; font-size:11px; width:230px; height:90px; margin-bottom:6px;}
#MemberTransactionInfo { border:solid 1px #000000; padding:10px; width:425px;}
#MemberTransactionInfo .MTI-HeaderBox { background-color:#c9d6e6; width:411px; border:solid 1px #000000; padding:6px; font-size:16px; font-weight:bold;}
#MemberTransactionInfo .MTI-MultiLineTextBox { width:400px; height:90px; margin:10px;}
.MTI-TransactionHistory { padding:10px;}
.MTI-TransactionHistory table{ width:405px; border-collapse:collapse; border-spacing:0; border:solid 1px #000000;}
.MTI-TransactionHistory .header{ background-color: #82878e;color: #ccd0d5;font-weight: bold;}
.MTI-TransactionHistory td{ margin: 0px;padding: 3px;border: 1px solid black;}
.MTI-TransactionHistory .RootTransactionContainerCell{ padding: 0px;border: 0px;vertical-align: top;}
.MTI-TransactionHistory .rootitem{ background-color: #bfd7f7;}
.MTI-TransactionHistory .subitem{ background-color: #eff3f7;}
.MTI-TransactionHistory .subitemalt{ background-color: #e3eaf2;}
#QuickCallEndCallPanel { border:solid 1px #000000; padding:10px; width:325px;}
#QuickCallEndCallPanel .ECP-HeaderBox { background-color:#c9d6e6; width:313px; border:solid 1px #000000; padding:6px; font-size:16px; font-weight:bold; margin-bottom:5px;}
#QuickCallEndCallPanel a { text-decoration:none; text-align:center; background-color:#ccccff; color:#000000; font-weight:bold; border-style:solid; border-width:thin; border-color:#6699CC; padding:5px 10px; margin-bottom:-10px; font-size:16px;}
#QuickCallEndCallPanel a:hover { text-decoration:none; text-align:center; background-color:#dddddd; color:#000000; font-weight:bold; border-style:solid; border-width:thin; border-color:#6699CC; padding:5px 10px; margin-bottom:-10px; font-size:16px;}
#LastCustomerServiceNotePanel { border:solid 1px #000000; padding:10px; width:325px;}
#LastCustomerServiceNotePanel .LCSN-HeaderBox { background-color:#c9d6e6; width:313px; border:solid 1px #000000; padding:6px; font-size:16px; font-weight:bold; margin-bottom:5px;}
#LastEditorialNotePanel { border:solid 1px #000000; padding:10px; width:325px;}
#LastEditorialNotePanel .LEN-HeaderBox { background-color:#c9d6e6; width:313px; border:solid 1px #000000; padding:6px; font-size:16px; font-weight:bold; margin-bottom:5px;}
#EndCallReasonHistoryPanel { border:solid 1px #000000; padding:10px; width:325px;}
#EndCallReasonHistoryPanel .ECRH-HeaderBox { background-color:#c9d6e6; width:313px; border:solid 1px #000000; padding:6px; font-size:16px; font-weight:bold; margin-bottom:5px;}


/*######################################################
    SALES CONSOLE LEAD BANK SEARCH PAGE
######################################################*/
#LeadBank { font-size:11px;}
.LB-Legend { font-weight:bold; font-size:14px;}
.LB-SearchHeader { border:1px solid #000000; background-color:#cccccc; cursor:pointer; padding:4px; font-weight:bold; width:824px;}
#LeadBankSearchPanel { padding:7px;}
.LB-SearchLeft { float:left; width:400px; padding-top:8px;}
.LB-SearchRight { float:left; width:390px; padding-top:8px;}
.LB-FieldRow { padding-bottom:6px;}
.LB-SearchLabel { float:left; width:134px; text-align:right; padding-right:6px; padding-top:3px;}
.LB-SearchShortLabel { float:left; width:93px; text-align:right; padding-right:6px; padding-top:3px;}
.LB-SearchParam { float:left;}
.LB-TextBox { font-size:11px; width:230px; height:17px; border:1px solid #a5acb2;}
.LB-ShortTextBox { font-size:11px; width:106px; height:17px; border:1px solid #a5acb2;}
.LB-MultiLineTextBox { font-size:11px; width:230px; height:90px;}
.LB-SavedSearchHeader { border:1px solid #000000; background-color:#cccccc; cursor:pointer; padding:4px; font-weight:bold; width:824px;}
#LeadBankSavedSearchPanel { padding:7px;}
.LB-ResultsPanelHeader { border:1px solid #000000; background-color:#cccccc; cursor:pointer; padding:4px; font-weight:bold; width:824px;}
#LeadBankResultsPanel { padding:7px;}
#LeadBankResultsSummary { padding:10px 0 15px 0;}
#LeadBankResultsNavigation { padding:0 0 15px 0;}
#LeadBankResultsTable { padding:4px 0 10px 0;}
.LB-ResultsHeader { background-color:#dddddd; color:#000000; font-weight:bold;}
.LB-ResultsItem { background-color:#ffffff;}
.LB-ResultsAltItem { background-color:#f3f3f3;}
.LB-ResultsItem:hover, .LB-ResultsAltItem:hover { background-color:#FFFFDD;}
.LB-ResultsBorder { border-color:#cccccc; border-style:solid; border-width:0 0 1px 1px;}
.LB-ResultsCellBorder { border-color:#cccccc; border-style:solid; border-width: 1px 1px 0 0;}
.LBResultsCellBorderHidden { display:none; visibility:hidden;}
.leadbank-table {border: 1px solid #000; border-right-width: 0; background-color: #5ED0DB;width:100%;}
.leadbank-table td {border-right: 1px solid #000; padding:6px;text-align:center;width:17%;}
.leadbank-table td a {color: #000;}
.leadbank-table td a:visited {color: #000;}

/*#####################################################################
    SALES CONSOLE PROFILE DETAILED PAGE
#####################################################################*/
#ProfileFormEditedPanel { border:1px solid #000000; width:812px; padding:10px; margin-bottom:10px; color:#ff0000; font-weight:bold;}
#ProfileFormEditedPanel a { color:#0000ff;}


/*#####################################################################
    SALES CONSOLE PROFILE DETAILED PAGE MEMBER PROFILE TAB
#####################################################################*/
#MemberAdminContainer { margin-left:20px; }
#MemberAdminContainer h1 { margin:0px; margin-top:10px; margin-bottom:5px; padding:5px; font-size:14px; font-weight:bold; color:#000; background-color:#f2c786; border:1px solid #d3983c; }
#MemberAdminContainer .rowItem { padding:0px; }
#MemberAdminContainer .labelArea { font-weight:bold; padding:3px; }
#MemberAdminContainer .EditArea { padding:3px; }


/*#####################################################################
    SALES CONSOLE PROFILE DETAILED PAGE MEMBER HISTORY TAB
#####################################################################*/
.SalesRepTransactionHistoryContainer table { width:500px;  border-collapse:collapse; border-spacing:0; border:1px solid black;}
.SalesRepTransactionHistoryContainer .header { background-color:#82878e; color:#ccd0d5; font-weight:bold;}
.SalesRepTransactionHistoryContainer td { margin:0px; padding:3px; border:1px solid black;}
.SalesRepTransactionHistoryContainer .RootTransactionContainerCell { padding:0px; border:0px; vertical-align:top;}
.SalesRepTransactionHistoryContainer .rootitem { background-color:#bfd7f7;}
.SalesRepTransactionHistoryContainer .subitem { background-color:#eff3f7;}
.SalesRepTransactionHistoryContainer .subitemalt { background-color:#e3eaf2;}


/*#####################################################################
    SALES CONSOLE PROFILE DETAILED PAGE MEMBER EDIT LOG TAB
#####################################################################*/
.MemberEditLogTable { width:600px; background-color:#aaa;}
.MemberEditLogTable td { padding:3px;}
.MemberEditLogHeaderRow { font-weight:bold; background-color:#bedff1;}
.MemberEditLogRow { background-color:#fff;}
.MemberEditLogAlternatingRow { background-color:#ddd;}


/*#####################################################################
    SALES CONSOLE PROFILE DETAILED PAGE MEMBER CUSTOMER SERVICE TAB
#####################################################################*/
.MemberCustomerServiceTable { width:875px; background-color:#aaa;}
.MemberCustomerServiceTable td { padding:3px;}
.MemberCustomerServiceHeaderRow { font-weight:bold; background-color:#bedff1;}
.MemberCustomerServiceRow { background-color:#fff;}
.MemberCustomerServiceAlternatingRow { background-color:#ddd;}


/*#####################################################################
    SALES CONSOLE PROFILE DETAILED PAGE MEMBER CUSTOMER SERVICE TAB
#####################################################################*/
.MemberCustomerServiceTable { width:768px; background-color:#aaa;}
.MemberCustomerServiceTable td { padding:3px;}
.MemberCustomerServiceHeaderRow { font-weight:bold; background-color:#bedff1;}
.MemberCustomerServiceRow { background-color:#fff;}
.MemberCustomerServiceAlternatingRow { background-color:#ddd;}


/*#####################################################################
    SALES CONSOLE PROFILE DETAILED PAGE MEMBER END CALL REASON HISTORY TAB
#####################################################################*/
.MemberEndCallReasonHistoryTable { width:768px; background-color:#aaa;}
.MemberEndCallReasonHistoryTable td { padding:3px;}
.MemberEndCallReasonHistoryHeaderRow { font-weight:bold; background-color:#bedff1;}
.MemberEndCallReasonHistoryRow { background-color:#fff;}
.MemberEndCallReasonHistoryAlternatingRow { background-color:#ddd;}

/*#####################################################################
    SALES CONSOLE QUEUE MANAGER PAGE
#####################################################################*/
#QueueManagerPanel { padding-top:20px; }
#QueueManagerPanel legend { font-size:16px; font-weight:bold; }
#QueueManagerPanel .GridStyle { border:solid 1px #cccccc; }
#QueueManagerPanel .GridHeader { background-color:#dddddd; color:#000000; font-weight:bold; }
#QueueManagerPanel .GridItem { background-color:#ffffff; }
#QueueManagerPanel .GridAltItem { background-color:#f3f3f3; }
#QueueManagerPanel .GridItem:hover { background-color:#ffffdd; }
#QueueManagerPanel .GridAltItem:hover { background-color:#ffffdd; }


/*#########################################
Fieldset style for the member admin
Fieldset is the container for all the member
admin pages
#########################################*/
.MemberAdminFieldSet { border: 0px; clear:both; margin:0px; padding:0px; }

/*#########################################
Transaction Editors
#########################################*/
.TransactionEditorContainerHeader {font-weight: bold;background-color: #f2c786;color: #000;padding: 5px;border: 1px solid #d3983c;}
.TransactionEditorContainer { padding:3px; }
.TransactionEditorContainer .descriptionField { font-weight:bold; padding: 3px; }
.TransactionEditorContainer .inputField { padding: 3px; }

/*###########################################
QUEUE BUTTONS
############################################*/
.GeneralQueueButton 
{
    text-decoration:none; text-align:center; background-color:#ccccff; color:#000000; border-style:solid; border-width:thin; border-color:#6699CC; padding:6px 20px; margin-bottom:-10px;
}

#ctl00_ContentPlaceHolder1_LinkButton1 {
    color: #000000;
}
#ctl00_ContentPlaceHolder1_lnkClient {
    background-color: #CBECB0;border: solid #427661 1px;color: #000000;
}
#ctl00_ContentPlaceHolder1_lnkRecycledClient {
    background-color: #8DB3E2;border: solid #284D75 1px;color: #000000;
}
#ctl00_ContentPlaceHolder1_lnkDailyNew {
    background-color: #F8D1D3;border: solid #9A0108 1px;color: #000000;
}
#ctl00_ContentPlaceHolder1_lnkRecycledLeads {
    background-color: #FBFAAE;border: solid #B9B900 1px;color: #000000;
}
#ctl00_ContentPlaceHolder1_lnkPriorYears {
    background-color: #AA55FF;border: solid #AA7FFF 1px;color: #000000;
}

/*
#NavigationButtonsPanel a { text-decoration:none; text-align:center; background-color:#ccccff; color:#000000; border-style:solid; border-width:thin; border-color:#6699CC; display:block; padding:1px 0px; margin-bottom:-10px;}
#NavigationButtonsPanel a:hover { text-decoration:none; text-align:center; background-color:#dddddd; color:#000000; font-weight:bold; border-style:solid; border-width:thin; border-color:#6699CC; display:block; padding:1px 0px; margin-bottom:-10px;}
#NavigationButtonsPanel a.DailyNew{ background-color: #F8D1D3;border: solid #9A0108 1px;}
#NavigationButtonsPanel a.Recycled{ background-color: #FBFAAE;border: solid #B9B900 1px;}
#NavigationButtonsPanel a.Clients{ background-color: #CBECB0;border: solid #427661 1px;}
#NavigationButtonsPanel a.PriorYears{ background-color: #AA55FF;border: solid #AA7FFF 1px;}
#NavigationButtonsPanel a.RecycledClients{ background-color: #8DB3E2;border: solid #284D75 1px; }
#NavigationButtonsPanel .PoolHeader{font-size: 12px;font-weight: bold;color: #000;padding-top: 25px;}
*/

/*###########################################
QUICK PROFILE PAGE
############################################*/
.quick-profile {background-color: #cecece;width:100%;margin: 0 0;}
.quick-profile .block, .quick-profile .block-header {margin: 0 auto;width:600px;}
.quick-profile .block {padding: 10px; border: 1px solid #e1e1e2; background-color: #e7e7e7;min-height:170px;margin-top:10px;margin-bottom:10px;}
.quick-profile .block .profile-image {float: left;border: 2px solid #87959f;}
.quick-profile .block img {width: 120px;}
.quick-profile .block-header {color: #344856; font-size: 14px;font-weight:bold;}
.quick-profile .block #top-right {float:left;width:450px;padding-left:20px;border: 1px solid #dee2e6;}
.quick-profile .left-1 {float:left;background-color: #e3eaf2;font-size:10px;font-weight:bold;padding: 5px 3px; width: 93px;color: #727c87;border-top: 2px dotted #dee2e6;height:25px;}
.quick-profile .left-2 {float:left;background-color: #e3eaf2;color:#727c87;width:20%;font-size:10px;font-weight:bold;padding: 5px 3px;border-top: 2px dotted #dee2e6;}
.quick-profile .right-1 {float:left; background-color: #eff3f7;font-size:12px;height:25px;padding: 5px 3px;width:320px;font-family: Arial;border-top: 2px dotted #dee2e6;}
.quick-profile .right-2 {float:left; background-color: #eff3f7;font-size:12px;width:77%;padding: 5px 3px;font-family: Arial;border-top: 2px dotted #dee2e6;}
.quick-profile .clear {clear: both;}


/*#####################################################################
    SALES HISTORY PAGE
#####################################################################*/
#SalesHistorySameDayPanel { padding-top:20px; }
#SalesHistorySameDayPanel legend { font-size:16px; font-weight:bold; }
#SalesHistorySameDayPanel .GridStyle { border:solid 1px #cccccc; }
#SalesHistorySameDayPanel .GridHeader { background-color:#dddddd; color:#000000; font-weight:bold; }
#SalesHistorySameDayPanel .GridItem { background-color:#ffffff; }
#SalesHistorySameDayPanel .GridAltItem { background-color:#f3f3f3; }
#SalesHistorySameDayPanel .GridItem:hover { background-color:#ffffdd; }
#SalesHistorySameDayPanel .GridAltItem:hover { background-color:#ffffdd; }

#SalesHistorySameWeekPanel { padding-top:20px; }
#SalesHistorySameWeekPanel legend { font-size:16px; font-weight:bold; }
#SalesHistorySameWeekPanel .GridStyle { border:solid 1px #cccccc; }
#SalesHistorySameWeekPanel .GridHeader { background-color:#dddddd; color:#000000; font-weight:bold; }
#SalesHistorySameWeekPanel .GridItem { background-color:#ffffff; }
#SalesHistorySameWeekPanel .GridAltItem { background-color:#f3f3f3; }
#SalesHistorySameWeekPanel .GridItem:hover { background-color:#ffffdd; }
#SalesHistorySameWeekPanel .GridAltItem:hover { background-color:#ffffdd; }

#SalesHistoryLastWeekPanel { padding-top:20px; }
#SalesHistoryLastWeekPanel legend { font-size:16px; font-weight:bold; }
#SalesHistoryLastWeekPanel .GridStyle { border:solid 1px #cccccc; }
#SalesHistoryLastWeekPanel .GridHeader { background-color:#dddddd; color:#000000; font-weight:bold; }
#SalesHistoryLastWeekPanel .GridItem { background-color:#ffffff; }
#SalesHistoryLastWeekPanel .GridAltItem { background-color:#f3f3f3; }
#SalesHistoryLastWeekPanel .GridItem:hover { background-color:#ffffdd; }
#SalesHistoryLastWeekPanel .GridAltItem:hover { background-color:#ffffdd; }