.grid-container {
    max-width: none;
}

    
BODY {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:14px;
    padding: 0;

        width: 100%;
        height: 100%;
        position: relative;
    margin: 0;
}

#adminFooter {
    margin-top: 55px;
    text-align: right;
    background: gray;
    color: white;
    padding: 10px;
    margin-bottom: 20px;
}

#adminFooter P {
    padding: 5px;
    margin: 0;
}

#adminFooter A {
    color: white;
    font-weight: bold;
}

SMALL {
    font-size: 80%;
}

#adminPrimaryNav {
    background: gray;
    margin-top: 10px;
}

#adminPrimaryNav A {
    text-decoration: none;
    color: white;
    padding: 5px;
    display: block;
    float: left;
}

#adminPrimaryNav UL {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}

#adminPrimaryNav UL LI {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}


#adminPrimaryNav A:hover {
    background: black;
}

#adminPrimaryNav A.active {
    background: black;
}

#adminSecondaryNav {
    margin-top: 5px;
    background: #F4F6F8;   
}

#adminSecondaryNav A {
    color: black;
    padding: 5px;
    display: block;
    float: left;
    text-decoration: none;
}


#adminSecondaryNav A:hover {
    background: black;
    color: white;
}

#adminSecondaryNav A.active {
    background: black;
    color: white;
}


#adminSecondaryNav UL {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}

#adminSecondaryNav UL LI {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}

#TertiaryNav {
    background: #F4F6F8;
}

#TertiaryNav A {
    color: black;
    padding: 5px;
    display: block;
    float: left;
    text-decoration: none;
}


#TertiaryNav A:hover {
    background: black;
    color: white;
}

#TertiaryNav A.active {
    background: black;
    color: white;
}


#TertiaryNav UL {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}

#TertiaryNav UL LI {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}


.notify {
    background: green;
    color: white;
    display: block;
    padding: 5px;
}

.notify-persist {
    background: green;
    color: white;
    display: block;
    padding: 5px;
}

.notify-persist-error {
    background: red;
    color: white;
    display: block;
    padding: 5px;
}

.notify-persist-warning {
    background: orange;
    color: white;
    display: block;
    padding: 5px;
}

.notify-persist input[type="text"] {
    margin-top: 10px;
    border: none;
    padding: 2px;
    background: none;
    color: white;
    width: 100%;
    font-size: 15px;
}


.error {
    background: red;
    color: white;
    display: block;
    padding: 5px;
}
.notification .error {
   color: white;
}



.rightList P,
.rightList UL,
.rightList LI,
.rightList OL,
.rightList BLOCKQUOTE,
.rightList A {
    font-size: 12px;
}

.rightList H1 {
    font-size: 17px;
}
.rightList H2 {
    font-size: 16px;
}
.rightList H3 {
    font-size: 15px;
}
.rightList H4 {
    font-size: 14px;
}
.rightList H5 {
    font-size: 13px;
    
}
.rightList H6 {
    font-size: 12px;
}


.rightList {
    margin: 0;
    padding: 0;
    list-style: none;
}


.rightList A {
    text-decoration: none;
    color: black;
}

.rightList LI {
    margin: 0 0 4px 0;
    padding: 0;
    display: block;    
    position: relative;
}

.rightListLeft {    
    display: inline-block;    
    background: #F4F6F8;    
}


.rightListRight {
    vertical-align: top;
position: absolute;
top: 2px;
right: 2px;

}





