﻿html {
    height: 100%;
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize
Pims blue 5C93BE
*/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{ max-width: 100%; }
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible; width: auto;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;vertical-align: bottom;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

table.tablesorter {
width: 100%;
background: #FFF;
font-size: 1em;
}
.tablesorter a {
color: #333;
cursor: pointer;
}
.tablesorter th {
padding: 4px 4px 4px 20px;
color: #eee;
background: #555;
text-align: left;
vertical-align: top;
}
.tablesorter .even {
background: #f2f2f2;
}
.tablesorter th.header {
padding: 4px 4px 4px 20px;
color: #eee;
border-right: 1px solid #666;
background: #555 url(/quickAdminTemplates/includes/icons24/Up-down_sm_50.png) 2px 2px no-repeat;
white-space:nowrap;
}
.tablesorter th.headerSortUp {
background: #333 url(/quickAdminTemplates/includes/icons24/Up-down_sm_50_up.png) 2px 2px no-repeat;
}
.tablesorter th.headerSortDown {
background: #333 url(/quickAdminTemplates/includes/icons24/Up-down_sm_50_down.png) 2px 2px no-repeat;
}
#attribute1831 { width: 100%; }

.loadeddiv { margin-bottom: 20px; }


html, button, input, select, textarea { color: #222; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; width: 97%; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }


.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }





/* ==========================================================================
   DEI Styles
   ========================================================================== */
body { margin: 0; font-family:Roboto,Arial,Helvetica,san-serif;font-weight:300;font-size: 12px; line-height: 15px; height: 100%; background: #3a3e4a;}
body#frameBody, body#framebody {height: auto; background: #FFF;}

header {
background: #FFF;
}
#wrap { min-height: 100%; min-width: 1005px; height: auto !important; height: 100%; margin: 0 auto -50px; }
footer { height: 50px; display: block; overflow: hidden;}
.push {height: 50px;}
td { vertical-align: top; padding: 2px; }
.clear { clear: both; height: 0px; }
h1 { font-size: 16px; line-height: 18px; display: block; clear: both; color: #333; padding: 10px; }

.padded {
padding: 10px 20px !important;
}

.left {
float: left;
width: 47%;
margin-right: 1%;
}
.right {
float: right;
width: 48%
}
.half {
width: 48%;
margin: 5px 2% 5px 0;
float: left;
}
.full {
width: 100%;
clear: both;
}
.third {
float: left;
width: 33%;
margin:5px 0 5px 0;
}
.twothirds {
width: 66%;
margin:5px 0 5px 0;
float: left;
}
.twothirds fieldset { margin-right: 0; }

span.infoicon {
display: inline-block;
text-indent: -9999px;
width: 12px;
height: 12px;
background: transparent url(/quickAdminTemplates/includes/icons24/Info12.png) no-repeat;
}
#tooltip {
position:absolute;
border:1px solid #FFF;
background:#666;
padding: 7px 12px;
color: #FFF;
display: none;
width: 220px;
z-index: 101;
border-radius: 3px;
}

.sel50 { width: 50px; }
.sel150 { width: 150px; }
.sel200 { width: 200px; }
.sel250 { width: 250px; }
.sel300 { width: 300px; }
.excelColumnName { width: 20px; font-weight: 700; display: inline-block;}
.sel10p { width: 10%; }
.sel15p { width: 15%; }
.sel20p { width: 20%; }
.sel25p { width: 25%; }
.sel30p { width: 30%; }
.sel35p { width: 35%; }

.field, #fieldName, #quickAltName{
clear: both;
display: block;
min-height: 1em;
padding: 2px 0;
position: relative;
}
label {
width: 100px;
position: absolute;
top: 5px;
text-align: right;
}
label.narrowLabel {
position: relative;
top: 0;
margin-left: 10px;
}

.fieldinput {
margin-left: 105px;
width: auto;
min-height: 1em;
line-height: 1em;
margin-top: 5px;
/*white-space:nowrap;*/
}
.fieldinput span.ui-button-text, .fieldinput .ui-button-text span { margin: 0; }
.narrowfieldinput {
margin-left: 10px !important;
}
.checkboxfield .narrowfieldinput label {
margin-left: 0;
}
.charactersLeft {
color: red;
}

/* .fieldinput span { display: block; }  Is this still necessary? */
.fieldinput span.infoicon { display: inline-block; }

#internalDiv .fieldinput {
margin-top: 4px;
}
#feedCategoriesDiv label {
width: 190px;
}
#feedCategoriesDiv .fieldinput {
margin-left: 195px;
}

#metaDiv label, #imageDiv label, .largerlabels label, .readonly .largerlabels label {
width: 150px;
}
#metaDiv .fieldinput, #imageDiv .fieldinput, .largerlabels .fieldinput, .readonly .largerlabels .fieldinput {
margin-left: 155px;
}
.readonly .imageDisplay label {
margin-left: -95px;
}
.readonly .documentOnSite label { margin-left: -95px; }
.readonly .documentOnSite span { margin-left: 50px; }


#pricingInfo input, #productSpecifications input, #relatedProducts input, #shippingOverview input { width: 70px; }

.fieldinput input {
max-width: 85%;
margin-top: -5px;
}
.fieldinput select {
width: auto;
min-width: 90px;
max-width: 90%;
margin-top: -5px;
}

.fieldinput input.datepicker {
width: 170px;
}
.fieldinput input[type="checkbox"], .fieldinput  input[type="radio"] {
margin: 0 2px 0 0; _margin-top: 2px;
}

.selectinput select {
width: 100%;
}

.selectfield .fieldinput, .textfield input {
margin-left: 10px;
}

.checkboxfield .fieldinput {
margin-left: 105px;
}
.largerlabels .checkboxfield .fieldinput {
margin-left: 155px;
}
.checkboxfield label {
width: auto;
top: 0;
position: relative;
text-align: left;
}
#translateCMSTo { padding-top: 9px; }
#translateCMSTo label {
width: auto;
top: 6px;
left: 28px;
text-align: left;
}
#translateCMSTo span { font-weight: bold; }

#overviewDiv .checkboxfield .fieldinput, .productquotesItem .checkboxfield .fieldinput, #translateCMSTo .fieldinput  {
margin-left: 10px;
}


fieldset {
margin: 0 10px 9px 0;
padding: 0 0 4px 0;
border: 1px solid #DEDEDE;
background: #F1F1F1;
position: relative;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

fieldset legend {
font-weight: bold;
margin: 4px 0 0 10px;
}
fieldset { z-index: 1;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
fieldset:hover { z-index: 2; background: #e8e8e8; box-shadow: 0px 0px 5px 6px rgba(255,255,255,.7)}

fieldset#additionalInfo #fieldSampleReference .field,
fieldset#additionalInfo #fieldHarmonizingCode .field,
fieldset#additionalInfo #fieldFinishReference .field { width: 215px; }
fieldset#additionalInfo #fieldSampleReference label,
fieldset#additionalInfo #fieldHarmonizingCode label,
fieldset#additionalInfo #fieldFinishReference label { width: 150px; }
fieldset#additionalInfo #fieldSampleReference .fieldinput,
fieldset#additionalInfo #fieldHarmonizingCode .fieldinput,
fieldset#additionalInfo #fieldFinishReference .fieldinput { margin-left: 154px; }


fieldset#brandsChecks .fieldinput { margin-left: 2px; }
fieldset#brandsChecks .fieldinput.narrowfieldinput { float: left; }
fieldset#brandsChecks label.narrowLabel { padding-left: 0;}

fieldset#brandsChecks .field {
margin-left: 10px;
}
fieldset#brandsChecks label {
width: auto;
top: 3px;
padding-left: 20px;
text-align: left;
}
fieldset#pimsInfo label,
fieldset#scraperInfo label {
width: 150px;
text-align: right;
}
fieldset#pimsInfo .fieldinput,
fieldset#scraperInfo .fieldinput {
margin-left: 155px;
}

