/* ======== HTML element overrides =============*/
/*----------------- reset ----------------------*/
body, abbr, div, span, iframe, h1, h2, h3, p, a, img, big, small,
strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td
{ background:none repeat scroll 0 0 transparent; border:0 none; font-size:100%; margin:0; padding:0; outline:0 none }
:focus { outline:0 none }
/*---------------- our defaults ----------------*/
body.iframe { height:auto }
body { font-size:1em; font-family:Helvetica,Arial; line-height:1.4 }
.body-email { background-color:#fff; margin:0 20px }
h1,h2,h3,h4,h5,h6 { margin:0 0 .8em }
h4.legendHead,h4.legendHead a { color:#666; margin-top:15px; margin-bottom:10px; font-size:12px; font-weight:700; letter-spacing:.5px; text-transform:uppercase }
h4.legendHead a { margin:-5px 0 }
h5.legendHead,h5.legendHead a { color:#666; font-size:10px; letter-spacing:.5px; text-transform:uppercase }
a img,img a { outline:none; border:0 }
a:hover h1, a:hover h2, a:hover h3, a:hover h4,
a:hover h5, a:hover h6
{ color:inherit }
p { margin:0 0 1em }
ul { margin:.8em 0 .8em .2em; list-style:square }
li { margin-left:1em }
/*---------------- UI Consistency ----------------*/
::-moz-focus-inner { border:0 }
input[type="search"]::-webkit-search-decoration
{ display:none }
button, input[type="reset"],
input[type="submit"], input[type="button"]
{ -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border:0 solid; letter-spacing:.5px; border-color:#ddd #bbb #999; cursor:pointer; background-color:#999; color:#fff; outline:0; overflow:visible; padding:5px 20px; width:auto }
input[type="text"]:focus,
input[type="password"]:focus, input[type="date"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="month"]:focus, input[type="week"]:focus,
input[type="email"]:focus, input[type="number"]:focus,
input[type="search"]:focus, input[type="tel"]:focus,
input[type="time"]:focus, input[type="url"]:focus,
input[type="color"]:focus, textarea:focus
{ background:#fafafa; border-color:#999; outline:none }
input[type="text"]:disabled,
input[type="password"]:disabled, input[type="date"]:disabled,
input[type="datetime"]:disabled, input[type="datetime-local"]:disabled,
input[type="month"]:disabled, input[type="week"]:disabled,
input[type="email"]:disabled, input[type="number"]:disabled,
input[type="search"]:disabled, input[type="tel"]:disabled,
input[type="time"]:disabled, input[type="url"]:disabled,
input[type="color"]:disabled, textarea:disabled
{ background-color:#fafafa; cursor:default }
input[type="text"][disabled],
input[type="text"][readonly], fieldset[disabled] input[type="text"],
input[type="password"][disabled], input[type="password"][readonly],
fieldset[disabled] input[type="password"], input[type="date"][disabled],
input[type="date"][readonly], fieldset[disabled] input[type="date"],
input[type="datetime"][disabled], input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled],
input[type="month"][readonly], fieldset[disabled] input[type="month"],
input[type="week"][disabled], input[type="week"][readonly],
fieldset[disabled] input[type="week"], input[type="email"][disabled],
input[type="email"][readonly], fieldset[disabled] input[type="email"],
input[type="number"][disabled], input[type="number"][readonly],
fieldset[disabled] input[type="number"], input[type="search"][disabled],
input[type="search"][readonly], fieldset[disabled] input[type="search"],
input[type="tel"][disabled], input[type="tel"][readonly],
fieldset[disabled] input[type="tel"], input[type="time"][disabled],
input[type="time"][readonly], fieldset[disabled] input[type="time"],
input[type="url"][disabled], input[type="url"][readonly],
fieldset[disabled] input[type="url"], input[type="color"][disabled],
input[type="color"][readonly], fieldset[disabled] input[type="color"],
textarea[disabled], textarea[readonly],
fieldset[disabled] textarea
{ background-color:#fafafa; cursor:default }
input[type="text"].radius,
input[type="password"].radius, input[type="date"].radius,
input[type="datetime"].radius, input[type="datetime-local"].radius,
input[type="month"].radius, input[type="week"].radius,
input[type="email"].radius, input[type="number"].radius,
input[type="search"].radius, input[type="tel"].radius,
input[type="time"].radius, input[type="url"].radius,
input[type="color"].radius, textarea.radius
{ border-radius:3px }
input[type="checkbox"] + label,
input[type="radio"] + label
{ display:inline; vertical-align:middle; padding-left:2px }
select:disabled { background-color:#fafafa }
textarea, select, input[type="date"],
input[type="datetime"], input[type="datetime-local"],
input[type="email"], input[type="month"], input[type="number"],
input[type="password"], input[type="search"], input[type="tel"],
input[type="text"], input[type="time"], input[type="url"],
input[type="week"]
{ font-size:1em; font-family:Helvetica,Arial; box-sizing:border-box; background-color:#fff; border:1px solid #c1c1c1; color:#444; outline:0; padding:3px }
select { -webkit-appearance:menulist }
/*
Separate rule for Firefox.
Cannot stack with WebKit's.
*/
button:focus, button:active, input:focus,
input:active, select:focus, select:active, textarea:focus,
textarea:active
{ box-shadow:#7993a3 0 0 7px; z-index:1 }
input[type="file"]:focus,
input[type="file"]:active, input[type="radio"]:focus,
input[type="radio"]:active, input[type="checkbox"]:focus,
input[type="checkbox"]:active
{ box-shadow:none }
input::-webkit-input-placeholder,
input::-ms-input-placeholder
{ color:#888 }
input::-moz-placeholder { color:#888 }
select[multiple],
.is_webkit select[multiple]
{ background-image:none; padding:0 }
textarea { min-height:40px; overflow:auto; resize:vertical; width:100% }
optgroup { color:#000; font-style:normal; font-weight:400 }
/* Reset form elements to this default style */
.responsive-fields input[type="text"],
.responsive-fields input[type="password"], .responsive-fields input[type="date"],
.responsive-fields input[type="datetime"],
.responsive-fields input[type="datetime-local"], .responsive-fields input[type="month"],
.responsive-fields input[type="week"], .responsive-fields input[type="email"],
.responsive-fields input[type="number"], .responsive-fields input[type="search"],
.responsive-fields input[type="tel"], .responsive-fields input[type="time"],
.responsive-fields input[type="url"], .responsive-fields input[type="color"],
.responsive-fields textarea, .responsive-fields select
{ padding:.5rem; width:100%; border-radius:0 }
.responsive-fields select { background-image:url(/modules/product/media/down-arrow.svg); background-repeat:no-repeat; background-size:12px; background-position:97% center; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0 }
/* ======== End of HTML element overrides =============*/
/*---------------- msg ----------------*/
.msg { margin:4px 0 6px; padding:4px }
.msg img { float:left }
.msg-txt { margin-left:24px; color:#f2802c; font-size:12px; font-family:Helvetica,Arial,Geneva }
.msg-txt ul { margin:0; padding:0; margin-left:16px }
.msg-txt ul li { color:#f2802c; font-size:11px; font-family:Helvetica,Arial,Geneva }
.dialog_msg_title { margin:10px 0; background:url(/media/message/warning.png) no-repeat; padding:2px 0 2px 20px; font-weight:700; font-size:1em }
textarea.code,input.code { color:#444; font:12px normal Monaco,Courier,monospace }
/*---------------- instructions ----------------*/
.instructions { font:normal 11px Helvetica,Arial,sans-serif-serif; color:#444 }
.instructions.mb { margin-bottom:5px }
.instructions ul li { margin-left:0 }
.instructions_large { font:normal 13px Helvetica,Arial,sans-serif-serif; color:#2D2B6A }
.nowrap { white-space:nowrap }
/*---------------- field-label ----------------*/
.field-label { font-size:12px; font-weight:400; padding:4px 8px 5px 0; color:#777; white-space:nowrap; text-align:right; vertical-align:top; line-height:20px }
.field-label.L { text-align:left }
.field-label.C { text-align:center }
.field-label.B { text-align:left; font-weight:700 }
.field-label.T { text-align:left; font-weight:700; border-top:1px solid #cdcdcd; padding-top:5px; margin-top:5px }
.field-label.M { text-align:left; margin-top:6px }
.field-label.fw { width:100% }
.field-label.req { background:url(/media/icons/req.png) no-repeat right top; padding-right:8px; vertical-align:baseline }
.field-label.inline { color:#2a5167; text-align:left; font-size:14px; padding:0; margin:15px 0 0 }
/*---------------- table-fields ----------------*/
table.table-fields { border-collapse:collapse }
.table-fields.fw,input.fw { width:100% }
.table-fields hr,hr.table-fields { color:initial; background-color:initial; height:2px; border:none; border-top:1px solid #ccc; border-bottom:1px solid #fff }
.table-fields td { padding:0 0 5px 5px }
.table-fields td img.hover-show-next
{ margin-right:3px }
.table-fields.borderpad td { border:1px solid #bbb; padding:4px }
.table-fields .qtip-hint { margin:0 2px -3px 0; position:relative; top:2px }
.table-fields.pad5 td { padding:5px }
.table-fields.bgw td { background-color:#fff }
.table-fields.brdr td { border:1px solid #bbb }
.table-fields.pad5 td.field-label { padding-top:7px }
.req-fields { font-size:11px; color:#888; float:right; padding-right:8px; background:url(/media/icons/req.png) no-repeat right top }
.table-fields .field-action, .field-action
{ padding-top:15px }
/*---------------- popup ----------------*/
.popup { padding:3px; border:1px solid #444; background-color:#ffd }
.popup .table-fields { border:none; background:transparent; border-collapse:collapse }
.popup .table-fields textarea { font-size:11px }
.popup .table-fields input { font-size:11px }
.popup .table-fields select { font-size:11px }
.popup .table-fields .field-label { font-size:11px }
.popup .table-fields label { font-weight:400 }
.popup .table-fields td { background:transparent }
/*---------------- table rows ----------------*/
.zzzrc1 td { background-image:url(/media/admin/template/mainDarker2BG.jpg) }
.zzzrc2 td { background-image:url(/media/admin/template/mainBG.jpg) }
.zzzrcs td { background-image:url(/media/admin/template/highlightBG.jpg) }
/*---------------- table-list ----------------*/
.table-list { color:#444; border-collapse:collapse; clear:both }
.table-list.fw { width:100% }
.table-list td,.table-list th { font-size:1em; padding:5px 10px; border:1px solid #f5f5f5; white-space:nowrap }
.table-list tbody tr.no-bgcolor td { background-image:none }
.table-list tr:nth-of-type(odd) td { background-color:#efefef }
.table-list tr:nth-of-type(even) td{ background-color:#fff }
.table-list tr td.draghandle { position:relative; min-width:15px }
.table-list tr:hover td.draghandle { width:15px; height:15px; background-image:url(/media/icons/updown2.gif); background-position:center center; background-repeat:no-repeat; cursor:move }
.table-list tr.selectable td { cursor:pointer }
.table-list tr.selectable:hover td { background-color:#ddd }
.table-list tr.selectable.rcs td { background-image:url(/media/admin/template/highlightOrangeBG.jpg); background-repeat:repeat }
.table-list td.wrap { white-space:normal }
.table-list.less-space td { padding:2px }
.table-list.extra-space td { padding:10px }
.table-list tr.C th, .table-list tr.C td,
.table-list td.C, .table-list th.C
{ text-align:center }
.table-list tr.L th, .table-list tr.L td,
.table-list tr.R td.L, .table-list td.L, .table-list th.L
{ text-align:left }
.table-list tr.R th, .table-list tr.R td,
.table-list tr.L td.R, .table-list td.R, .table-list th.R
{ text-align:right }
.table-list tr.B th, .table-list tr.B td,
.table-list td.B
{ font-weight:700 }
.table-list td.fw { width:100% }
.table-list table td { border:none; padding:0 }
.table-list a { text-decoration:none }
.table-list a:hover { text-decoration:underline }
.table-list tr th { font-size:12px; text-align:left; background-color:#ddd; padding:8px; color:#444; font-weight:700; white-space:nowrap }
.table-list tr th a { color:#6D6D6D }
.table-list .EntryNumField { font:normal 11px Arial; border:none; text-align:right }
.table-list .EntryField { font:normal 11px Arial; border:none }
.table-list.actions tr:last-child td
{ background:none; border:none }
.table-list.actions tr td.table-button-add
{ background:linear-gradient(to bottom,#bac6d4,#aab4c1) }
.table-list.actions tr td.table-button-add a
{ display:block; white-space:nowrap; color:#fff; font-weight:400; font-size:1.2em; display:block; text-align:center; margin:0 }
.table-list .icn-action.link.L,
.table-list .icn-action.popupwindow.L
{ float:left; top:-3px; position:relative }
.table-list .rs-striked td { text-decoration:line-through }
.table-list td.rs-no-striked { text-decoration:none }
.table-list .rs-dim td { color:#9daab7 }
.table-list .rs-blue td { color:#04C }
.table-list tr.no-border td { border:none }
.table-list tr.no-bgcolor td { background:none }
.table-list td.icon .icn-action { margin-right:0; padding:0; padding-left:13px }
.table-list td.icon { padding:0 }
/*---------------- search ----------------*/
#search input { margin:0; padding:0; font:normal 12px Helvetica,Geneva,Arial,SunSans-Regular,sans-serif; color:#A2A2A2 }
#search label { font:normal 11px Helvetica,Geneva,Arial,SunSans-Regular,sans-serif; color:#A2A2A2 }
#search label span { vertical-align:middle }
#search #p-search { width:80px; vertical-align:middle; line-height:19px; margin-left:4px; padding-right:20px; border:1px solid #A2A2A2; background-image:url(/media/icons/search.gif); background-position:center right; background-repeat:no-repeat }
#dlg { background-color:#efefef; position:absolute; z-index:1; width:400px; visibility:visible; display:none }
#dlg .dlg_header { background-color:#727272 }
/*---------------- address-picker ----------------*/
.address-picker.address_find { padding-top:8px }
.address-picker .address_find_fields
{ padding-bottom:4px }
.address-picker .address_fields { border-top:1px solid #bbb; padding-top:8px }
.address-picker select { }
.address-picker-error-code-title { float:left; font-weight:700 }
.address-picker-error-code-title { float:left }
.address-picker-error-code { float:left }
.address-picker-error-description { float:left; clear:both }
.address-picker-error-clear { clear:both; height:0 }
.address-picker input[type="button"]
{ margin:5px 0; padding:10px 20px; font-size:.9em; background:linear-gradient(to bottom,#72787f,#444c55) }
/*---------------- notify_container ----------------*/
#notify_container { z-index:2000 }
#notify_container h1 { text-align:left; text-transform:none }
#notify_container a { color:#88B6ED }
/*---------------- info-box ----------------*/
.info-box { font-size:12px; background-color:#fff2da; padding:10px; margin:10px 0; line-height:18px; color:#777 }
.info-box a { color:#E17009 }
td .info-box { padding:4px 10px; margin:0 }
.info-box.warning { background-image:url(/media/icons/exclamation-squaresign.gif); background-repeat:no-repeat; background-position:5px 10px; padding-left:25px }
.info-box.B { font-weight:700; font-size:14px }
/*---------------- dialog ----------------*/
.blackout-bg { position:fixed; top:0; left:0; right:0; height:100%; background:#000; opacity:.5; z-index:1001 }
.knockout-bg { position:absolute; background:#fff; padding:12px; margin-top:-12px; margin-left:-12px; border:3px solid #000; z-index:1002 }
.fixed-bg { position:fixed; top:0; left:0; right:0; height:100vh; z-index:1001 }
.fixed-bg .blackout-bg { opacity:.3 }
.flex-bg { display:table-cell; vertical-align:middle; display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-box-flex; display:-webkit-box-flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; height:100%; padding:0 15px }
.dialog { position:relative; flex:none; -webkit-flex:none; -ms-flex:none; -moz-box-flex:none; -webkit-box-flex:none; padding:20px; border:3px solid #444; z-index:15; background-color:#fbfbfb; box-sizing:border-box; max-height:100%; width:100% }
.dialog-title { color:#444; font-size:1.7em; font-weight:300; margin-bottom:.8em }
.dialog-title a { color:#444 }
.dialog-close { position:absolute; width:20px; height:20px; right:10px; top:10px; z-index:15; background-image:url(/media/icons/close.svg); background-repeat:no-repeat; background-size:contain; cursor:pointer }
.dialog-title.sub { font-size:14px }
.dialog fieldset { margin-right:0 }
.dialog-buttons .button-submit,
.dialog-buttons .button-cancel
{ padding:8px 20px; font-size:1em; background:linear-gradient(to bottom,#72787f,#444c55) }
.dialog-buttons .button-submit { font-weight:600 }
.dialog-buttons .button-cancel { font-weight:400; background:linear-gradient(to bottom,#bac6d4,#aab4c1) }
.browser-ie.majorver-9 .fixed-bg { display:table; position:absolute; width:100% }
.browser-ie.majorver-9 .dialog { margin-left:auto; margin-right:auto }
.browser-ie.majorver-10 .fixed-bg { display:table; position:absolute; width:100% }
.browser-ie.majorver-10 .dialog { margin-left:auto; margin-right:auto }
/*---------------- modal-box ----------------*/
.dialog.modal-box { padding:0 }
.dialog.modal-box #dialog_inner_content
{ overflow:visible!important; margin:0!important }
.dialog.modal-box .dialog-buttons,
.dialog.modal-box .dialog-title
{ display:none }
/*---------------- breadcrumb ----------------*/
.breadcrumb a { color:#888 }
.breadcrumb img { width:22px; height:10px; background-image:url(/media/icons/arrow.gif); background-repeat:no-repeat; background-position:center bottom }
.breadcrumb .selected { font-weight:700 }
del { color:#f2802c }
ins { text-decoration:none; background-color:#FFFFC0 }
.color-button { display:inline-block; width:20px; height:20px; border:1px solid #888; margin:0 3px -6px 0 }
.color-button-alpha { display:inline-block; width:20px; height:20px; background:url(/media/icons/alpha.png); margin:0 3px -6px 0 }
.highlight { background-color:#ffd }
.display_none { display:none }
.ajax_list select { font:normal 12px Helvetica,Arial,sans-serif; width:200px }
.label_box { font:normal 12px Helvetica,Arial,sans-serif; margin:4mm }
#debug-msg { border:1px solid #f2802c; margin:6px 0; padding:6px; font-size:11px; color:#333; background-color:#FFD }
/*---------------- footer ----------------*/
#footer-ipages { float:right; margin-left:8px }
#footer-ipages a { text-decoration:none }
#footer a.ilogo { border:1px solid #25426C; background-color:#ddd; padding:1px 6px; font:normal 9px Helvetica,Arial; color:#25426C }
#footer a.ilogo:hover { background-color:#25426C; color:#fff }
#footer a.slinks { font-size:4px }
#footer a.slinks:hover { cursor:default }
/*---------------- path ----------------*/
#path,.path { margin:0 0 12px; text-decoration:none }
#path a,.path a { text-decoration:none }
#path img,.path img { width:18px; height:10px; background-image:url(/media/icons/arrow.gif); background-repeat:no-repeat; background-position:center bottom }
/*---------------- drag drop ----------------*/
.dragdrop_list { display:block; width:300px; margin:2px; padding:2px; border:1px solid #bbb; background-color:#fafaff }
.drop_hover { border:1px solid red }
.drag_item { }
td.showDragHandle { background-image:url(/media/icons/updown2.gif); background-position:center center; background-repeat:no-repeat; cursor:move }
:focus { -moz-outline-style:none }
._Body_0 h1 { color:#444; font:18px Verdana,Helvetica,Arial,sans-serif; margin:16px 0 8px; font-weight:700 }
.ajax-loader { width:0; height:0 }
.flv_player { background-color:#d9d9d9; text-align:center }
.flv_player h2 a { font-weight:700; font-size:14px; color:#000!important }
.flv_player h3 a { font-size:18px; color:#000!important }
.flv_player p a { font-size:12px; color:#000!important }
#crop_button { background:transparent url(/media/icons/icon_image_crop.jpg) no-repeat scroll 0 0; height:35px; width:35px }
.crop_down { background:transparent url(/media/icons/icon_image_crop_down.jpg) no-repeat scroll 0 0!important }
.hover_li { background-color:#F0F5FF }
.IE_drop_me { width:600px; height:50px; border:2px dotted #CCC; background-color:#DDD }
#IEimg { width:600px; list-style-position:outside; list-style-type:decimal; margin:0; padding:0 }
#IEimg li { cursor:pointer; margin:0; padding:0; margin-top:5px; height:50px; margin-left:20px }
/*---------------- buttons ----------------*/
a.pane_login_user { font-size:10px; text-decoration:none }
/*---------------- radio-swatch ----------------*/
input.radio-swatch { position:absolute; opacity:0 }
input.radio-swatch + label { display:inline-block; border:1px solid #bbb; width:40px; height:40px; background:#fff; margin-right:5px; position:relative; cursor:pointer }
/* Stuff after this is only to make things more pretty */
input.radio-swatch:checked + label:before
{ content:''; display:block; position:absolute; top:3px; right:3px; width:20px; height:20px; background:url(/media/icons/tick_swatch.png) right top no-repeat }
input.radio-swatch + label div { display:none }
/*---------------- input collections ----------------*/
.required-fields::before { content:'Required fields'; float:right; font-size:11px; color:#888; padding-right:10px; background:url(/media/icons/req.png) no-repeat right top }
.required-fields::after { content:''; display:table; clear:both }
.fields-holder { }
.fields-holder input[type="submit"]{ }
.fields-holder .input-container { margin-top:10px }
.fields-holder .input-container.R { float:right }
.fields-holder .input-container textarea
{ display:block }
.fields-holder .input-container label
{ display:block; font-weight:600 }
.fields-holder .input-container label.post-label
{ display:inline-block; font-weight:400 }
.fields-holder fieldset legend { color:#444; font-size:1.2em; margin-bottom:.7em }
.fields-holder .input-container.error label
{ color:#a80002 }
.fields-holder .input-error { color:#a80002; font-size:.9em }
.fields-holder input.error,
.fields-holder textarea.error
{ border-color:#f00001; background-color:#fefafb }
.fields-holder input[type="submit"],
.fields-holder input[type="button"]
{ padding:10px 20px; font-size:1em; background:linear-gradient(to bottom,#72787f,#444c55) }
.fields-holder input[type="submit"]{ font-weight:600 }
.fields-holder input.button-minor { font-weight:400; background:linear-gradient(to bottom,#bac6d4,#aab4c1) }
.fields-holder input.button-small { font-size:.9em; padding:8px 15px }
.fields-holder input.button-right { float:right }
.fields-holder input.button-mtop { margin-top:20px }
/*---------------- miscellaneous buttons and icons ----------------*/
.icn-action { padding:4px; padding-left:15px; text-decoration:none; font-size:11px; font-weight:400; margin:0 3px -6px; background-repeat:no-repeat; background-position:left center; display:inline-block; min-height:14px }
.icn-action.R { float:right }
.icn-action.nohover:hover { color:inherit; cursor:auto }
.icn-action:hover { color:#E17009; cursor:pointer }
.icn-action.field-label { color:#777; font:bold 11px Helvetica,Arial,sans-serif }
.icn-action.bg { background-image:url(/media/admin/bg_edit.gif) }
.icn-action.edit { background-image:url(/media/admin/edit_pencil.png) }
.icn-action.new { background-image:url(/media/admin/new.png) }
.icn-action.delete { background-image:url(/media/admin/delete.gif) }
.icn-action.preview { background-image:url(/media/admin/page_preview.png); padding-left:20px }
.icn-action.info { background-image:url(/media/admin/info.png); padding-left:20px; padding-top:4px }
.icn-action.sort_down { background-image:url(/media/admin/sort_down.png) }
.icn-action.attributes { background-image:url(/media/admin/attributes.png) }
.icn-action.link { background-image:url(/media/admin/link_arrow.png) }
.icn-action.arrow_r { background-image:url(/media/admin/arrow_r.gif); padding-left:20px }
.icn-action.enabled { background-image:url(/media/admin/enabled.gif); padding-left:20px }
.icn-action.stock_daily { background-image:url(/media/icons/stock_daily.gif); padding-left:20px }
.icn-action.magnify { background-image:url(/media/icons/magnify.gif); padding-left:23px }
.icn-action.popupwindow { background-image:url(/media/admin/linkpop_arrow.gif); padding-left:23px }
.icn-action.toggle_show { background-image:url(/media/admin/show_hide.gif) }
.icn-action.export { background-image:url(/media/icons/export.png); padding-left:20px }
.icn-action.date { background-image:url(/media/admin/explr/date.png); padding-left:20px }
.icn-action.revert { background-image:url(/media/admin/revert.png); padding-left:20px }
.icn-action.locked { background-image:url(/media/icons/lock_closed.png); padding-left:20px }
.icn-action.lock { background-image:url(/media/icons/lock_open.png); padding-left:20px }
.icn-action.toggle_arrow { background-image:url(/media/admin/toggle_arrow.gif) }
.icn-action.toggle_arrow_down { background-image:url(/media/admin/toggle_arrow_down.gif) }
.icn-action.tick { background-image:url(/media/admin/enabled.gif) }
.icn-action.cross { background-image:url(/media/admin/disabled.gif) }
.icn-action.preview { background-image:url(/media/icons/preview.png) }
.icn-action.arrow_ltr { background-image:url(/media/icons/arrow_ltr.gif); padding-left:40px; padding-top:15px }
.icn-action.unpaid { background-image:url(/media/icons/unpaid.gif); padding-left:35px }
.icn-action.warning { background-image:url(/media/icons/exclamation-squaresign.gif); padding-left:20px; font-size:inherit }
.icn-action.next { background-image:url(/media/icons/arrow_next.gif); padding-left:6px; margin-left:0; margin-right:0 }
.icn-action.back { background-image:url(/media/icons/arrow_back.gif); padding-left:6px; margin-left:0; margin-right:0 }
.fileupload-content .icn-action.edit
{ background-image:url(/media/admin/edit_pencil_pale.png) }
.fileupload-content .icn-action.delete
{ background-image:url(/media/admin/delete_pale.png) }
.icn-action.alias { background-image:url(/media/admin/alias.png) }
#full-page-loader { position:fixed; left:0; top:0; bottom:0; right:0; z-index:9999; background:url(/media/icons/macSpinBlack.gif) no-repeat center center }
#full-page-loader:after { content:''; background-color:#000; opacity:.5; position:absolute; width:100%; height:100% }
.icn-action.jumplink { display:block; font-weight:400; padding-left:18px!important; margin:0!important }
body #shim { position:absolute; z-index:100; height:0; background-color:#000; opacity:0; transform:translateZ(0); transition:opacity .4s,transform .4s 0 }
/* -------------- qtip ------------ */
.qtip-hint { display:none; width:16px; height:15px; background-image:url(/media/admin/template/tinyInfo.png); display:inline-block }
.ui-tooltip-content a { color:#f47920 }
.ui-tooltip-content a:hover { color:#4c5961 }
.qtip-info-css { padding:5px; background:#fff; border:2px solid #444; border-radius:10px; box-shadow:5px 5px 5px #aaa }
/* -------------- itip - our qtip ------------ */
.itip { cursor:pointer }
.itip.info-hint, .itip.hint { display:inline-block; font-size:0; height:17px; overflow:hidden }
.itip.info-hint:before { content:''; padding: 0 2px; display:inline-block; width:15px; height:15px; background:url(/media/admin/template/tinyInfo.png) no-repeat center center }
.itip-default { font-size:12px; padding:10px 8px; line-height:inherit; background:#fff; border:2px solid #777; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.15) }
.itip-hint { font-size:13px; line-height:18px; padding:5px; background:#fff7df; border:2px solid #777; border-radius:5px; box-shadow:5px 5px 5px rgba(0,0,0,0.15) }
/* -------------- tinymce tabs ------------ */
.editor-tab-wrapper { display:inline-block; border:1px solid rgba(0,0,0,0.2); border-bottom:0 }
.editor-tab-wrapper .editor-tab { width:80px; background-color:#f0f0f0; display:inline-block; text-align:center; padding:8px; color:#000; font-size:1.1em; cursor:pointer }
.editor-tab-wrapper .editor-tab:hover
{ background-color:#e7f4f9 }
.editor-tab-wrapper .editor-tab.active
{ background-color:#fddea6 }
/*---------------- attributes ----------------*/
ul.attribute-set > li { margin:0 }
ul.attribute-set > li::after { border:none }
ul.attribute-subset { margin:0 }
ul.attribute { margin:0 }
ul.attribute > li { margin:0 }
ul.attr-set { margin:0 }
ul.attr-set > li { margin:0 }
/*---------------- tinymce ----------------*/
.vakata-context li { margin:0 }
/*---------------- tinymce ----------------*/
.pg-sitemap a { text-decoration:none }
.pg-sitemap ul li { list-style:none }
.pg-sitemap > ul { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:20px }
.pg-sitemap > ul > li > a { font-weight:700 }
/*---------------- user-login ----------------*/
.user .more-info { margin-top:20px; padding-top:20px }
.user .secure-msg { margin:20px 0; padding-left:20px; background:url(/media/icons/lock.svg) no-repeat }
.user .secure-msg::before { content:'This page is secure and your personal details are protected.' }
.user .forgot-password { margin-top:20px }
.user-dialog .dialog-buttons { position:absolute; bottom:0; right:0 }
/* user-pane */
#user-pane { position:relative; float:right }
#user-pane li { list-style:none; line-height:25px; float:left; color:#444; margin:0 3px }
#user-pane .account-wishlist-link::after
{ content:"Wish List" }
/* account */
h1.account { font-size:24px; text-align:center; margin:50px 0; clear:both }
.myaccount h1.account { margin-top:20px }
h2.account { font-size:14px; padding:0 10px; text-transform:uppercase; top:-12px; background-color:#fff; display:inline-block; position:relative }
.account-border { margin:50px 0 20px; border-top:1px solid #bbb; text-align:center; position:relative; height:10px; clear:both }
/*---------------- miscellaneous ----------------*/
#svg-icons { display:none }
.paginator { margin:6px 0; text-align:right }
.paginator b { font-size:1.1em; text-decoration:underline }
.divider { height:1px; width:100%; background-color:#ccc; margin:20px 0 10px; border-bottom:1px solid #fff }
.code_snippet { font:normal 11px Courier New,Courier,Monaco,monospace; margin:6px 0; padding:6px; border:1px solid #bbb; background-color:#ffe }
.label-related { clear:both }
.address_list select { background-color:#777; color:#fff }
.rss-pane .rss-divider { margin:10px 0; border-top:1px solid #AAA }
.twitface { margin-top:15px }
.table-cell { display:table-cell; vertical-align:top }
.table-cell C { text-align:center }
.forgot-password { text-decoration:underline; display:block; margin-bottom:30px }
.pad10 { padding:10px }
img.r-pop { float:right; margin-top:3px }
span.r-pop { margin-right:12px }
/*---------------- staging-mode ----------------*/
#staging-box { display:none }
.staging-mode #staging-box { display:block; padding:5px; width:100%; background-color:#ab2f01; text-align:center; color:#fff; font-size:13px; cursor:pointer }
/*---------------- print media ----------------*/
@media print {
.breakhere { page-break-before:always }
.pad10 { padding:0 }
}
/*---------------- mobile ----------------*/
@media (max-width: 767px) {
/* fields-holder */
.fields-holder input { width:100% }
.fields-holder input.unresponsive,
input[type="checkbox"], input[type="radio"]
{ width:inherit }
.pg-sitemap > ul { -webkit-column-count:1; -moz-column-count:1; column-count:1 }
table.responsive-table,
.responsive-table thead, .responsive-table tbody,
table.responsive-table, .responsive-table th, .responsive-table td,
.responsive-table tr
{ display:block; background-color:#fff }
/* Hide table headers (but not display: none;, for accessibility) */
.responsive-table thead tr { position:absolute; top:-9999px; left:-9999px }
.responsive-table tr:nth-of-type(odd) td
{ background-color:#fff }
.responsive-table tr { border:1px solid #888; margin:20px 0 }
.table-list.responsive-table td {
/* Behave like a "row" */
border:none; border-bottom:1px solid #eee; position:relative; padding-left:30%; text-align:left; font-size:1.1em; min-height:1.1em }
.table-list.responsive-table td.fw { width:auto }
.responsive-table td:before {
/* Now like a table header */
position:absolute;
/* Top/left values mimic padding */
top:6px; left:6px; padding-right:10px; white-space:nowrap }
.responsive-table .edit-action,
.responsive-table .delete-action
{ display:inline-block }
.table-list.responsive-table .delete-action
{ padding:0 }
.table-list.responsive-table .action-block
{ border:none }
.table-list.responsive-table .action-block td
{ padding:4px }
.table-list.responsive-table .action-block td a
{ background-image:none }
.table-list.responsive-table .action-block td:before
{ content:'' }
.table-list.responsive-table .r-hide
{ display:none }
/*
Label the data
*/
.responsive-table td:nth-of-type(1):before
{ content:attr(data-1) }
.responsive-table td:nth-of-type(2):before
{ content:attr(data-2) }
.responsive-table td:nth-of-type(3):before
{ content:attr(data-3) }
.responsive-table td:nth-of-type(4):before
{ content:attr(data-4) }
.responsive-table td:nth-of-type(5):before
{ content:attr(data-5) }
.responsive-table td:nth-of-type(6):before
{ content:attr(data-6) }
.responsive-table td:nth-of-type(7):before
{ content:attr(data-7) }
.responsive-table td:nth-of-type(8):before
{ content:attr(data-8) }
.responsive-table td:nth-of-type(9):before
{ content:attr(data-9) }
.responsive-table td:nth-of-type(10):before
{ content:attr(data-10) }
}