.dataList {
    margin-left: 0;
    padding-left: 0;
    list-style: none !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.dataList A {
    text-decoration: none;
    color: black;
}

.dataList UL {
    margin-bottom: 0px !important;
}
.dataList LI {
    list-style: none !important;
    position: relative;    
    margin-bottom: 0px !important;
    
}
.dataListLeft {             
    background: #F4F6F8; 
    margin: 4px 0 4px 0;
    padding: 3px 100px 4px 2px;
    
}


.dataListRight {
    position: absolute;
    top: 0;
    right: 0;        
    padding: 2px;
}

.dataListLeft .preTitleTag {
    background-color: #8d8e90;
    color: white;
    padding: 3px;
    border-radius: 3px;
}





.formErrors  LI {
    color: red;
}





TABLE.dataTable INPUT {

}


TABLE.simpleData {
    border-collapse: collapse;
    width: 100%;
}

TABLE.simpleData TH {

padding: 5px;
background: #2C4E58;
    color: white;
    border: 1px solid black;    
}
TABLE.simpleData TD {
    padding: 5px;

    border: 1px solid black;    
}

TABLE.dataTable {    
    border-collapse: collapse;
    width: 100%;
}


TABLE.dataTable TH {
    vertical-align: top;
    width: 25%;    
    
    text-align: left;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px dotted #808080;
    font-weight: normal;
    background: url(/img/gradient/EFEFEF/FFFFFF/50/vertical.png) top repeat-x #FFFFFF;
}

TABLE.dataTable.flexibleHeaders TH {
 width: auto !important;   
}

.outputTitle SPAN {
border-radius: 5px; margin: 2px; padding: 3px; 
  color: black;
}


TABLE.dataTable TD {
   
    border-bottom: 1px dotted #808080;
    vertical-align: top;    
    padding: 5px 5px 5px 5px;
}


/* new styles! */

TABLE.dataTable TH { 
background: #F4F6F8;
border-bottom: 2px solid white;
}

TABLE.dataTable TD {
border-bottom: 2px solid #F4F6F8;
}






.notify{
margin-top: 5px;
}


INPUT.tiny{
    border: 1px solid #737373;
    width: 14px;
    color: black;
    padding: 4px;
    margin: 1px;
}


INPUT.short {
    border: 1px solid #737373;
    width: 60px;
    color: black;
    padding: 4px;
    margin: 1px;
}

INPUT.medium {
    border: 1px solid #737373;
    width: 140px;
    color: black;
    padding: 4px;
    margin: 1px;
}

INPUT.long {
    border: 1px solid #737373;
    width: 220px;
    color: black;
    padding: 4px;
    margin: 1px;
}

INPUT.slug {
    border: 1px solid #737373;
    width: 440px;
    color: black;
    padding: 4px 4px 4px 0;
    margin: 1px;
    font-size: 10px;
}

SELECT.special-long {
    border: 1px solid #737373;
    min-width: 229px;
    color: black;
    padding: 4px;
    margin: 1px;
}

INPUT.reallylong {
    border: 1px solid #737373;
    width: 420px;
    color: black;
    padding: 4px;
    margin: 1px;
}



INPUT.full-width {    
    color: black;
    padding: 4px;
    margin: 1px;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    width: 100%;
    border: 1px solid #737373;
}

SELECT.full-width {    
    color: black;
    padding: 4px;
    margin: 1px;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    width: 100%;

}

TEXTAREA.full-width {
     -moz-box-sizing:  border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    font-family: Arial;
    font-size: 12px;
    padding: 4px;
    border: 1px solid #737373;
}


TEXTAREA.medium {
    height: 100px !important;
    width: 220px !important;
    color: black;
    padding: 4px;
    margin: 1px;
    font-family: Arial;
    font-size: 14px;
    border: 1px solid #737373;
}


.formBlock {
    border: 1px solid #F4F6F8;
    padding: 5px;
    margin-bottom: 20px;   
}

TEXTAREA.big {
    width: 460px;
    height: 100px;
    font-family: arial;
    font-size: 12px;
    padding: 4px;
    border: 1px solid #737373;
}

.changed {
    background: #ffffe8 !important;
}

INPUT.submit {
    padding: 10px;
}

TABLE.priceTable TH {
    font-size: 10px;
    width: 90px;
    text-align: left;
}

TABLE.priceTable {
    padding: 0;
    margin: 0 0 8px 0;
}
UL.sidenav LI LI {
 margin-left: 20px;   
}

UL.sidenav LI LI A { 
 background: #CCCCCC;
}
UL.sidenav LI LI LI A {
 background: #DCDCDC;
}


UL.sidenav LI {
    list-style: none;
    margin: 0;
    padding: 0;
}

UL.sidenav LI A {
    display: block;
    background: #808080;
    color: white;
    padding: 3px;
    margin:2px;
    text-decoration: none;
}

UL.sidenav LI A:hover {
    background: black;
}


UL.sidenav LI.active A  {
    background: black;
}

/* CSS above verified up to 2011-03-11 */

.blockCMS P {
margin: 0 0 3px 0;
padding: 0;
}

.blockCMS {
padding: 5px;
font-size: 10px;
overflow: hidden;
}
.blockCMS IMG {
margin: 5px;
width: 70px !important;
}

.tinymce,
.tinymceNoValidation {
    height: 300px;
    width: 360px;
}


/* Added 11/07/2011 to modify bavkground and wrapper appearance */



#wrapper {
background: white;
padding-top: 10px;
padding-bottom: 10px;
}



#adminSecondaryNav A,
#adminPrimaryNav A {
border-right: 1px solid white;
}


.cmsHelp {
background: #D9EAF7;
padding: 5px;
margin: 10px 0 10px 0;
border-radius: 10px;
}
.cmsHelp H2 {
 padding: 0;
 margin: 0 0 20px 0;
 font-size: 16px;
 border-bottom: 2px solid #BADBF4;
}
.cmsHelp P {
font-size: 12px;
margin: 0 0 10px 0;
}

TABLE.statistics {
    

}

TABLE.statistics  TH {
    padding: 10px;
}
TABLE.statistics  TD {
padding: 10px;    
}

.themeSelect {
    margin-bottom: 20px;    
}

.themeSelect .previewScreenshot {
    text-align: center;
    padding: 10px 0 10px 0;    
    background: #F4F6F8;
    margin-bottom: 10px;
}
.themeSelect H3 {
    font-size: 10px;
}
.themeSelect IMG {   
    border: 2px solid white;    
}
.themeSelectActive .previewScreenshot {
    background: red;
}




.termsBox {
    overflow: scroll;
    border: 1px solid #D9EAF7;
    padding: 10px;
    width: 460px;
    height: 300px;
}