.columnize .field, .siteschecks .field {
float: left;
display: inline-block;
padding-left: 23px;
}
.countrieschecks .field {
float: left;
clear: none;
display: inline-block;
padding-left: 23px;
margin-right: 20px;
}
.columnize label, .siteschecks label, .countrieschecks label {
text-align: left;
position: relative;
top: 0;
width: auto;
}
.columnize .fieldinput, .siteschecks .fieldinput, .countrieschecks .fieldinput {
position: absolute;
top: 2px;
left: 8px;
margin: 0;
}

.attributeCategory fieldset{ clear: left; float: none; }
.attributeCategory fieldset.thisonehas1 { width: 15%; min-width: 240px; float: left; clear: none; min-height: 39px; }
.attributeCategory fieldset.thisonehas2 { width: 30%; min-width: 240px; float: left; clear: none; min-height: 39px; }

/*#attributeCategory24 input {width: 90%;}*/



.categorySiteBlock {
clear: both;
}
.categorySiteBlock {
border: 1px solid #ddd;
margin: 10px;
padding: 0;
}
.categorySiteBlock h2 {
margin: 0;
    padding: 6px 9px;
background: #eee;
display: block;
    font-size: 14px;
    font-weight: bold;
}
.activeContent li.sitecategory {
position: relative;
vertical-align: top;
display: inline-block;
min-width: 150px;
border: none;
margin: 4px;
padding: 10px;
background: #FFF;
}
.categoriesCol ul {
margin: 0;
padding: 0;
}

.activeContent li.sitecategory h3 {
margin: 0 0 3px 0;
padding: 0;
}
.activeContent li.sitecategory li {
list-style: none;
border: none;
padding: 0 0 0 10px
}
.activeContent li.sitecategory li li {
margin: 0 0 0 10px;
padding: 0;
border: none;
}

/* On the flex container */
.activeContent  ul.sitecategories {
   display: -webkit-flex;
   display: flex;

   /* You can set flex-wrap and flex-direction individually */
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   /* Or do it all in one line with flex flow */
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   /* tweak the where items line up on the row */
   /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
   -webkit-align-content: flex-end;
   align-content: flex-end;
}


	.categoriesCol span { 
	text-transform: lowercase; 
	display: inline-block;
	padding: 0 0 0 4px;
	font-weight: 800;
	}
	.categoriesCol ul span { 
	font-weight: 600;
	}
	.categoriesCol ul ul span { 
	font-weight: 400;
	}
	
	.catoptions {
	position: absolute;
	top: 15px;
	left: 200px;
	}
	.catoption {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	}
	.catoption label, .categoriesCol label {
	position: relative;
	top: 0;
	padding: 0 0 0 5px;
	margin: 0;
	vertical-align: text-bottom;
	}



#categoriesColumns h3 {
margin: 10px 0 0 0;
}
#categoriesColumns label {
position: relative;
top: 0;
left: 3px;
}
#categoriesColumns ul {
list-style: none;
margin: 2px;
padding: 0 0 0 15px;
}
#comboItemsDiv {
margin: 5px 10px;
}
.largeinput, #fieldIsCombo select {
width: 100%;
}
.largetextarea {
height: 12em;
}
.required {
background-color: #f8d5d5;
}

#errors {
bottom: 0;
left: 200px; 
right: 100px;
position: absolute;
text-align: center;
z-index: 11;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
padding: 0 15px;
-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
}
#validerrors {
color: #FFF;
padding: 15px 0;
font-weight: bold;
}
#validerrors a {
color: #990000;
text-decoration: underline;
margin: 0 4px;
cursor: pointer;
display: inline-block;
    padding: 3px 6px;
    border-radius: 3px;
}
.externallink { white-space: nowrap; }

.errorlink {
background: #FFF; 
display: inline-block;
color: #990000;
padding: 3px 4px;
text-decoration: none;
}
.errorlink:hover {
background: #efefef;
}
#fieldStatus label.error, .forcederror {
max-width: 66%;
}
.errorlink.errorfixed {
    background: #bebebe;
    color: #4f504f;
    text-decoration: none;
}

.quickadminPanel label.error {
position: relative;
width: auto !important;
    padding: 3px 5px 3px 5px;
    background: #a50328;
    border: 1px solid #a50328;
text-align: left;
    color: #FFF;
    margin: 0 0 10px 4px;
    top: 0;
    border-radius: 8px;
    white-space:nowrap;
    z-index: 100;
}


.forcedstatus {
background: #F6F6F1 url(/front-end/images/icons/lock_delete.png) 7px 4px no-repeat;
  border: 1px solid #E3E3C1;
  margin: 3px 0 00;
  border-radius: 4px;
}
.forcederror {
    margin: 3px 0 2px 30px;
  text-align: left;
  font-style: italic;
}

#status_note {
padding: 0 0 0 15px;
background: transparent url(/quickAdminTemplates/includes/icons24/Info12.png) no-repeat;
}