.certWrapper {
    font-size: 8px;
    font-family: courier;
    width: 450px;
    height: 75px;
    overflow: scroll;
}




.loginCaptcha {
border: 1px solid #808080;
vertical-align: middle;
width: 355px;
clear: both;
padding: 10px;
margin-bottom: 20px;
}
.loginCaptcha INPUT {
width: 50px;
padding: 10px;
font-size: 20px;
border: 1px solid #D0D0D0;
}

.loginCaptcha IMG, 
.loginCaptcha INPUT {
vertical-align: middle;
}



.placeholder {
    border: 1px dashed #4183C4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}



.printOnly {
    display: none;
}



.ordersTable {
width: 100%;
}

.ordersTable TABLE {
border: 1px solid #F4F6F8;
}

.ordersTable TD {
text-align: left;
padding: 5px;
border: 1px solid #F4F6F8;
}
.ordersTable TH {
border: 1px solid #F4F6F8;
width: 200px;
text-align: left;
padding: 5px;
}


.tooltip {
    display:none;
    border: 2px solid white;
    background: #D9EAF7;
    color: black;
    font-size:14px;    
    box-shadow: 5px 5px 5px black;
    width:250px;
    padding:10px;        
}
  

.contextualHelp {
    cursor: help;
}

LABEL.contextualHelp {
border-bottom: 2px dotted #D9EAF7;  
}
LABEL.contextualHelp:hover {
background: #D9EAF7;  
}


h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  margin: 0px 0 10px 0;
}

UL.dataList LI {
 margin-left: 0; 
}
UL.dataList LI LI {
  margin-left: 30px;
}



INPUT,SELECT,CHECKBOX,RADIO {
  font-size: 12px;
}

LABEL.radio INPUT {
 margin-right: 4px; 
}
LABEL.radio {
margin-right: 10px;
}




LI.publishedRow A {
 color: black; 
}

LI.unpublishedRow A {
  color: #A0A0A0 !important;
}



DIV.gradientColours {
   display: inline; 
}


.copyandpaste {
width: 100%;
height: 50px;
}

.bigcopyandpaste {
width: 100%;
height: 150px;
}


.helpNavigation UL {
    margin: 0;
    padding: 0;
}





.smallBlocks .cmsContentBlock {
    
    overflow: hidden;
}




.cmsContentBlock {
    background: white;    
    margin: 0;
    padding: 3px;       
}


.cmsContentBlock DIV DIV     .btn {
    display: none;
}


.actionButtons { 
    background: url(/img/gradient/EFEFEF/FFFFFF/50/vertical.png) repeat-x;
    display: block;
    padding: 5px;    
}

.dragHeader {
    background: #D3D3D3;
    text-align: right;
    padding: 4px;
    cursor: move;
    display: none;
}






/*
.cmsContentBlock >DIV {
max-height: 200px;
overflow: auto;
}
*/

TABLE.addressBlocks {
    width: 100%;
    padding: 0;
    margin: 50px 0 50px 0;
    border-collapse: collapse;
    font-size: 16px;
}

TABLE.addressBlocks TD {
 padding: 0;
 margin: 0;
 width: 50%;
}

.emptyBlock {
    height: 100px;
    background: #BAC1FF;
}

#actualInnerBreadcrumbs A {
 color: black;   
}

#actualInnerBreadcrumbs {
    margin-top: 5px;
    font-size: 12px;
    color: black;
padding: 5px;
margin: 10px 0 10px 0;
}

.actionButtons .btn.small {
    padding: 4px;
    font-size: 10px;
}




#adminTabbedNav UL {
margin: 20px 0 20px 0;
padding: 0;
border-bottom: 1px solid black;
}

#adminTabbedNav UL LI { 
display: inline;
margin: 0;
padding: 0;
}
#adminTabbedNav UL LI A {
display: inline-block;
padding: 2px 5px 2px 5px;
background: gray;
margin: 2px 3px 0 3px;
border-radius: 5px 5px 0 0px;
color: white;
text-decoration: none;
} 

#adminTabbedNav UL LI.selected A,
#adminTabbedNav UL LI A:hover {
background: black;
}



TABLE.detailsTable {
width: 100%;
padding: 0;
margin: 0;
}
TABLE.detailsTable TH {
padding: 2px;
background: #808080;
color: white;
}

TABLE.detailsTable TD {
padding: 2px;
border: 1px solid #808080;
}




.sortableNestedList SMALL {
display: block;
padding-left: 20px;
color: gray;
font-size: 10px;
}


SPAN.unpublished {
color: red;
}


.dataListRight .btn {
padding: 3px !important;
}




.crm-notes {
padding: 10px 10px 0px 10px;
border: 1px solid #FFFDD0;
background: #FFFDD0;
margin: 0 0 20px 0;
border-radius: 10px;
}
.crm-notes h3 {
font-size: 14px;
font-weight: bold;
}

.crm-notes .postedBy {
    font-size: 10px;

}
.otherNote .postedBy {
text-align: right;    

}
.myNote {
margin-right: 10%;
}

.otherNote {
background: #28A2EF;
border-color: #28A2EF;
color: white;
margin-left: 10%;
}