.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget {  }
.ui-widget .ui-widget {  }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  }
.ui-widget-content { border: none; background: #ffffff; color: #4F4F4F; }
.ui-widget-content a { color: #4F4F4F; }
.ui-widget-header { color: #4F4F4F; font-weight: bold; }

.ui-widget-header {
background: #c4c4c4;
background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4));
background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: linear-gradient(top, #ededed 0%,#c4c4c4 100%);
}
.ui-widget-header a { color: #4F4F4F; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B6B6B6; font-weight: normal; color: #4F4F4F; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .button {
background: #c4c4c4;
background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4));
background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: linear-gradient(top, #ededed 0%,#c4c4c4 100%);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #4F4F4F; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #9D9D9D; font-weight: normal; color: #313131; }
.ui-state-hover a, .ui-state-hover a:hover { color: #313131; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
outline: none;
color: #FFF; border: 1px solid #7096ab;
background: #305878;
background: -moz-linear-gradient(top, #BDD3E4 0%, #305878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDD3E4), color-stop(100%,#305878));
background: -webkit-linear-gradient(top, #BDD3E4 0%,#305878 100%);
background: -o-linear-gradient(top, #BDD3E4 0%,#305878 100%);
background: -ms-linear-gradient(top, #BDD3E4 0%,#305878 100%);
background: linear-gradient(top, #BDD3E4 0%,#305878 100%);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #313131; text-decoration: none; }
.ui-widget :active { outline: none; }
.productTabs .ui-state-active a, .productTabs .ui-state-active a:link, .productTabs .ui-state-active a:visited { color: #FFF; text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { border: 1px solid #d2dbf4; background: #f4f8fd; color: #0d2054; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #e2d0d0; background: #fcf0f0; color: #280b0b; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-highlight, .ui-sortable-helper {min-height: 40px; opacity: .70; filter:Alpha(Opacity=70); display: block; background: #333;}
.ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-sortable-helper {min-height: 5px; }
table.changeorder .ui-sortable-helper {min-height: 20px; opacity: .80; filter:Alpha(Opacity=80); cursor: pointer; display: block; background: #FFF; border: 1px solid #ccc;}
table.changeorder .ui-sortable-helper { width: 80%; }
table.changeorder .ui-sortable-helper .button, table.changeorder .ui-sortable-helper .sortable {display: none;}
table.changeorder .ui-sortable-helper .multilangName {display: block;}
table.changeorder .sortable { cursor: pointer; }


.ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-widget-overlay { background: #262b33; opacity: .70;filter:Alpha(Opacity=70); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #000000; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

.ui-autocomplete {
position: absolute; cursor: default; z-index: 3;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
max-height: 100px;
overflow-y: auto;
overflow-x: hidden;
width: 200px !important;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}


* html .ui-autocomplete {
height: 100px;
}
* html .ui-autocomplete { width:1px; }




.ui-button, .button { font-weight: normal; display: inline-block; position: relative; padding: .2em 1em; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.ui-button, .button {
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.ui-button.ui-state-hover {
color: #FFF;
background: #305878;
background: -moz-linear-gradient(top, #bdd3e4 0%, #305878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305878), color-stop(100%,#305878));
background: -webkit-linear-gradient(top, #bdd3e4 0%,#305878 100%);
background: -o-linear-gradient(top, #bdd3e4 0%,#305878 100%);
background: -ms-linear-gradient(top, #bdd3e4 0%,#305878 100%);
background: linear-gradient(top, #bdd3e4 0%,#305878 100%);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
text-shadow: none;
}
.ui-button.ui-state-focus {
outline: none;
color: #FFF;
border-color: #7096ab;
background: #305878;
background: -moz-linear-gradient(top, #bdd3e4 0%, #305878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305878), color-stop(100%,#305878));
background: -webkit-linear-gradient(top, #bdd3e4 0%,#305878 100%);
background: -o-linear-gradient(top, #bdd3e4 0%,#305878 100%);
background: -ms-linear-gradient(top, #bdd3e4 0%,#305878 100%);
background: linear-gradient(top, #bdd3e4 0%,#305878 100%);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
}

.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { }
input.ui-button, .ui-widget-content input.ui-button { width: auto; font-weight: normal; height: 23px;line-height: 15px; }
input.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}

.ui-dialog { position: absolute !important; padding: 0; width: 300px; overflow: hidden; }
.ui-dialog {
-webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.6);
-moz-box-shadow: 0 2px 12px rgba(0,0,0,0.6);
box-shadow: 0 2px 12px rgba(0,0,0,0.6);
}
.ui-dialog .ui-dialog-titlebar { padding: 0.7em 1em 0.6em 1em; position: relative; border: none; border-bottom: 1px solid #979797; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size: 14px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); }
.ui-dialog .ui-dialog-titlebar-close, .shadowboxclose { position: absolute; right: .8em; top: 55%; width: 16px; margin: -10px 0 0 0; padding: 0; height: 16px; }
.ui-dialog .ui-dialog-titlebar-close span, .shadowboxclose span { display: block; margin: 1px; background: url(/quickAdminTemplates/includes/jqueryui/icon_sprite.png) 0 -16px no-repeat; text-indent: -9999px; }
.ui-dialog .ui-dialog-titlebar-close:hover span, .shadowboxclose:hover span { background-position: -16px -16px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .shadowboxclose:hover { padding: 0; border: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0;
background: #c4c4c4;
background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4));
background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
background: linear-gradient(top, #ededed 0%,#c4c4c4 100%);
margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; width: 90%\0/;}
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-padding { padding: 8px 12px; }

.ui-tabs { position: relative; zoom: 1; border: 0; background: transparent; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0 0 0 8px; background: transparent; border-width: 0 0 1px 0; }
.ui-tabs .ui-tabs-nav {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; width: 133px; overflow: hidden; cursor: pointer; padding: 2px 0 1px 3px; text-decoration: none; font-size: 12px; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.5); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #fff; border: 1px solid #FFF !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { outline: none; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0 1px 1px 1px; padding: 20px 0; background: #FFFFFF; min-height: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /*overflow-y: hidden !important;*/ }

.cmsTabs .ui-tabs-panel { padding: 10px 0; }
.cmsTabs .ui-tabs-nav { margin-left: 10px; }
/*.ui-tabs .ui-tabs-hide { display: none !important; }*/

.ui-datepicker { width: 17em; padding: 0; display: none; border-color: #DDDDDD; z-index: 100 !important }
.ui-datepicker {
-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

.ui-datepicker .ui-datepicker-header { position:relative; padding:.35em 0; border: none; border-bottom: 1px solid #B6B6B6; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border: 1px none; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0px -32px !important; }
.ui-datepicker .ui-datepicker-next span { background-position: -16px -32px !important; }
.ui-datepicker .ui-datepicker-prev-hover span { background-position: 0px -48px !important; }
.ui-datepicker .ui-datepicker-next-hover span { background-position: -16px -48px !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background: url(/quickAdminTemplates/includes/jqueryui/icon_sprite.png) no-repeat; color: transparent; width: 14px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; background: transparent; color: #4f4f4f;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker table .ui-state-highlight { border-color: #5F83B9; }
.ui-datepicker table .ui-state-hover { background: #5F83B9; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #234386; -webkit-box-shadow: 0 0px 0 rgba(255,255,255,0.6) inset; -moz-box-shadow: 0 0px 0 rgba(255,255,255,0.6) inset; box-shadow: 0 0px 0 rgba(255,255,255,0.6) inset; border-color: #5F83B9; }
.ui-datepicker-calendar .ui-state-default { background: transparent; border-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none;}
.ui-datepicker-calendar .ui-state-active { background: #5F83B9; border-color: #5F83B9; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #234386; }


.ui-datepicker-trigger {
display: block;
width: 20px;
height: 20px;
text-indent: -9999px;
border: none;
background: url(/quickAdminTemplates/includes/calendar_edit.png) 1px 1px no-repeat;
text-indent: -9999px;
}

.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}



/*
 * jQuery UI Slider 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; background: #d7d7d7; z-index: 1; }
.ui-slider { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; }
.ui-slider .ui-slider-handle { background: url(/quickAdminTemplates/includes/slider_handles.png) 0px -23px no-repeat; position: absolute; z-index: 2; width: 23px; height: 23px; cursor: default; border: none; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.ui-slider  .ui-state-hover, .ui-slider  .ui-state-active { background-position: 0 0; }
.ui-slider .ui-slider-range { background: #a3cae0; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider .ui-slider-range { -moz-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; -webkit-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; }


.ui-slider-horizontal { height: 5px; }
.ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -13px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: 5px; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -8px; margin-left: 0; margin-bottom: -13px; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*

/* === TOGGLE SWITCH CONTROL ===  */
select.ui-toggle-switch { display: none; }
.ui-toggle-switch, .ui-toggle-switch .ui-slider, .ui-toggle-switch label { display: inline-block; *display: inline; zoom: 1; }
.ui-toggle-switch label { text-transform: none; width: auto !important; top: 0 !important; position: relative; margin: 0 8px; background: none; border: 0; opacity: 0.5; filter: alpha(opacity=50); }
.ui-toggle-switch label:first-child { margin-left: 0; }
.ui-toggle-switch label.ui-state-active { opacity: 1; filter: alpha(opacity=100); }
.ui-toggle-switch .ui-slider { margin: 0 8px; }
.ui-toggle-switch label.ui-state-active { background: none; border: none; color: #000; }



.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


	/* Extra Input Field Styling */
	textarea, input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]) {
		padding: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #cecece;
		outline: none;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
		box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	textarea:hover, input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):hover {
		border: 1px solid #bdbdbd;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
		box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
	}
	textarea:focus, input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):focus {
		border: 1px solid #95bdd4;
		-webkit-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
		-moz-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
		box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
	}

	select {
		padding: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #cecece;
		outline: none;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
		box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	#headerBar select, #headerBarTitle select { padding: 0 2px; }
	
	select:focus {
			border: 1px solid #95bdd4;
		-webkit-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
		-moz-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
		box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
	}


.ui-widget-content {
color: #333 !important;
position: relative;
}




.ui-tabs-vertical {font-size: .95em; }
.ui-tabs-vertical .ui-tabs-nav { padding: 0 .1em .2em .2em; width: 11.9em; position: absolute; top: 3em; left: .5em; z-index: 100; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .1em 0;
-webkit-box-shadow: inset -3px 0 9px -6px #000;
-moz-box-shadow: inset -3px 0 9px -6px #000;
box-shadow: inset -6px 0 7px -8px #000;
}
.ui-tabs-vertical .ui-tabs-nav li.grouplast { margin: 0 0 5px 0; };

.ui-tabs-vertical .ui-tabs-nav li a { display:block; padding: .2em .8em 0 1.8em; }

.ui-tabs-vertical .fa-tags {
opacity: .3
}
.ui-tabs-vertical .fa-spin, 
.ui-tabs-vertical .ui-tabs-nav li.tab-loading .fa-tags, 
.ui-tabs-vertical .ui-tabs-nav li.tabHasData.tab-loading .fa-tags { 
	display: none; 
}

.ui-tabs-vertical .ui-tabs-nav li.tabHasData .fa-tags, 
.ui-tabs-vertical .ui-tabs-nav li.tab-loading .fa-spin { 
	display:inline-block;
	opacity: 1;
}




*[data-tooltip] {
    position: relative;
}

*[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -70px;
    right: -20px;
    width: 250px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    display: block;
    font-size: 11px;
    line-height: 14px;
    background: #FFFFFF;
    padding: 2px 2px;
    border: 1px solid #800101;
    border-radius: 4px;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.4);
}

*[data-tooltip]:hover::after {
    opacity: 1;
}



.ui-dialog { z-index: 999; }
.ui-autocomplete {
display: block;
top: auto;
left: 11px;
width: 347px;
position: absolute;
}
#product_combo_itemsTable { margin: 0; padding: 0 }
.product_combo_itemsItem { position: relative; list-style: none; }
li#quickInternal a { background: url(/quickAdminTemplates/includes/lock.png) 4px 1px no-repeat !important; }

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px;
-webkit-box-shadow: inset -3px 0 9px -6px #FFF;
-moz-box-shadow: inset -3px 0 9px -6px #FFF;
box-shadow: inset -3px 0 9px -8px #FFF;
}
.ui-tabs-vertical .ui-tabs-panel {
    /* margin: 0 0 0 12.7em; */
padding: 0;
width: auto;
overflow-y: hidden !important;
overflow-x: auto !important;
    background: rgba(255,255,255,.8);
min-height: 245px !important;
z-index: 1;
    left: 144px;
}


.smallbutton {
margin: 10px 8px 0 0 !important;
padding: 6px 8px 4px 8px !important;
height: auto !important;
font-size: 1em !important;
}
.smallbutton span, .smallbutton span span {
padding: 0 !important;
font-size: .9em !important;
}

.tinybutton {
margin: 0;
    padding: 0 5px;
    font-size: 10px !important;
    line-height: 16px;
}


.rightsidebutton {
float: right;
clear: both;
width: 150px;
margin: 0 10px 10px 0;
}


.redButton {
outline: none;
color: #FFF;
background: #8c352f;
background: -moz-linear-gradient(top, #D07973 0%, #8c352f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D07973), color-stop(100%,#8c352f));
background: -webkit-linear-gradient(top, #D07973 0%,#8c352f 100%);
background: -o-linear-gradient(top, #D07973 0%,#8c352f 100%);
background: -ms-linear-gradient(top, #D07973 0%,#8c352f 100%);
background: linear-gradient(top, #D07973 0%,#8c352f 100%);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 #737373 inset;
text-shadow: none !important;
border: 1px solid #8C352F;
}
.redButton:hover { color: #eee; }


#productExportTable .ui-button { height: auto; padding: 2px 10px; }
#productExportTable td {padding: 5px 8px;}
#productExportTable .ui-button .ui-button-text {font-size: 12px !important; text-shadow: none; }

#download-box {margin: 0; padding: 25px; color: #666; font-size: 1.1em; line-height: 1.3em;}
#download-box p { margin: 2px 0; }
#download-box label {margin: 0; padding: 5px 5px 0 0; height: auto; color: #000; width: 100px;}
#download-box a {display: block; padding: 5px 0 0 20px; margin-left: 105px; text-decoration: none;}

#download-box a[href$='.pdf'] { background: url(includes/icon_pdf.png) 1px 2px no-repeat;}
#download-box a[href$='.ppt'] { background: url(includes/icon_ppt.png) 1px 2px no-repeat;}
#download-box a[href$='.ppt'] { background: url(includes/icon_csv.png) 1px 2px no-repeat;}
#download-box a[href$='.ppt'] { background: url(includes/icon_xls.png) 1px 2px no-repeat;}
#download-box a[href$='.ppt'] { background: url(includes/icon_csv.png) 1px 2px no-repeat;}


.tinymceEditor {
height:250px;
}

.mainCuteTable {
background: #FFF;
border: none;
margin: 10px 0 20px 0;
width: 100%;
}

.cuteTable {
height:250px;
width: 100%;
}
.mceToolbar {
clear: both !important;
}

#showDiv0, #showDiv1, #showDiv2, #showDiv3, #showDiv4, #showDiv5, #showDiv6, #showDiv7, #showDiv8, #showDiv9, #showDiv10 {
display: none;
}

.quickadminAddTable {
border: 1px solid #CCCCCC;
margin: 2px 0 10px;
min-width: 50%;
text-align: left;
width: auto;
}
.quickadminAddTable th {
background: #f2f2f2;
}
.quickadminAddTable td {
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
padding: 4px 5px;
}

.contentpanel {
padding: 0 10px;
}

.panelPad {
min-width: 400px;
overflow-x: auto;
overflow-y: hidden;
position: relative;
z-index: 10;
min-height: 225px;
background: #FFF;
}
.panelPadScroll {
overflow: auto;
}

.activeContent, .activeContentTall {
padding: 5px 8px 0 12px;
min-width: 600px;
overflow: auto;
overflow-y: scroll;
position: relative;
z-index: 10;
min-height: 333px;
background: #FFF;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.quickadminPanel {
overflow: auto;
overflow-x: auto !important;
overflow-y: scroll !important;
}
.panelPadFull {
padding: 0;
background: #8F8F8F;
}
.nonTabbed {
padding: 20px 0;
}
.tabHasData {

}
.nopadding {
padding: 0;
}
#shippingOverview { padding: 0 0 20px 0; }
#shippingOverview h2, #shippingOverview h3 { margin: 0; pading: 1em 0 0 0; }

h1.warning {
padding: 10px 0 10px 40px;
background: transparent url(/quickAdminTemplates/includes/icons24/Warning.png) 10px 4px no-repeat;
margin: 0 0 0 10px;
}

.panelTitle {
min-height: 20px;
}
.panelSticky .panelTitle {
float: left;
}
.panelStickyHelper {
height: 45px;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
position: relative;
z-index: 15;
}
.panelSticky {
background: #f5f5f5;
height: 25px;
z-index: 11;
padding: 10px;
}
.panelSticky h2 {
margin: 5px 10px 0 0;
padding: 0;
}

.quickadminPanel > div {
position: fixed;
left: 145px;
right: 0;
}
.panelPadScroll {
padding-left: 15px;
}


.cmsTabs .quickadminPanel > div {
position: relative;
left: 10px;
right: 30px;
}
.cmsTabs .ui-tabs .ui-tabs-panel {
overflow-x: hidden !important;
overflow-y: scroll !important;
}


.adminPad {
padding: 0;
min-width: 600px;
overflow: auto;
position: relative;
z-index: 10;
min-height: 225px;
background: #FFF;
margin-top: 33px;
}

#headerBar, #buttonSubmit {
height: 20px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
color: #FFF;
padding: 0;
border: none;
width: 100%;
}
#buttonSubmit {
height: 30px;
bottom: 0;
top: auto;
padding-top: 7px;
background: #333;
}
#productDuplicateButton {
margin-left: 5px;
}
.button {
color: #333;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
border: 1px solid #B6B6B6;
}
#productSaveButton, #cmsSaveButton {
float: right;
padding: 0.2em 1.5em;
outline: none;
margin: 0 10px 0 0;
color: #FFF;
border: 1px solid #303030;
background: #305878;
background: -moz-linear-gradient(top, #BDD3E4 0%, #305878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDD3E4), color-stop(100%,#305878));
background: -webkit-linear-gradient(top, #BDD3E4 0%,#305878 100%);
background: -o-linear-gradient(top, #BDD3E4 0%,#305878 100%);
background: -ms-linear-gradient(top, #BDD3E4 0%,#305878 100%);
background: linear-gradient(top, #BDD3E4 0%,#305878 100%);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.shadowboxclose {
width: 18px;
display: block;
margin: 0;
top: 6px;
left: auto;
right: 5px;
z-index: 100000;
text-indent: -9999px;
}
#headerBarTitle {
position: absolute;
top: 7px;
left: 10px;
z-index: 11;
font-weight: bold;
font-size: 13px;
color: #FFF;
width: 80%;
}
#headerBarTitle span {
display: inline-block;
display: inline;
}

#languageForm {
position: absolute;
top: 5px;
right: 55px;
z-index: 11;
line-height: 18px;
font-weight: bold;
}
#languageForm span, #languageForm form {
float: left;
}
#exportTemplates {
display: none;
}
#exportTemplateDropdown  {
display: inline-block;
display: inline;
margin: 0 0 0 10px;
}
.modal-header .close { 
color: #FFF; 
opacity: 1; 
margin-top: 0;
}

a.disabled {
opacity: .8;
}

#loadingDiv, #loadingDivFull {
background: url(/quickAdminTemplates/includes/loading-disc.gif) center center no-repeat;
background-color: rgba(255,255,255,.8);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 9999;
    left: 144px;
    top: 32px;
    bottom: 44px;
}

.helpLink {
width: 24px;
height: 24px;
position: absolute;
top: 7px;
right: 8px;
text-indent: -9999px;
background: transparent url(/quickAdminTemplates/includes/icons24/Helpbook.png) 0px 0px no-repeat;
}

.baseTrue {
background: #d3d3d3;
}
#product_variantsTable h3 {
margin: 0;
padding: 0;
color: #FFF;
background: #333;
}
#product_variantsTable h3 span.h3pad {
padding: 10px 15px;
display: inline-block;
}
#product_variantsTable h3 button {
float: right;
margin: 6px !important;
}
#product_variantsTable .field { padding-top: 0; }
#product_variantsTable .fieldinput { min-height: 14px; margin-top: 0; }
#product_variantsTable .fieldinput span { margin: 0; line-height: 17px; }
#product_variantsTable label { top: 0; }
#product_variantsTable li.notsortable { padding: 0; }
.product_variantsTableImage { text-align: center; }

#variantLink { position: absolute; top: 12px;  right: 2px; }
@-moz-document url-prefix() {
	#variantLink { position: absolute; top: 0;  right: 2px; }
}
#clearcombolink { position: absolute; top: -1px; right: 2px; }


#productdealersTable li.productdealersItem {
padding: 0;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
overflow: hidden;
}
.productdealersItemHeader {
padding: 6px 10px 8px 10px;
border-bottom: 1px solid #ccc;
background: #FFF;
-moz-box-shadow:0px 1px 3px 1px #ccc;
-webkit-box-shadow:0px 1px 3px 1px #ccc;
box-shadow:0px 1px 3px 1px #ccc;
}
.productdealersItemHeader a {
color: #333;
font-size: 1.5em;
display: block;
min-height: 1.5em;
}
.tabopener {
margin: 0 0 0 15%;
width: 65%;
background: #BFBFBF;
background: -moz-linear-gradient(top, #dcdcdc 30%, #BFBFBF 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#dcdcdc), color-stop(70%,#BFBFBF));
background: -webkit-linear-gradient(top, #dcdcdc 30%,#BFBFBF 70%);
background: -o-linear-gradient(top, #dcdcdc 30%,#BFBFBF 70%);
background: -ms-linear-gradient(top, #dcdcdc 30%,#BFBFBF 70%);
background: linear-gradient(top, #dcdcdc 30%,#BFBFBF 70%);
color: #636363 !important;
display: block;
text-align: center;
font-size: 1.1em;
line-height: 26px;
text-decoration: none;
height: 26px;
border:1px solid #acacac;
border-bottom: none;
-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
}
.tabopener span {
vertical-align: top;
}
.tabopener span.tabimage {
width: 15px;
height: 15px;
display: inline-block;
margin: 4px 4px 0 0;
background: url(/quickAdminTemplates/includes/icons24/control_down.png) top left no-repeat;
}
.tabopener span.tabimage.expanded {
background: url(/quickAdminTemplates/includes/icons24/control_up.png) top left no-repeat;
}

.quickOptions div.largerlabels {
background: #FFF;
background: -moz-linear-gradient(top, #fcfcfc 0%, #FFFFFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#FFFFFF));
background: -webkit-linear-gradient(top, #fcfcfc 0%,#FFFFFF 100%);
background: -o-linear-gradient(top, #fcfcfc 0%,#FFFFFF 100%);
background: -ms-linear-gradient(top, #fcfcfc 0%,#FFFFFF 100%);
background: linear-gradient(top, #fcfcfc 0%,#FFFFFF 100%);
}

.baseContent {
display: none;
}
.productfeaturesItem textarea { padding-right: 40px; }

.activeContent ul, .activeContentTall ul {
list-style: none;
margin: 0;
padding: 0;
}


.activeContent li, .activeContentTall li {
position: relative;
list-style: none;
margin: 0;
padding: 5px 10px;
clear: both;
border: 1px solid #dfdfdf;
border-radius:4px;
}


.deleteRowButton {
cursor: pointer;
display: block;
position: absolute;
font-weight: bold;
width: 25px;
height: 25px;
top: 5px;
right: 10px;
text-indent: -9999px;
background: transparent url(/quickAdminTemplates/includes/icons24/TrashRed.png) 0px 0px no-repeat;
}

.relativeButton {
position: relative !important;
top: 0;
}
.deleteRowButtonUndo {
background: transparent url(/quickAdminTemplates/includes/icons24/TrashRedUndo.png) 0px 0px no-repeat;
}

.undeleteRowButton {
background: transparent url(/quickAdminTemplates/includes/icons24/TrashRedUndo.png) 0px 0px no-repeat;
}
.undeleteRowButton:hover {

}

.deleteSubRowButton, .deleteRowLink {
cursor: pointer;
display: block;
position: absolute;
font-weight: bold;
width: 18px;
height: 18px;
top: 0;
right:5px;
text-indent: -9999px;
background: transparent url(/quickAdminTemplates/includes/icons24/TrashRed_sm.png) 0px 0px no-repeat;
}
.undeleteSubRowButton, .deleteRowLinkUndo {
background: transparent url(/quickAdminTemplates/includes/icons24/TrashRedUndo_sm.png) 0px 0px no-repeat;
}

#overlayDiv {
min-width: 612px;
}
.hotspotOuter {
padding-right: 5px;
}

.quickOptions {
width: 100%;
float: none;
margin: 0;
padding: 2px 0 0 0;
font-size: 11px;
display: none;
clear: all;
}
.quickOptions .full {
padding-bottom: 15px;
}

#overlayDiv .quickOptionsShowHide {
cursor: pointer;
display: block;
position: absolute;
font-weight: bold;
width: 18px;
height: 18px;
top: 4px;
right: 44px;
text-indent: -9999px;
background: transparent url(/quickAdminTemplates/includes/icons24/Create_sm.png) 0px 0px no-repeat;
}

#overlayDiv .quickOptionsHide {
background: transparent url(/quickAdminTemplates/includes/icons24/Close_sm.png) 0px 0px no-repeat;
}

.hotspotactivate {
cursor: pointer;
display: block;
position: absolute;
font-weight: bold;
width: 18px;
height: 18px;
top: 4px;
right: 65px;
text-indent: -9999px;
background: transparent url(/quickAdminTemplates/includes/icons24/OK_sm.png) 0px 0px no-repeat;
}

.hotspotdeactivate {
cursor: pointer;
display: block;
position: absolute;
font-weight: bold;
width: 18px;
height: 18px;
top: 4px;
right: 65px;
text-indent: -9999px;
background: transparent url(/quickAdminTemplates/includes/icons24/No_sm.png) 0px 0px no-repeat;
}



.attributeCategoryHeader {

color: #FFF;
margin-bottom: 6px;
background: #666;
background: -moz-linear-gradient(top, #666 0%, #555 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(50%,#555));
text-decoration: none;

-moz-box-shadow:    1px 0 2px 0 #666;
-webkit-box-shadow: 1px 0 2px 0 #666;
box-shadow:         1px 0 2px 0 #666;
}
.attributeCategoryHeader span {
padding: 5px 10px;
display: block;
}




ul.ui-sortable, ul.notsortable {
padding: 0 2px 0 0;
margin-bottom: 20px;
}
ul.ui-sortable li  {
padding: 6px 60px 6px 6px;
margin: 10px 0 10px 4px;
background: #f3f3f3;
min-height: 22px;
}
li.notsortable  {
padding: 6px 10px 6px 6px;
margin: 10px 0 10px 0;
background: #F2F2F2;
min-height: 22px;
}
ul.ui-sortable li h3, ul.notsortable li h3 {
margin: 0;
padding: 0;
}


ul.ui-sortable li.productimagesItem {
padding-left: 95px !important;
padding-bottom: 0;
}

#dealersDiv h3 {
padding: 10px 0 0 0;
}
#dealersDiv h3 a {
text-decoration: none;
}

.productdealerimagesItem {
margin: 0 !important;
background: transparent !important;
min-height: 10px !important;
}
.productdealerimagesItem:last-child {
border-bottom: none;
}
.statusDealers { font-weight: bold; }
.productdealerimagesItem  .deleteSubRowButton {
top: 5px;
}
.productimagesTableImage {
position: absolute;
top: 5px;
left: 5px;
width: 80px;
height: 80px;
text-align: center;
background: #FFF;
}

#productdocumentsTable {
padding-top: 10px;
}
#productdocumentsTable label {
width: 60px;
}
#productdocumentsTable .fieldinput {
margin-left: 65px;
}
#productdocumentsTable .fieldinput input {
width: 100%;
}
#productdocumentsTable input[type="checkbox"], #productdocumentsTable .fieldinput input[type="checkbox"] {
width: 13px;
margin: 0 !important;
}
.productdocumentsMeta {
padding-right: 290px;
height: 70px;
position: relative;
}
.documentUpload {
width: 280px;
height: 78px;
position: absolute;
top: 0px;
right: 2px;
}
.doctype .documentFile {
width: 300px;
font-size: .9em;
padding: 9px 0 0 40px;
height: 30px;
display: block;
position: absolute;
left: 1px;
bottom: 0;
background: transparent url(/quickAdminTemplates/includes/icons24/Download.png) 10px 4px no-repeat;
display: table;
}
.documentFile.NoFile {
background: transparent url(/quickAdminTemplates/includes/icons24/Warning.png) 10px 4px no-repeat;
}
.doctype .documentFile span {

}

.documentSize {
font-weight: bold;
white-space: nowrap;
}


ul#productdocumentsTable li  {
padding: 6px 71px 6px 10px;
margin: 10px 0;
min-width: 250px;
background-color: #FFF;
position: relative;
height: auto !important;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
overflow: hidden;
border: 1px solid #dddddd;
float: none;
}

ul#productdocumentsTable .doctype li  {
padding: 6px 71px 6px 10px;
margin: 5px;
min-width: 250px;
background-color: #f7f7f7;
border: 1px solid #ccc
}

ul#productdocumentsTable li.doctype {
padding: 0 !important;
margin: 0 0 10px 0;
background: #FFF;
border: none;
}
ul#productdocumentsTable li.doctype h3 {
color: #333;
margin: 0;
padding: 7px 0 7px 30px;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
font-size: 1em;
background: #f2f2f2 url(/quickAdminTemplates/includes/icons24/Folder_18.png) 6px 4px no-repeat;
}

.productdocumentsItem .handle {
display: none !important;
}
.handletd {
position: relative;
float: right;
}

.filepicked {display: none;}

.overlayTitle {
padding: 3px 93px 6px 5px;
color: #666;
font-weight: bold;
float: left;
position: relative;
}
.overlayTitle input {
width: 100%;
}
#overlayDiv .quickOptions {
margin: 0 0 0 3px;
padding: 0 0 5px 0;
}

.quickRetailersFeatures ul.ui-sortable li {
padding-right: 40px;
}
.quickRetailersFeatures {
padding: 0 4px 10px 4px;
margin-right: 10px;
border: 1px solid #eee;
background: #fbfbfb;
position: relative;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.snapshotLink {
background: transparent url(/quickAdminTemplates/includes/newwindow.gif) 0 4px no-repeat;
padding: 4px 0 0 14px;
text-decoration: none;
display: none;
cursor: pointer;
}

.handle, .dealerHandle {
width: 25px;
height: 25px;
display: block;
position: absolute;
top: 4px;
right: 38px;
cursor: pointer;
background: transparent url(/quickAdminTemplates/includes/icons24/Up-down.png) 0px 0px no-repeat;
}

#overlayDiv .handle, .quickOptions .dealerFeatureHandle {
width: 18px;
height: 18px;
top: 3px;
right: 24px;
position: absolute;
background: transparent url(/quickAdminTemplates/includes/icons24/Up-down_sm.png) 0px 0px no-repeat;
}


#addNewHotSpot {
margin: 0 0 5px 0 !important;
}


#overlayDiv ul#overlayTable {
list-style: none;
margin: 5px 0 10px 5px;
padding: 2px;
 height: 300px;
background: #FFF;
overflow: auto;
clear: both;
}
#overlayDiv ul#overlayTable li {
padding: 0 20px 0 0;
margin: 0 0 3px 0;
position: relative;
height: auto !important;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
overflow: hidden;
border: 1px solid #ddd;
float: none;
background: #f7f7f7;
}

#overlayDiv .attribute div.overlayImageAdd {
padding: 30px 5px 0 105px;
height: 45px;
position: relative;
}
#overlayDiv .attribute div.overlayImageAdd .overlayImage {
position: absolute;
top: 0;
left: 5px;
}
#overlayDiv .attribute div.overlayImageAdd .noImage {
background: #FFF url(/quickAdminTemplates/includes/placeholder60_60.gif) 0px 0px no-repeat;
width: 60px;
height: 60px;
}
#overlayDiv .attribute div.overlayImageAdd .noImage img {
display: none;
}
#overlayDiv .attribute div.overlayImageAdd input {

}

#overlayDiv .attribute div .overlayText {
padding: 5px;
}
#overlayDiv .attribute div .overlayText textarea {
width: 97% !important;
min-height: 10px;
}


#overlayDiv ul#overlayTable li.ui-state-highlight, #featuresDiv ul#productfeaturesTable li.ui-state-highlight, #imagesDiv ul#productimagesTable li.ui-state-highlight {
height: 50px !important;
display: block;
background: #FFF;
}

.table-highlight {
height: 50px !important;
display: block;
background: #FFF;
}
.headeroverlay {
width: 100%;
height: 25px;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: -1;
}
.activeoverlay {
z-index: 1000;
}
#overlayDiv .attribute div {
float: none;
}
.overlayType {
margin-left: 40px;
display: none;
}

.drag {
float: none;
position: absolute;
z-index: 10;
width: 60px;
height: 60px;
display: block;
clear: none;
cursor: pointer;
background: url(/quickAdminTemplates/includes/hotspot.png) top left no-repeat;
}
.hiddendrag {
display: none;
}
#overlayDiv #container.noImage .drag {
display: none;
}

#container {
position: relative;
padding: 0 0 0 0;
margin: 0;
width: 350px;
position: relative;
overflow: hidden;
background: #f7f7f7
}

#overlayDiv #container.noImage {
background: transparent;
border: none;
width: 600px;
}
#overlayDiv  .instructions {
display: none;
}
#overlayDiv .noImage .instructions {
display: block;
background: #FFF;
}

#overlayDiv .noImage img.products_hot_spot_large_image_image_class {
display: none;
}

.quickadminPanelLeft {
left: 10px;
position: absolute;
top: 33px;
width: 350px;
z-index: 12;
}
.ui-tabs-hide .quickadminPanelLeft {
left: -9999px;
}

.quickadminPanelRight {
display: block;
height: 100%;
max-height: 100%;
overflow: auto;
padding-left: 350px;
position: relative;
z-index: 11;
}

.recallTab {
padding: 10px 8px 10px 12px;
}

.recallTab .divider {
display: inline-block;
width: 10%;
}

.recallTab .field label {
width: 120px;
}

.recallTab .fieldinput {
margin-left:125px;
}






/*------------------------------------*\
	Master Admin
\*------------------------------------*/

#quickAdmin {
padding: 0;
}
#quickAdmin .languagesActive {
padding: 33px 0 0 0;
}

#quickAdmin .ui-tabs-vertical .ui-tabs-nav {
top: .5em;
}

#quickAdmin #adminmain .column {
width: 18%;
min-height: 100px;
float: left;
padding-bottom: 0px;
margin: 10px 0 0 15px;
}
#quickAdmin #adminmain .column a {
text-decoration: none;
color: #333;
}
#quickAdmin #adminmain .column a:hover {
text-decoration: none;
background: #ddd;
}
#quickAdmin #adminmain #headerBar div {

}