.taskNote {
background: #F5F5F5;
border: #F5F5F5;
color: black;
}

.crm-emails {
background: #E8E8E8;
padding: 10px;
border: 1px solid gray;
margin: 0 0 20px 0;
}

.crm-emails.outbound {
background: #CBEAFF;
}

.crm-emails.inbound {
background: #D4FFE7;
}


.crm-emails h3 {
font-size: 14px;
font-weight: bold;
}

.filterBox {
padding: 15px;
background: #CAEAFF;
margin-bottom: 20px;
}
.filterBox H2 {
font-size: 20px;
}

textarea.note {
width: 100%;
height: 100px;
}

.user_notification H3 {
font-size: 13px;
}
.user_notification {
border: 1px solid gray;
margin-bottom: 10px;
background: #DEF6EB;
padding: 10px;
}


.filterBox LABEL.group {
border: 1px solid white;
display: inline-block;
padding: 2px;
margin: 2px;
}



.sku SPAN:nth-child(odd) {
font-weight: bold;
}



TABLE.invoice_item {
border: 1px solid gray;
background: #fcfcfc;
}

TABLE.invoice_item TD {
padding: 10px;
}

TABLE.invoice_item TABLE {
margin-top: 20px;
border: 1px solid gray;
}
TABLE.invoice_item TABLE TD,
TABLE.invoice_item TABLE TH  {
background: white;
padding: 8px;
}

TABLE.invoice_item TABLE TR:nth-child(odd) TD,
TABLE.invoice_item TABLE TR:nth-child(odd) TH {
background: #9c9c9c;
}


.emailBody {
background: white;
padding: 20px;
}

.emailHeader H3 {
font-size: 18px;
}

.emailHeader P {
font-size: 12px;
}


UL.attachmentList {
padding: 0;
margin: 20px 0 0 0;
list-style:none;
}

UL.attachmentList LI {
padding: 0;
margin: 0;
list-style:none;
}



.resultsTable {
width: 100%;
}

.resultsTable TD {
padding: 5px;
border: 1px solid white;
}

.resultsTable .actions {
text-align: right;
}

.resultsTable tr:nth-child(even) {
background: #ebebeb;
}

.resultsTable tr:nth-child(odd) {
background: #f5f5f5;
}
.resultsTable A {
color: black;
}





.overviewRow span {
display: inline;
margin-right: 5px;
font-size: 10px;
}

.overviewRow IMG {
width: 64px !important;
height: 64px !important;
vertical-align: top;
}




TABLE.resultsTable TR.paid TD.statusCell {
background: red;
}


TABLE.resultsTable TR.incomplete TD.statusCell,
TABLE.resultsTable TR.pending TD.statusCell,
TABLE.resultsTable TR.holding TD.statusCell {
color: gray;
}
TABLE.resultsTable TR.incomplete IMG,
TABLE.resultsTable TR.pending IMG {
opacity: 0.5;
}

TABLE.resultsTable TR.required TD.statusCell {
background: red;
color: white;
}

TABLE.resultsTable TR.cancelled TD.cell {
text-decoration: line-through;
}
TABLE.resultsTable TR.cancelled IMG {
opacity: 0.5;
}

TABLE.resultsTable TR.awaiting_stock {
color: gray;
}

TABLE.resultsTable TR.awaiting_stock.paid TD.statusCell {
background: #95BD98 !important;
}



TABLE.resultsTable TR.paid TD.statusCell {
background: green;
color: white;
}




SELECT.colorDropdown {
    width: 100px;
    border: 1px solid white;
}
SELECT.colorDropdown OPTION {
    padding: 10px 5px 10px 5px;
    border: 1px solid white;
}



.autofileNotes {
background: #F9F9BF;
padding: 20px;
margin-bottom: 20px;
}






.overdue_1 .task {
font-weight: bold;
}

TABLE.dataList {
width:100%;
}
TABLE.dataList TD {
padding: 10px;
border: 1px solid white;
text-align: left;
background: #F4F6F8;
}
TABLE.dataList TH {
 text-align: left;
 padding: 10px; 
border: 1px solid white;
background: #808080;
}

TABLE.dataList .enabled_0 {
    color: gray;
}

TABLE.dataList TD.actions,
TABLE.dataList TH.actions {
    width: 100px;
    
    text-align: right;
}

.emailHeader {
    cursor: pointer;
}


.sku DIV {
color: gray;
font-size: 10px;
}


TABLE.emailIndex {
background: #F4F6F8;
width: 100%;
}

TABLE.emailIndex  TH,
TABLE.emailIndex  TD {
text-align: left;
border: 1px solid white;
padding: 5px;
}

TABLE.emailIndex  TH {
background: #808080;
color: white;
}


/* Invoice reconcilliation */


.reconcilingTable TH {
text-align: left;
}

.reconcilingTable {
width: 100%;
}
.reconcilingTable TD,
.reconcilingTable TH  {
padding: 1px 5px 1px 5px;
border-right: 1px solid white;
}
.reconcilingTable tr {
   border-bottom: 1px solid black;
}

.reconcilingTable tr:nth-child(odd) {
   background: #FAFAFA;
}


.nowrap {
    white-space: nowrap;
}

.lineItems {
border: 1px solid white;
width: 450px;
}

.lineItems tr:nth-child(odd) {
   background-color: #E2E2E2;
}
.lineItems tr:nth-child(even) {
   background-color: white;
}

.deliveryPostcodes {
margin-bottom: 20px;
font-size: 12px;
}



#header {
text-align: left;
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
}

#header A {
    color: black;
    text-decoration: none;
}
#adminFooter A {
 color: black;   
}
#adminFooter {
    background: none;    
color: gray;
   text-align: right;
}


#mainNavigationSide  {
margin-top: 5px;
padding: 0px !important;
border-right: 1px solid #303030;
}
#mainNavigationSide UL {
list-style: none;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 0px;
}

#mainNavigationSide UL LI {
margin-left: 0px;
padding-left: 0px;
}

#mainNavigationSide UL LI LI {
margin-left: 59px;
padding-left: 0px;
margin-bottom: 5px;
}


#mainNavigationSide UL A {   
display: block;
color: white;
padding: 6px;
margin-bottom: 2px;
text-decoration: none;
font-size: 14px;

}





#mainNavigationSide UL UL A {
color: white;
padding: 1px 5px 1px 5px;
text-transform: none;
}
#mainNavigationSide a:hover {
 color: white;
 background: #595959;
}

#mainNavigationSide a:hover IMG {
    filter: invert(100%);
}

#mainNavigationSide a.active {
    font-weight: bold;   
    color: white;    
    background: #2C4E58;
}
#mainNavigationSide a.active IMG {
    filter: invert(100%);   
}

#mainNavigationSide  LI HR {
    margin-left: 25px;
    margin-right: 25px;
    border-top: 1px solid #7c7c7c;
}

#brandLogo {
    margin-left: 12px;
}


#mainNavigationSide LI LI a.active {    
    background: none;
    font-weight: normal;
    
    color: #2C4E58;
}   

    div#mainNavigationSide {
background: #303030;
padding: 10px;

}

.emailPreview {
width: 800px;
padding: 10px;
border: 1px solid gray;
}

.emailPreview H1.subject {
font-size: 16px;
font-weight: bold;

border-bottom: 1px solid black;
margin-bottom: 50px;
}



/* New Layout functions */

.newHeader {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
background: #D3D3D3;
z-index: 999;
height: 60px;
overflow: hidden;
}

.newSidebar {
position: fixed;
top: 60px;
left: 0px;
z-index:998;
bottom: 0px;
background: #303030;
width: 250px;
overflow: auto;
}

.learningLocker .newHeader {
    margin-top: 60px;
}

.learningLocker .mainPanel {
    margin-top: 140px;
}

.learningLocker .newSidebar {
    top: 120px;
}




#mainNavigationSide LI IMG {
width: 24px;
vertical-align: middle;
margin-right: 20px;
margin-left: 10px;
}


/* Login form */


.loginForm IMG {
width: 300px;
margin-bottom: 20px;
}

.loginForm {    
width: 400px;
margin: 50px auto;
text-align: center;
}

/* New header */

/* Temp banner below */

.preNewHeader {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background: #D3D3D3;
    z-index: 999;
    height: 80px;
    overflow: hidden;
    line-height: normal !important;
    font-size: 14px !important;
}

.preNewHeader {
    vertical-align: middle;
    height: 80px;
}
.preNewHeader IMG {
    height: 22px;
    vertical-align: middle;
}
.preNewHeader {
    color: black;
}
.preNewHeader A {
    color: white;
    text-decoration: underline;
    height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
}

/* End of temp banner */


.newHeader {
vertical-align: middle;
height: 60px;
}
.newHeader IMG {
height: 22px;
vertical-align: middle;
}
.newHeader {
color: black;
}
.newHeader A {
color: black;
text-decoration: none;
height: 30px;
line-height: 30px;
padding-top: 15px;
padding-bottom: 15px;
vertical-align: middle;
display: inline-block;
}


#headerLinks {
    text-align: right;
}

#headerLinks A {
    margin-left: 20px;
    margin-right: 20px;
}
#headerLinks IMG {
    width: 18px;    
    height: auto;
    margin-right: 5px;
}


#wrapper,
.grid-container {
   padding: 0;
   margin: 0 auto;
   width: 100%;
        height: 100%;
}




.page-actions {    
    margin-bottom: 20px;
}

.page-actions .right-align {
    text-align: right;
}


DIV IMG.fit-container {
   width: 100%;
}

.CodeMirror {
    max-width: 1000px;
    height: auto;
      border: 1px solid #eee;

}

div.outerCmsContentBlock.unpublished IFRAME {
opacity: 0.3;
}


@media screen and (min-width: 1025px) {

    .outerCmsContentBlock {
    padding: 0px;
    position: relative;
    border: 1px solid #F4F6F8;
    }

    .outerCmsContentBlock .actionButtons {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
    }
    
}


.pagination A {
color: black;
text-decoration: none;
}
.pagination A:hover {
text-decoration: underline;
}