#quickAdmin .portlet {
background: #eee;
margin: 0 0 1em 0;
padding: 0;
overflow: hidden;
border: 1px solid #ccc !important;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#quickAdmin .portlet-header {
margin: 0;
padding: 4px;
color: #eee;
background: #666;
border: none;
}
#quickAdmin .portlet-content a {
clear: both;
display: block;
padding-left: 3px;
font-size: 12px;
line-height: 18px;
}
#quickAdmin .portlet-content {
padding: 0.4em;
}


#quickAdmin .nestedTables {
padding: 0;
margin: 10px 15px;
overflow: hidden;
border: none !important;
background: #FFF;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
min-height: 60px;
}
#quickAdmin .nestedTables a {
color: #333;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
display: block;
}
#quickAdmin .nestedTables a:hover {
text-decoration: none;
color: #000;
}
#quickAdmin .nestedTables h2 {
margin: 0;
padding: 5px 10px;
background: #333;
color: #FFF;
font-size: 1.1em;
}
#quickAdmin .nestedTables table {
margin: 0;
width: 100%;
}
#quickAdmin .nestedTables th {
background: #DDDDDD;
text-align: left;
}
#quickAdmin .nestedTables tr {
border-bottom: 1px solid #ccc;
}
#quickAdmin .nestedTables .header {
background: #333;
color: #FFF;
border: none;
}