/* Nice new nested indicator for pages */

ul.dataList LI LI DIV.dataListLeft {
    border-left: 1px solid #757575;
}

/* fix for meta character counter */
.charleft {
width: auto !important;
}

.radioOptionBlock {
    display: block;
}



.galleryList  {
border: #F4F6F8;
}
.galleryList LI {
display: inline-block;
border: 1px solid gray;
margin: 5px;
padding: 5px;
}

.plainPackaging {
    text-align: center;
    font-size: 32px;
    border: 3px solid red;
}
.plainPackaging P {
 padding: 0px;
 margin: 0px;
}


.blockList {
display: flex;
 flex-wrap: wrap;
 list-style: none;
   box-sizing: border-box;
 padding: 0;
 width: 100%;
   justify-content: flex-start;
}

.blockList LI {
  width: 180px;
  margin: 10px;
  border: 1px solid #F4F6F8;
  padding: 10px;
 font-size: 12px;
}
.blockList .blockTypeImage {
 width: 100%; 
}

.blockList .blockTypeImage IMG {
 width: 100%;  
}
.selectedBlockType {
width: 220px !important;
  border: 1px solid #F4F6F8;
 font-size: 12px;
  padding: 5px !important;
  margin: 10px 0 10px 0;
  cursor: pointer;
}

.selectedBlockType P {
  margin: 0px;
}


.selectedBlockType IMG {
 width: 100%;  
}

.nobreak {
    white-space: nowrap;
}

.contentBlockTypeList {
    margin-top: 20px;
}
.contentBlockTypeList UL,
.contentBlockTypeList LI {
    list-style: none;
}


.duplicationWarning {

  color: #980000;
  margin-top: 0px;
  padding: 10px 0 10px 0;
}

.duplicationWarning UL {
 margin: 0;
  padding: 0;
}

.duplicationWarning A {
 color: #980000; 
}

LABEL.customerGroup * {
  vertical-align: middle;
}
LABEL.customerGroup {
  border: 1px solid #F4F6F8;
  padding: 5px 10px 5px 5px;
white-space: nowrap;
  display: inline-block;
  margin: 5px;
}

LABEL.customerGroup.checked {
    border: 1px solid black;
    background: #F4F6F8;
}

.tags SPAN {
     background: white;
     border: 1px solid white;
     border-radius: 4px; 
     padding: 2px 5px 2px 5px;
}








.newHeader  {
  background: #2D4E58;
  color: white;
}
.newHeader  A {
  color: white;
}

        

DIV.circlePreview {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}



.circlePreview {
    width: 36px;
    border-radius: 50%;
}

.mainPanel {
     background: white;
  right: 0px;  
  margin-top: 60px;  
  padding: 0px;
padding-left: 360px;
  padding-right: 120px;
  overflow: auto;  
}


#adminFooter {
  margin-bottom: 75px;
  text-align: right;
  padding-right: 120px;
}
#mainNavigationSide {
  display: none;
}
.subNavigationItem {
    display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  
  background: #303030;

}

.subNavigationItem .backToMainMenu {
    display: block;
    background: #c5c5c5;
    padding: 10px 20px 10px 20px;
    font-weight: normal;
    color: black;
}
.subNavigationItem .backToMainMenu I {
    font-size: 80%;
}


.subNavigationItem H2 {
  padding: 15px 20px 0px 20px;
    font-weight: 300;
    color: white;
    margin-left: 0px;
    margin-right: 5px;
    font-size: 18px;
}
.subNavigationItem H2 I {
    font-weight: 300;
    margin-right: 5px;
    fonts-ize: 80%;
}
.subNavigationItem UL,
.subNavigationItem LI {
  list-style: none;
  margin: 0;
  padding: 0;
}



.subNavigationItem LI A {
  text-decoration: none;
  color: white;
  display: block;
  padding: 5px 20px 5px 30px;
}
.subNavigationItem LI A:hover,
.subNavigationItem LI A.active {
  background: #595959;
}
.backToMainMenu {
  color: white;
  text-decoration: none;
  font-weight: bold;
}


span.warning {
  margin-left: 10px;
border: 1px solid #F4F6F8;
  color: black;
  font-size: 12px;
  background: #F4F6F8;
  border-radius: 6px;
  padding: 5px;
}




.listFilter INPUT {
  background: #F4F6F8;
  border-radius: 5px;
  border: 1px solid #F4F6F8;
  padding: 5px;
 background-image: url('/admin/icons/magnifier--arrow_1.png');
  background-position: 5px; 
  background-size: 14px;
  background-repeat: no-repeat;
  padding-left: 25px;
    margin-left: 20px;
    width: 100px;
}

.listFilter {
    display: flex;    
}
.listFilter SELECT {
    flex-grow: 1;
    width: auto;
}


H1 SPAN.inline-editable,
H2 SPAN.inline-editable,
H3 SPAN.inline-editable,
H4 SPAN.inline-editable,
H5 SPAN.inline-editable,
H6 SPAN.inline-editable {
    display: block;
}
/* Vehicle specific stuff */

.make_model {
  font-size: 20px;
  margin-bottom: 10px;
}
.make_model .make {
  font-weight: bold;
  
}




.vehicle_registration {
  width: 250px;  

}
.vehicle_registration_inner {
	background: linear-gradient(to bottom, #f8d038 0%,#f5ca2e 100%);
	padding: .25em 1em .25em 2.5em;
	font-weight: bold;
	font-size: 2em;
	border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 1px 1px 1px #ddd;
	position: relative ;
  font-family: helvetica, arial, sans-serif;
}

.vehicle_registration_inner:before {
	content: 'GB';
	display: block;
	width: 45px;
	height: 100%;
  left: 0px;
  text-align: center;
	background: #063298;
	position: absolute !important;
	top: 0;
	border-radius: 5px 0 0 5px;
	color: #f8d038;
	font-size: .5em;
	line-height: 85px;
	padding-left: 5px;
}

.vehicle_registration_inner:after {
	content: '';
	display: block;
	position: absolute;
	top: 7px;
	left: 16px;
	width: 20px;
	height: 20px;
	border-radius: 30px;
	border: 1px dashed #f8d038;
}


.toggleRightAligned  {
    text-align: right;
}
.toggleRightAligned * {
  font-size: 16px;
  vertical-align: middle;
}

.m_red {
  color: red;
}


.m_settings_label {
  margin-right: 5px;
}



.btn I {
  margin-right: 3px;
}




.formBlock {
  border-radius: 4px;
}

.formBlock INPUT.full-width,
.formBlock INPUT.short,
.formBlock INPUT.long,
.formBlock TEXTAREA.full-width {
   border-radius: 4px; 
}

.bluePointer {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    user-select: none;
}

.explainerText {
  margin-top: 40px;
}



#serpPreview,
.serpPreview {
  border: 1px solid #F4F6F8;
  padding: 10px;
max-width: 620px;
margin-bottom: 20px;
}
#serpPreview #serpHeader,
.serpPreview .serpHeader{
color:     #1A0DAB;
font-size: 18px;

}
#serpPreview #serpURL,
.serpPreview .serpURL{
color: #006621;
font-size: 14px;
}

#serpPreview #serpDescription,
.serpPreview .serpDescription {
color: #6A6A6A;
font-size: 13px;
line-height: 1.4;
word-wrap: break-word;
}

#meta_description_counter {
    text-align: right;
    color: dimgrey;
}

.inlinePublished {
    margin-bottom: 20px;
}

H1 A.preview_button {
    text-decoration: none;
    color: black;
}

h1.previewLink .circlePreview {
    margin-right: 10px !important;
}
H1.previewLink A {
    color: inherit;
    text-decoration: none;
}
.subNavigationItem h3 {
 font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
    margin: 15px 20px 5px 20px;
  color: white;
    border-top: 1px solid #666666;
    padding-top: 14px;
}

#actualInnerBreadcrumbs {
   display: none;
}


.mainPanel {
 margin-top: 80px;   
}

.headerDomainName {
text-transform: uppercase;
  font-size: 10px;
letter-spacing: 2px;
  display: inline-block;
margin-right: 50px;
  border-right: 1px solid white;
  padding-right: 10px;
}

#mainNavigationSide I {
margin-left: 10px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  min-width: 40px;
  font-size: 130%;
    font-weight: 300;
  margin-bottom: 5px;
}


.categoryTrail {
  font-size: 12px;
  padding-bottom: 10px;
}

.categoryTrail A {
text-decoration: none;
  color: #3E3E3F;
}

TABLE.dataTable.stockTable TH {
    width: auto ;
}

TABLE.dataTable.stockTable TH.limitedWidth {
    width: 200px !important;
}

/* Task status */


.taskStatus .ui-selectmenu-menu {
width: 300px;
}

.taskStatus LI {
   padding: 10px;
}

LI.task_incomplete,
TD.task_incomplete .ui-selectmenu-button  {
background: gray;
color: white;
margin: 5px !important;
}

LI.task_low_priority,
TD.task_low_priority .ui-selectmenu-button  {
background: #F4F6F8;
color: black;
margin: 5px !important;
}


LI.task_started,
TD.task_started .ui-selectmenu-button  {
background: #247FC8;
color: white;
margin: 5px !important;
}

LI.task_hurdle,
TD.task_hurdle .ui-selectmenu-button  {
background: black;
color: white;
margin: 5px !important;
}


LI.task_stuck,
TD.task_stuck .ui-selectmenu-button  {
background: orange;
color: white;
margin: 5px !important;
}


LI.task_done,
TD.task_done .ui-selectmenu-button  {
background: green;
color: white;
margin: 5px !important;
}

LI.task_cancelled,
TD.task_cancelled .ui-selectmenu-button  {
background: red;
color: white;
margin: 5px !important;
}
LI.task_archived,
TD.task_archived .ui-selectmenu-button  {
background: pink;
color: white;
margin: 5px !important;
}

.priority_2 .inline-editable-plain-button {
color: #BF2234;
}

.priority_2 .taskDate INPUT {
   background: #BF2234;
   color: white;
   border: 1px solid #BF2234;
}