#quickAdmin .nestedTables td, .nestedTables .odd td, .nestedTables .even td {
padding: 4px 5px;
background-color: transparent;
vertical-align: middle;
}
#quickAdmin .nestedTables .even {
background-color: transparent;
}
#quickAdmin .cms_child {
background: #eee !important;
margin-left: 40px;
}
#quickAdmin td:first-child {
padding-left: 10px;
}
#quickAdmin .cms_child td:first-child {
padding-left: 50px !important;
}



#quickAdmin, #quickAdmin.notshadowbox {
background: transparent !important;
overflow:hidden;
}
#quickAdmin.shadowbox {
background: transparent !important;
overflow:hidden;
}

.notshadowbox .languagesActive, .notshadowbox #productSaveButton, .notshadowbox #cmsSaveButton {
/*margin: 0 10px 0 0;*/
}
.notshadowbox .shadowboxclose { display: none; }
.thumbnailHolder { background: url(/quickAdminTemplates/includes/notavailable.gif); background-position: center center !important; }
.notavailable { background: url(/quickAdminTemplates/includes/notavailable.gif) center center no-repeat !important; }


/*special hiddens*/
.fieldinput .hiddenspan,
/*.readonly .fieldinput  select,*/
.readonly .charactersLeft,
/*.readonly .productdealersItem .quickOptions,*/
.readonly #languageForm,
.readonly .handle,
.readonly .dealerHandle,
.readonly .deleteRowButton,
/*.readOnly #color_selector,
.readOnly #finish_selector,
.readOnly #fabric_selector,*/
.readonly .helpLink,
.readonly .writeonly {
display: none !important;
}

.readonly #headerBarTitle i {
font-weight: normal;
}

.readonly #overlayDiv ul#overlayTable li {
padding: 0;
background: 0;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
margin-bottom: 5px;
min-height: 65px;
}
.readonly #overlayDiv .attribute div.overlayImageAdd {
padding: 16px 5px 0 65px;
height: 45px;
position: absolute;
top: 0;
right: 0;
display: block;
}
.readonly #overlayDiv ul#overlayTable { margin-left: 25px; }
.readonly .fieldinput .hiddenspan { display: inline-block; }

.readonly label { width: 130px; font-weight: bold;}
.readonly .fieldinput { margin-top: 4px; min-height: 1.4em; margin-left: 135px; line-height: inherit; }
.readonly .selectfield .fieldinput { margin-left: 11px; }
.readonly .half { margin-top: 0; }
.readonly #brandsChecks div { margin: 3px 0 3px 10px; }
.readonly .activeContent ul.ui-sortable li, .readonly .activeContentTall ul.ui-sortable li { background: none; border: none; min-height: 16px; margin: 0; padding: 0;}
.readonly .activeContent ul.ui-sortable li.productdealersItem, .readonly .activeContentTall ul.ui-sortable li.productdealersItem {
padding: 6px 60px 6px 6px;
margin: 0 0 10px 0;
background: #F2F2F2;
min-height: 22px;
border: 1px solid #ccc;
}
.readonly #featuresPanel .activeContent ul.ui-sortable li, .readonly #featuresPanel .activeContentTall ul.ui-sortable li { list-style: disc; }
.readonly #productfeaturesTable { padding: 10px 0 0 30px; }
.readonly .attributeCategory .fieldinput { margin-left: 10px; }