.priorityCell {
    width: 20px;
}
/* Task users */


.userTask .ui-menu-item-wrapper,
TD.taskOwner .ui-selectmenu-button {
border-radius: 50%;
width: 40px;
color: white;
background: gray;
text-align: center;
padding: 0px;
margin: 0px;
text-align: center;
height: 40px;

}





.userTask  DIV {
    padding: 0px !important;
    margin: 0px !important;
}

.userTask .ui-menu-item-wrapper {
    margin: 5px !important;
}

.userTask .ui-menu-item-wrapper,
TD.taskOwner .ui-selectmenu-button .ui-selectmenu-text  {
height: 40px;
padding: 0px;
margin: 0px;
width: 40px;
line-height: 40px;
font-size: 20px;
}

TD.taskOwner  .ui-selectmenu-icon {
display: none;

}

A.taskId {
color: gray;
font-size: 10px;
position: absolute;
top: 2px;
left: 8px;
}

FORM.status_priority .taskStatus {
background: #C11F30;
border-radius: 8px;
}

/* Due Date */


.due_date {
width: 6em;
padding: 5px;
font-size: 16px;
color: #808080;
text-align: center;
}


.daysRemaining {
   font-size:10px;
   text-align: center;
   display: block;
   color: #808080;
}
.daysRemaining.overdue {
    color: #D9544A;
 
}

#editingSandbox {
padding: 10px;
background: #F4F6F8;
color: black;
border: 1px solid #F4F6F8;;
border-radius: 10px;
margin-bottom: 20px;
}
#editingSandbox I {
color: #AE0B39;
}

#editingSandbox A {
color: black;
}

.field-locked {
    background-color: #eaeaea;
}



.loginLogo {
    max-width: 160px;
    margin: 30px auto 75px auto;
}
.loginLogo IMG {
    height: auto;
}

.loginForm {
    box-shadow: 0 0px 3px rgba(0,0,0,0.1);
    padding: 50px 70px 50px 70px;
    text-align: left;
    background: white;
}

.loginForm .loginButton {
    display: block;
    width: 100%;
    padding: 10px;
    border :none;
    background: #2c4f59;
    color: white;
    border-radius: 5px;
    margin-top: 25px;
}

.loginForm .loginPersist {
    text-align: center;
    margin-top: 15px;
}

.loginForm  .full-width {
    border-radius: 5px;
    border: 1px solid #eff3f3;
    padding: 10px;
}

.loginForm H1 {
    margin-bottom: 20px;
}


#loginForm #slack-login {
    width: 50%;
}

#loginForm #slack-loading {
    width: 20%;
}

/* New orders Table layout */


BODY .orderSummaryContainer TABLE.orderSummary TD {
    vertical-align: top !important;
    border: none !important;
    font-size: 16px;
}

BODY .orderSummaryContainer TABLE.orderSummary TH {
    border: none !important;
    vertical-align: top !important;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    display: inline-block !important;
}

BODY .orderSummaryContainer TABLE.orderSummary TD.tableRight {
    font-weight: normal;
}
BODY .orderSummaryContainer TABLE.orderSummary TD.priceColumn {
    text-align: right;
}

BODY .orderSummaryContainer TABLE.ordersOptionsTable {
    border: none;
}



BODY .orderSummaryContainer TABLE TABLE.ordersOptionsTable TD {
    vertical-align: top !important;
    border: none !important;
    font-weight: normal;
    font-size: 16px;
    padding: 0 0 8px 0;
    margin: 0px;
    color: #909090;
}

BODY .orderSummaryContainer TABLE TABLE.ordersOptionsTable TH {
    color: #909090;
    border: none !important;
    vertical-align: top !important;
    padding: 0 0 8px 0;
    font-weight: normal;
    margin: 0px;
    font-size: 16px;
    display: inline-block !important;
}

BODY .orderSummaryContainer .spacer HR {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #BDBDBD;
}

BODY .orderSummaryContainer TABLE.ordersOptionsTable TD,
BODY .orderSummaryContainer TABLE.ordersOptionsTable TH {
    display: inline-block;
}

BODY .orderSummaryContainer TABLE.ordersOptionsTable TH {

    margin-right: 5px !important;
}

BODY .orderSummaryContainer TABLE.orderSummary H3 {
    font-weight: normal;
}
BODY .orderSummaryContainer .customerUploadedFiles {
    margin-top: 50px;
    margin-bottom: 50px;
}

.effortTag {
    font-size: 10px;
    border-radius: 3px;
    border: 1px solid #2d4e58;
    padding: 0.2em 0.5em 0.2em 0.5em;
    color: white;
    margin: 3px;
    display: inline-block;
    background: #2d4e58;
}

.login-center {
    width: 100%;
    text-align: center;
}

.g_id_signin {
    display: inline-block;
}

.searchTime {
    text-align: right;
    margin: 10px;
}

.subsNotice {
    font-size: 16px;
    border: 2px solid orange;
    border-radius: 5px;
    padding: 10px 10px 10px 20px;
    font-weight: 700;
}