.readonly #productimagesTable li {
clear: both;
margin: 10px;
width: auto;
}
.readonly #productimagesTable li li {
clear: none;
float: left;
}
.readonly .activeCat { font-weight: bold; margin: 0 0 0 -3px; text-align: left; text-decoration: underline; }
.readonly #categoriesColumns label { font-weight: normal }
.readonly .columnize .field, .readonly .siteschecks .field, .readonly .countrieschecks .field { padding-left: 10px; }
.readonly .field.textfield { padding-left: 10px; }
.readonly .quickOptions { display: block; }
.readonly .productdealersItemHeader { height: 50px; padding: 0; }
.readonly .quickOptions label { width: 170px; }
.readonly .quickOptions .fieldinput { margin-left: 175px; }

.readonly .checkboxfield label { top: 0; }
.product_combo_item_selector { width:100%; }

#combo_selector {
	display:none;
	margin: 0 0 10px 0;
}

#comboItemsDiv {
	display:none;
}

body.readonly-rev #comboItemsDiv {
	display:block;
}
body.readonly-rev #productDescription .fieldinput {
line-height: 1.5em;
padding: 10px;
}
body.readonly-rev #attributeFamilyID .fieldinput {
border: 1px solid #ccc;
background: #FFF;
padding: 5px 10px;
}

#bundle_selector {
	width:100%;
}
.readOnly #bundle_selector {
	display:none;
}
#products_bundle_parent_name {
	width:100%;
}

.colorgroupThumbnail {
	width: 24px;
}

.thumbnailHolder {
	display: inline-block;
width: 30px;
height: 15px;
text-indent: -9999px;
margin: -3px 10px 0 0;
vertical-align: top;
}

#bundleItemsDiv span {
font-style: italic;
padding: 5px 0 3px 10px;
}
#translateTo {
clear: both;
color: #FFFFFF;
padding: 10px 0 0 8px;
text-align: left;
}
#translateTo .fieldinput {
margin: 1px 0 0 0;
float: left;
width: 15px;
}
#translateTo label {
text-align: left;
float: left;
left: 16px;
top: 3px
}

.activeInput {
border: none !important;
box-shadow: none !important;
background: transparent !important;
font-weight: bold  !important;
}


.countBox { 
	display: inline-block; 
	padding: 1px 4px; 
	background: rgba(0,0,0,.4); 
	color: #FFF; 
	min-width: 20px; 
	text-align: right;
	margin: 0 0 0 -30px; 
	opacity: .7; 
}
.readonly-rev .countBox { display: none; }





@media (max-width: 900px) {
	#pricingInfo label {
		margin-left: 10px;
		position: relative;
		top: 0;
	}
	#pricingInfo .fieldinput {
		margin-left: 10px !important;
	}
}




#sb-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 11111;
    text-align: left;
    display: none
}

#sb-overlay {
    height: 100%;
    width: 100%
}

#sb-wrapper {
    width: 100px;
    position: fixed
}

#sb-wrapper-inner {
    -webkit-overflow-scrolling: touch;
    height: 100px;
    background: #333
}

#sb-body {
    height: 100%;
    -webkit-overflow-scrolling: touch
}

#sb-body-inner {
    height: 100%;
    width: 100%;
    overflow-y: hidden!important;
    -webkit-overflow-scrolling: touch;
    background: url(/front-end/images/loadingbar.gif) center center no-repeat
}

#sb-player.html {
    height: 100%;
    overflow: auto;
    overflow: auto!important;
    -webkit-overflow-scrolling: touch
}

#sb-nav,
#sb-nav a {
    height: 16px;
    float: right
}

#sb-player body {
    background: #FFF
}

#sb-body img {
    border: none
}

#sb-loading {
    height: 100%
}

#sb-loading-inner {
    line-height: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    text-align: center
}

#sb-loading-inner span {
    padding-left: 34px;
    display: inline-block
}

#sb-body,
#sb-loading {
    background-color: #333
}

#sb-info,
#sb-title {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#sb-title,
#sb-title-inner {
    height: 33px;
    line-height: 33px
}

#sb-info,
#sb-info-inner {
    height: 20px;
    line-height: 20px
}

#sb-nav {
    padding: 2px 0;
    width: 45%
}

#sb-nav a {
    display: block;
    width: 16px;
    margin-left: 3px;
    cursor: pointer
}

#sb-nav-close,
#sb-nav-next,
#sb-nav-pause,
#sb-nav-play,
#sb-nav-previous {
    background-color: transparent;
    background-image: url(/front-end/images/spriteblock-june3.png);
    background-position: -430px -320px
}

#sb-nav-next {
    background-position: -430px -280px
}

#sb-nav-previous {
    background-position: -430px -300px
}

#sb-nav-play {
    background-position: -430px -240px
}

#sb-nav-pause {
    background-position: -430px -260px
}

#sb-counter {
    float: left;
    width: 45%
}

#sb-counter a {
    padding: 0 4px 0 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff
}

#sb-counter a.sb-counter-current {
    text-decoration: underline
}

div.sb-message {
    padding: 10px;
    text-align: center
}

div.sb-message a:link,
div.sb-message a:visited {
    color: #fff;
    text-decoration: underline
} 



div.noreport, div.nodata, div.warning, div.error, span.noreport, span.nodata, span.warning, span.error {
background: url(/quickAdminTemplates/includes/icons24/OK.png) center 14px no-repeat;
padding: 44px 5px 6px;
text-align: center;
line-height: 1.2em;
}
div.nodata, span.nodata { background: url(/quickAdminTemplates/includes/icons24/info.png) center 14px no-repeat; }
div.warning, span.warning { background: url(/quickAdminTemplates/includes/icons24/Warning.png) center 14px no-repeat; }
div.error, span.error { background: url(/quickAdminTemplates/includes/icons24/Error.png) center 14px no-repeat; }
div.redback, span.redback { background-color: #a10014; color: #FFF; box-shadow: 1px 1px 2px 2px #BDBDBD; }