html { overflow-y: scroll; }
html, body { height: 100%; }
body div.normal-list ul { padding: 10px 0; }
body div.normal-list ul li { list-style-type: disc; margin-left: 25px; padding-left: 0; }
.relative { position: relative; }
pre { background-color: #eee; font-size: 11px; padding: 10px; }
.fieldWithErrors { background-color: red; display: table; padding: 2px; }
#errorExplanation { background-color: #f0f0f0; border: 2px solid red; display: none; margin-bottom: 20px; padding: 7px 7px 12px; width: 400px; }
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
}
#errorExplanation ul li {
font-size: 12px;
list-style: square;
}
div.uploadStatus {
margin: 5px;
}
div.progressBar {
margin: 5px;
}
div.progressBar div.border {
background-color: #fff;
border: 1px solid grey;
width: 100%;
}
div.progressBar div.background { background-color: #333; height: 18px; width: 0; }
.color_button { border: 2px solid #aaa; cursor: pointer; }
.colors_div table tr td { border: 1px solid #000; }
.colors_div table { border: 1px solid #000; }
/* upload progress */
.progress_bar_container { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #eee url(/images/new/progress_bar_container.gif) 0 0 repeat-x; height: 15px; margin: 0 0 20px; overflow: hidden; padding: 0; }
.progress_bar { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(/images/new/progress_status.gif) 0 0 repeat-x; height: 15px; text-indent: -9999px; }
.progress_bar_text { display: block; font-weight: bold; margin-bottom: 20px; }
.progressBarText { color: #333333; }
/* icon select box */
div.cbo_autocomplete {
position:absolute;
width:400px;
color:#b4b4b4;
background-color:#5b5b5b;
border:0px solid #ccc;
margin:0px;
padding:0px;
font-size:0.8em;
text-align:left;
max-height:200px;
overflow:auto;
z-index:4000;
}
div.cbo_autocomplete ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.cbo_autocomplete ul li.selected {
background-color:#0a246a;
color: white;
}
div.cbo_autocomplete ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
white-space: nowrap;
color:#b4b4b4;
}
.ac_combo
{
margin:0px;
font-size:11px;
color:#b4b4b4;
border:0px;
background-color:#5b5b5b;
padding:1px;
cursor: pointer;
}
/*
popups
*/
xxx.popupbackground { background: url("/images/screen.gif"); padding: 0; position:absolute; }
.popupbackground { background: #000; display: block; min-height: 100%; left: 0!important; opacity: 0.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: fixed; top: 0!important; visibility: visible; width: 100%; z-index:1000; }
* html .popupbackground { position: absolute; height: 100%; }
.lightbg { opacity: 0.4; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
.popupclose{ display: none!important; visibility: hidden!important; }
/*
async
*/
.async_action_background { background: #000000; opacity: 0; filter: Alpha(opacity='0'); -moz-opacity:0; -khtml-opacity: 0; }
XXX.async_action { background: url("/images/loading.gif") 50% 50% no-repeat; }
.async_action{ text-align: center; }
.async_action img{ background: url(/images/spinner_bg.png) 50% 50% no-repeat; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; }
* html .async_action img { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/spinner_bg.png', sizingMethod='scale'); }
/*
screen guard
*/
.screen_guard { background: #000; display: block; min-height: 100%; left: 0!important; opacity: 0; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: fixed; top: 0!important; visibility: visible; width: 100%; z-index:1000; }
/*
create new nav
*/
/* process products progress */
.ppProgressBarContainer {
border: 2px solid grey;
padding: 0px;
}
.ppProgressBar {
background-color: grey;
margin: 0px;
}
/*
SUPPLIER ORDERS
*/
.supplier_color_swatch {
border: 1px solid black;
}
.supplier_color_swatch tr td {
border: 1px solid black;
}
/* AD */
.ad_instructions {
border: 1px solid green;
padding: 5px;
}
.ad_code {
border: 1px solid white;
font-family: courier;
padding: 5px;
}
.ad_var {
font: bold 16px courier;
color: red;
}
div.admintop{ background: #222222 !important; display: block; font: normal 11px Arial, Helvetica, Sans; height: 50px; overflow: hidden; }
div.admintop div.set{ overflow: hidden; }
div.admintop img{ color: #fff; float: left; margin: 5px 5px 5px 10px; }
div.admintop span{ color: #fff; float: left; font-size: 18px; margin: 12px 5px 0 10px; }
ul.mlm_admin_menu{ float: left; padding: 7px 0 0 10px; }
ul.mlm_admin_menu li{ display: inline; }
ul.mlm_admin_menu li a{ background-position: 0 0; background-repeat: no-repeat; display: block; float: left; height: 37px; width: 135px; text-indent: -9999px;}
ul.mlm_admin_menu li a:hover{ background-position: 0 100%; }
ul.on li.view a, ul.off li.manage a{ background-position: 0 100%; }
ul.mlm_admin_menu li.manage a{ background-image: url(/ppr/images/mlm/manage.gif); width: 135px; }
ul.mlm_admin_menu li.view a{ background-image: url(/ppr/images/mlm/view.gif); width: 103px; }
ul.mlm_admin_menu li.administer a{ background-image: url(/ppr/images/mlm/administer.gif); width: 135px; }
div.admintop_contruct{ background: #222 url(/ppr/images/mlm/notice-construction.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
div.admintop_testing{ background: #222 url(/ppr/images/mlm/notice-testing.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
div.admintop_eval{ background: #222 url(/ppr/images/mlm/notice-evaluation.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
xxxdiv.adminheader_construct a{ background: url(/ppr/images/mlm/notice-construction-admin.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
xxxdiv.adminheader_testing a{ background: url(/ppr/images/mlm/notice-testing-admin.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
div.noticetop{ background: red; background: #222; font-size: 1.1em; padding: 10px 0; }
div.noticeheader{ height: 90px; line-height: 89px; margin: 0 auto; width: 800px; }
div.noticeheader span{ color: #5a5a5a; font-size: 1.7em; font-weight: normal; margin-left: 120px; }
div.noticeheader.construct{ background: url(../images/admin/notice_construct_white.gif) 50% 0 no-repeat; }
div.noticetop div.noticeheader.construct{ background: url(../images/admin/notice_construct_dark.gif) 50% 0 no-repeat; }
div.noticeheader.construct a{ color: #ff7700!important; }
div.noticeheader.testing{ background: url(../images/admin/notice_test_white.gif) 50% 0 no-repeat; margin-bottom: 10px; }
div.noticetop div.noticeheader.testing{ background: url(../images/admin/notice_test_dark.gif) 50% 0 no-repeat; }
div.admintop ul.admin_menu{ float: left; margin: 0; padding: 7px 0 0 10px; }
div.admintop ul.admin_menu li{ display: inline; }
div.admintop ul.admin_menu li{ background: url(/ppr/images/mlm/cart-right.gif) 100% 0 no-repeat; float: left; margin-right: 5px; padding: 10px 10px 7px 0; position: relative; }
div.admintop ul.admin_menu li a{ background-position: 0 0; background-repeat: no-repeat; color: #fff; padding: 5px 0 4px 30px; text-decoration: none; text-indent: 0; }
div.admintop ul.admin_menu li a:hover{ background-position: 0 -24px; }
div.admintop ul.admin_menu li.manage a{ background-image: url(/ppr/images/mlm/admin-manage.gif); }
div.admintop ul.admin_menu li.view a{ background-image: url(/ppr/images/mlm/admin-view.gif); }
div.admintop ul.admin_menu li.admin a{ background-image: url(/ppr/images/mlm/admin-admin.gif); }
div.admintop ul.admin_menu li.manage_sel a{background-position: 0 -24px; background-image: url(/ppr/images/mlm/admin-manage.gif);}
div.admintop ul.admin_menu li.view_sel a{ background-position: 0 -24px; background-image: url(/ppr/images/mlm/admin-view.gif); }
div.admintop ul.admin_menu li.admin_sel a{ background-position: 0 -24px;background-image: url(/ppr/images/mlm/admin-admin.gif); }
div.videohelp{ display: block; text-align: right; margin-bottom: 7px;}
div.videohelp a{ background: url(/ppr/images/icon-videotut.gif) 0 50% no-repeat; padding: 10px 0 10px 36px; }
/* new page management styles */
span.add{ background: url(/ppr/images/manage/add-left.gif) 0 0 no-repeat; float: right; padding: 6px 0 8px 30px; }
span.add a{ background: url(/ppr/images/manage/add-right.gif) 100% 0 no-repeat; padding: 6px 10px 8px 0; }
ul.manage_nav{ margin: 0 0 20px; padding: 10px 0 0; }
ul.manage_nav li{ border-right: 1px solid #c0c0c0; display: inline; list-style: none; margin: 0; padding: 0 5px; }
body#ppr table ul.manage_nav li.unused a{ color: #628597; text-decoration: line-through; }
body#ppr table ul.manage_nav li a{ color: #16acf7; padding: 0; }
body#ppr table ul.manage_nav li span{ padding: 0 5px; }
div.manage-control{ background: url(/ppr/images/manage/control-top.gif) 0 0 no-repeat; outline: none; padding-top: 15px; }
div.manage-control *{ outline: none; }
div.manage-control div.interior{ background: url(/ppr/images/manage/control-bottom.gif) 0 100% no-repeat; padding-bottom: 10px; }
div.manage-control ul{ overflow: hidden; margin: 0 0 0 10px; padding: 0; width: 100%; }
div.manage-control ul li{ display: block; float: left; }
div.manage-control ul li a, div.manage-control ul li span{ display: inline; float: left; padding: 10px 15px 14px 35px; }
div.manage-control ul li span{ color: #a4a4a4; }
div.manage-control ul li.tab-left{ background: url(/ppr/images/manage/tab-left.gif) 0 0 no-repeat; }
div.manage-control ul li.tab-left a{ background: url(/ppr/images/manage/tab-left-icon.gif) 12px 46% no-repeat; }
div.manage-control ul li.tab-left span{ background: url(/ppr/images/manage/tab-left-icon-grey.gif) 12px 46% no-repeat; }
div.manage-control ul li.tab-right{ background: url(/ppr/images/manage/tab-right.gif) 0 0 no-repeat; }
div.manage-control ul li.tab-right a{ background: url(/ppr/images/manage/tab-right-icon.gif) 96% 46% no-repeat; padding: 10px 25px 14px 15px; }
div.manage-control ul li.tab-right span{ background: url(/ppr/images/manage/tab-right-icon-grey.gif) 96% 46% no-repeat; padding: 10px 25px 14px 15px; }
div.manage-control ul li.is-visible{ background: url(/ppr/images/manage/tab-add.gif) 0 0 no-repeat; padding: 9px 15px 15px 35px; }
div.manage-control ul li.is-visible select{ width: 80px; }
div.manage-control ul li.is-visible select option{ overflow: visible; }
div.manage-control ul li.tab-sub{ background: url(/ppr/images/manage/tab-addsub.gif) 0 0 no-repeat; }
div.manage-control ul li.tab-sub a{ background: url(/ppr/images/manage/tab-addsub-icon.gif) 12px 45% no-repeat; }
div.manage-control ul li.tab-sub span{ background: url(/ppr/images/manage/tab-addsub-icon-grey.gif) 12px 45% no-repeat; }
body#ppr div.manage-control ul li.tab-sub a{ color: #1bb706; }
div.manage-control ul li.tab-delete{ background: url(/ppr/images/manage/tab-delete.gif) 0 0 no-repeat; padding-right: 30px; }
div.manage-control ul li.tab-delete a{ background: url(/ppr/images/manage/tab-delete-icon.gif) 12px 45% no-repeat; }
div.manage-control ul li.tab-delete span{ background: url(/ppr/images/manage/tab-delete-icon-grey.gif) 12px 45% no-repeat; }
body#ppr div.manage-control ul li.tab-delete a{ color: #b70606; }
div.common{ background: url(/ppr/images/manage/common-bottom.gif) 0 100% no-repeat; margin-bottom: 20px; padding: 0 0 30px; width: 620px; }
div.common div.section{ background: url(/ppr/images/manage/section-bg.gif) 0 100% repeat-x; padding: 10px 15px 10px 20px; }
* html div.common div.section{ width: 580px; }
/*div.common div.section input, select, textarea{ border: 1px solid #c7c7c7; padding: 0 3px;}*/
div.common div.section input.submit_box{ padding: 5px; }
div.common div.section label{ background-position: 0 50%; background-repeat: no-repeat; color: #5c5c5c; display: block; font-size: 14px; float: left; font-weight: bold; letter-spacing: -0.04em; margin-bottom: 5px; padding-left: 20px; width: 165px; }
div.common div.section label.title{ background-image: url(/ppr/images/manage/icon-pagetitle.gif); }
div.common div.section label.text{ background-image: url(/ppr/images/manage/icon-pagetext.gif); }
div.common div.section label.link{ background-image: url(/ppr/images/manage/icon-link.gif); }
div.common div.section label.image{ background: url(/ppr/images/manage/icon-pic.gif) 0 0 no-repeat; }
div.category{ }
div.category div.interior{ display: none; }
div.category div.section{ background: url(/ppr/images/manage/section-bg.gif) 0 100% repeat-x; margin: 0 5px; overflow: hidden; padding: 10px 0; width: 100%; }
div.category div.alt{ background: #dcf3ff; margin-top: -1px; padding-left: 10px; }
div.category div.heading{ background: transparent none; padding: 0; text-align: right; }
div.category div.heading div{ overflow: hidden; width: 600px; }
div.category div.heading div{ background: #d9d9d9; border-bottom: 1px solid #a8a8a8; overflow: hidden; padding: 0 10px; text-align: left; }
div.category div.heading a.toggle{ background: url(/ppr/images/manage/toggle-left.gif) 0 0 no-repeat; margin-right: 10px; padding: 8px 0 10px 30px; }
* html div.category div.heading a.toggle{ padding-top: 0; }
div.category div.heading a.alt{ background: url(/ppr/images/manage/toggle-left-alt.gif) 0 0 no-repeat; padding: 8px 0 10px 30px;}
div.category div.heading a.toggle span{ background: url(/ppr/images/manage/toggle-right.gif) 100% 0 no-repeat; padding: 8px 8px 10px 0; }
div.category div.heading h3{ background: transparent none; color: #404040; float: left; font-size: 24px; letter-spacing: -0.07em; line-height: 1em; padding: 7px 0; width: 50%; }
div.category div.heading input{ float: right; margin-top: 20px; }
div.category div.section label{ background: url(/ppr/images/manage/icon-page.gif) 0 2px no-repeat; color: #5c5c5c; display: block; font-size: 11px; float: left; font-weight: bold; margin-bottom: 5px; padding: 3px 0 3px 20px; width: 155px; }
div.section label span{ color: #02abff; font-size: 11px; font-weight: normal; letter-spacing: 0; }
div.section label span.alt{ color: #949494; }
div.section div.description{ float: left; width: 300px; }
div.section div.active{ float: right; text-align: right; width: 50px; }
input.submit_box{ background: url(/ppr/images/manage/submit-bg.gif) 0 100% repeat-x; font-size: 18px; }
/* subpage */
div.subpages{ background: url(/ppr/images/manage/subpage-bg.gif) 0 0 no-repeat; margin: 0 auto 10px; padding: 5px 0 0; width: 600px; }
div.subpages div{ background: url(/ppr/images/manage/subpage-bottom-bg.gif) 0 100% no-repeat; padding: 5px 0 10px; }
div.subpages label{ float: left; margin-left: 10px; width: 100px; }
div.subpages ul.manage_nav{ margin: 0; padding: 0; }
/* this is the message box aka msgbox */
div.msgbox{ background: #fff; border: 2px solid #4a4a4a; padding: 20px 20px 10px 10px; }
div.msgbox h2{ color: #df7003; font-size: 18px; font-weight: normal; letter-spacing: -0.07em; margin: 0 0 5px; }
div.msgbox img{ margin: 20px 10px 0 0; }
div.msgbox div.msgbox_buttons{ padding: 15px 0 0; text-align: right; }
/* MAP: product color palette */
ul.product_color_palette {
list-style: none;
}
/* MAP: product view templates list */
ul.product_view_template_list {
list-style: none;
padding: 0;
}
ul.product_view_template_list li {
border: 2px solid #DEDEDE;
cursor: pointer;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
margin: 2px;
padding: 2px;
vertical-align: top;
text-align: center;
width: 110px;
word-wrap: break-word;
}
* html ul.product_view_template_list li{ display: inline; }
* + html ul.product_view_template_list li{ display: inline; }
ul.product_view_template_list li.alt {
background-color: #003333;
font-weight: bold;
color: #FFFFFF;
}
/* MAP: tabs */
ul.tabs{ display: block; margin: 0; padding: 20px 0 0; position: relative; text-align: left; }
ul.tabs:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.tabs{ height: 1%; }
* + html ul.tabs{ height: 1%; }
ul.split-tabs { text-align: right; }
ul.tabs li, .popup ul.tabs li{ background: #dadada; border-bottom: 1px solid #fff; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: right; margin: 0 1px 0 0; padding: 0 1px; cursor: pointer; text-align: center; color: #353535; font-size: 1.2em; font-weight: bold; letter-spacing: -0.01em; padding: 5px 7px 4px 23px; text-decoration: none; }
/* IE considerations */
* html ul.tabs li{ display: inline; }
* + html ul.tabs li{ display: inline; }
ul.tabs li.alt{ background: #e16b26; border-bottom: 1px solid #e16b26; color: #fff;}
ul.tabs h4{
background: #4c4c4c; border-bottom: 1px solid #fff; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: left; font-size: 1.2em; margin: 0; padding: 0 1px; margin-right: 4px; cursor: pointer;
color: #fff; font-weight: bold; padding: 5px 10px 4px 10px; text-decoration: none;
}
ul.tabs h4.alt{ border-bottom: 1px solid #4c4c4c; }
div.tab_panel { border: 1px solid #dadada; border-top: 5px solid #e16b26; margin-bottom: 20px; padding: 20px; }
div.tab_panel_main { border: 1px solid #dadada; border-top: 5px solid #4c4c4c; margin-bottom: 20px; padding: 20px; }
/* alt styles for the dashboard */
ul.tabs li.alt { background: #a8cd19; border-bottom: 1px solid #a8cd19; }
ul.tabs li.alt a { color: #fff!important; }
div.tab_panel { border-top: 5px solid #a8cd19; }
/* MAP: decoration library browser */
ul.error{ }
ul.error:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.error{ height: 1px; }
* + html ul.error{ min-height: 1px; }
ul.error li{ float: left; }
span.cart_warning { background: url(/ppr/images/mp/cart_warning_left.gif) 0 0 no-repeat; display: inline-block; height: 18px; line-height: 28px; margin: 0 0 3px; padding: 0 0 0 36px!important; }
* html span.cart_warning { display: inline; }
* + html span.cart_warning { display: inline; }
span.cart_warning b,
span.cart_warning strong { background: url(/ppr/images/mp/cart_warning.gif) 100% 0 no-repeat; color: #fff; display: inline-block; height: 28px; line-height: 18px; padding: 0 10px 0 0; }
/* agreement */
div.agreement{ font-size: 11px; }
div.agreement p{ margin: 0 0 10px; padding: 0; }
div.agreement h2{ font-size: 24px; margin: 0 0 10px; padding: 0; text-transform: capitalize; }
div.agreement h3{ font-size: 18px; margin: 0 0 10px; padding: 0; text-transform: capitalize; }
div.agreement ul{ padding-left: 20px; }
div.agreement ul li{ line-height: 1.4em; margin-bottom: 7px; }
div.popup_content div#content{ background: #fff; color: #333; }
/* top notice stuff */
div.top_notice{ background: #2e2e2e; }
div.top_notice a{ color: #bbb; }
div.top_notice div.notice{ margin: 0 auto; padding: 20px 0; width: 800px; }
div.top_notice div.notice:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
div.top_notice div.notice.testing{ background: transparent none; }
div.top_notice div.notice b{ display: block; float: left; margin-top: -10px; position: absolute; width: 64px; height: 64px; }
div.top_notice div.notice.testing b{ background: url(/ppr/images/notice_testing.gif) 0 0 no-repeat; }
div.top_notice div.notice.construct b{ background: url(/ppr/images/notice_construct.gif) 0 0 no-repeat; }
div.top_notice div.notice.portal b{ background: url(/ppr/images/notice_portal.gif) 0 0 no-repeat; }
div.top_notice div.notice span{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #282828; color: #fff; display: block; xxxfloat: left; font-size: 18px; font-weight: bold; letter-spacing: -0.035em; margin: 0; padding: 10px 20px 10px 70px; }
.display_none{ display: none; }
.display_block{ display: block; }
.display_inline{ display: inline; }
/*-------------------------------------------------
=============================CUSTOMER MENU */
#mlm_div { background: #343434; display: block; }
/*-------------------------------------------- STYLES FOR TREEVIEW MENU */
#categories { padding: 10px 0 0 5px; }
.library_categories { max-height: 410px; overflow: auto; padding: 0 0 10px; }
* html .library_categories,
* + html .library_categories { position: relative; }
.library_categories ul { margin-top: -2px; padding-left: 20px; }
.library_categories ul li { background: url(/images/admin/cat.gif) 6px 0 repeat-y; border: 0; float: none; padding: 2px 0 0 0; }
.library_categories ul li.l,
.library_categories ul li:last-child { background-repeat: no-repeat; }
.library_categories ul li span,
.library_categories ul li span.selected { background: url(/images/admin/cat_h.gif) 12px 12px no-repeat; border: 0; display: block; padding: 7px 0 1px; white-space: nowrap; }
.library_categories ul li span:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .library_categories ul li span { height: 1px; }
* + html .library_categories ul li span { min-height: 1px; }
.library_categories ul li span a.link { background: url(/images/icons/itoolbar_ii/16/folder.png) 2px 0 no-repeat; display: inline-block; font-weight: normal; padding: 3px 0 2px 21px; text-decoration: none; }
* html .library_categories ul li span a.link { display: inline; }
* + html .library_categories ul li span a.link { display: inline; }
.library_categories ul li span a.link.private { background: url(/images/icons/itoolbar_i/16/lock.png) 2px 0 no-repeat; }
.library_categories ul li span.selected a.link,
.library_categories ul li span a.link.cat_drop { -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #eee; color: #404040!important; font-weight: bold; padding-right: 3px; }
.library_categories ul li span a.link.cat_drop { background-color: #ddd; }
.library_categories ul li span a.null { background: url(/images/icons/itoolbar_i/12/button_blue_alt.png) 50% 100% no-repeat; cursor: auto; display: block; float: left; height: 12px; margin: 0 0 0 1px; text-indent: -9999px; width: 12px; }
.library_categories ul li span a.open { background: url(/images/icons/itoolbar_ii/12/addd.png) 50% 100% no-repeat; display: block; float: left; height: 12px; margin: 0 0 0 1px; text-indent: -9999px; width: 12px; }
.library_categories ul li span a.close { background: url(/images/icons/itoolbar_ii/12/remove.png) 50% 100% no-repeat; display: block; float: left; height: 12px; margin: 0 0 0 1px; text-indent: -9999px; width: 12px; }
/*-------------------------------------------- SUCCESS & WARNINGS */
.notice_container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .notice_container { height: 1px; }
* + html .notice_container { min-height: 1px; }
.notice_bd { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #eee; float: left; margin: 0 0 20px; padding: 3px; }
.notice_int { background: #f7f7f7; border: 1px solid #d5d5d5; font-size: 11px; }
.success, .warning, .alert { border: 1px solid #d4d4d4; display: block; margin: 0; padding: 0 10px; }
.notice_container h3,
#content .notice_container h3 { border: 0; color: #fff; font-size: 18px; font-weight: normal; letter-spacing: 0; margin: 0; padding: 7px 0 7px 36px; }
.success { background: #a5d200 url(/images/success_bg.gif) 0 100% repeat-x; }
.success h3 { background: url(/images/icons/itoolbar_i/32/ok.png) 0 50% no-repeat; }
.success strong { background-image: url(/images/icons/itoolbar_i/32/ok.png); }
.warning { background: #e25127 url(/images/warning_bg.gif) 0 100% repeat-x; border-color: #c2230d; }
.warning h3 { background: url(/images/icons/itoolbar_i/32/stop.png) 0 50% no-repeat; }
.warning strong { }
.alert { background: #efbd00 url(/images/alert_bg.gif) 0 100% repeat-x; border-color: #bc9500; }
.alert h3 { background: url(/images/icons/itoolbar_i/32/alert.png) 0 50% no-repeat; }
.notice_cont { padding: 10px 5px 5px 46px; }
.notice_cont a { color: #404040!important; font-weight: bold; text-decoration: underline; }
.notice_cont p { margin: 0 0 10px; padding: 0; }
.notice_int .submit { border-top: 1px solid #d4d4d4; margin: 0; padding: 5px 5px 5px 46px; }
.notice_int .submit .action { margin-top: 4px; }
/* decorated products */
#product_tb:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #product_tb { height: 1px; }
* + html #product_tb { min-height: 1px; }
.product { -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: move; float: left!important; margin: 5px; padding: 0 5px 5px; width: 100px; }
.product:hover { -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .2); border: 1px solid #aaa; }
.product .inline_block { display: block; margin: 0 0 5px; padding: 0; }
.product .inline_block li { height: 28px; line-height: 28px; margin: 0; padding: 0; }
.product .inline_block .drag { background: url(/images/admin/drag_small.png) -24px 0 no-repeat; height: 24px; width: 24px; }
.product:hover .inline_block .drag
{ background: url(/images/admin/drag_small.png) 0 0 no-repeat; }
.product .inline_block li.submit { }
.product .edit_product { -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; left: 0; margin: 28px 0 0 -1px; position: absolute; top: 0; width: 540px; }
.product .edit_product .interior { padding: 5px 10px 5px 5px; }
.product .edit_product .product_image
{ float: left; }
.product .edit_product .product_details
{ float: right; width: 400px;}
.product .thumb_border { margin-bottom: 5px; min-height: 100px; position: relative; text-align: center; }
* html .product .thumb_border { height: 100px; }
.c_p_product_defs { bottom: 0; margin: 0 0 5px 5px; left: 0; position: absolute; }
.c_p_product_defs:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .c_p_product_defs { height: 1px; }
* + html .c_p_product_defs { min-height: 1px; }
.c_p_product_defs li { float: left; }
/* base inline block ul */
ul.inline_block { border-width: 0 0 1px; margin-bottom: 10px; padding: 5px 0 0; }
ul.inline_block:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.inline_block { height: 1px; }
* + html ul.inline_block { min-height: 1px; }
ul.inline_block li { display: block; float: left; padding: 0 15px 10px 0; }
* html ul.inline_block li { height: 1px; }
* + html ul.inline_block li { min-height: 1px; }
ul.inline_block li label { font-weight: bold; margin-right: 10px; }
ul.inline_block li label .help { background-position: 100% 50%; float: left; }
ul.inline_block li.block { clear: both; display: block; float: none; margin-left: 0; margin-right: 0; }
ul.inline_block li.block:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.inline_block li.block { height: 1px; }
* + html ul.inline_block li.block { min-height: 1px; }
ul.inline_block li.submit { display: block; float: right; margin-left: 10px; margin-right: 0; text-align: right; }
ul.inline_block li.submit:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
ul.inline_block li b.action { float: left; margin: 0; }
ul.inline_block li b.action input { margin: 0; }
ul.inline_block li.submit input { margin: -10px 0 0; }
ul.inline_block.flat { border: 0; float: right; margin: 0; padding: 0; }
ul.inline_block.flat li { float: right; margin: 0; }
.inline_block.flat .action { background: url(/images/new/box_action_a.gif) 0 0 no-repeat; float: right; margin: 0 0 0 5px; }
.inline_block.flat .action a,
.inline_block.flat .action input { background: url(/images/new/box_action_b.gif) 100% 0 no-repeat; font-size: 11px; height: 22px; line-height: 22px; }
ul.inline_block li.float_label {}
ul.inline_block li.float_label:after { clear: both; content: "."; display: block; height: 1px; line-height: 1px; visibility: hidden; }
* html ul.inline_block li.float_label{
height: 1px; }
* + html ul.inline_block li.float_label{
min-height: 1px; }
ul.inline_block li.float_label label{ float: left; }
ul.inline_block li.relative { position: relative; }
ul.inline_block li.disabled { filter: Alpha(Opacity=40); opacity: 0.4; }
ul.inline_block li.disabled a { cursor: auto; }
ul.inline_block textarea { float: left; }
ul.inline_block ul.radio { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #f7f7f7; border: 1px solid #eee; float: left; }
ul.inline_block ul.radio li { margin: 0 10px 0 0; }
ul.inline_block li.float_label .radio label{
float: none; }
ul.inline_block .form li { float: none; }
.f_box .inline_block,
.e_box .inline_block { border: 0; margin: 0; }
ul.inline_block .fixed_60 { width: 60px; }
ul.inline_block .fixed_80 { width: 80px; }
ul.inline_block .fixed_100 { width: 100px; }
ul.inline_block .fixed_120 { width: 120px; }
ul.inline_block .fixed_140 { width: 140px; }
ul.inline_block .fixed_160 { width: 160px; }
ul.inline_block .fixed_180 { width: 180px; }
ul.inline_block .fixed_200 { width: 200px; }
ul.inline_block .fixed_220 { width: 220px; }
ul.inline_block .fixed_240 { width: 240px; }
ul.inline_block label.fixed_60,
ul.inline_block label.fixed_80,
ul.inline_block label.fixed_100,
ul.inline_block label.fixed_120,
ul.inline_block label.fixed_140,
ul.inline_block label.fixed_160,
ul.inline_block label.fixed_180,
ul.inline_block label.fixed_200 { display: block; float: left; text-align: right; }
ul.controls,
ol.controls {}
ul.controls li,
ol.controls li { float: right; margin-left: 10px; }
.control { background-position: 50% 50%; background-repeat: no-repeat; display: block; height: 16px; text-indent: -9999px; width: 16px; }
.control.up { background-image: url(/images/icons/itoolbar_ii/16/up_button.png); }
.control.down { background-image: url(/images/icons/itoolbar_ii/16/down_button.png); }
.control.delete { background-image: url(/images/icons/itoolbar_ii/16/remove.png); }
.control.configure { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
.control.edit { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
.control.featured { background-image: url(/images/icons/itoolbar_i/16/star.png); }
.control.home { background-image: url(/images/icons/itoolbar_i/16/home.png); }
.control.private { background-image: url(/images/icons/itoolbar_i/16/lock.png); }
.control.cut { background-image: url(/images/icons/itoolbar_i/16/cut.png); }
.control.copy { background-image: url(/images/icons/itoolbar_i/16/file-copy.png); }
.control.paste { background-image: url(/images/icons/itoolbar_i/16/paste.png); }
.control.remove { background-image: url(/images/icons/itoolbar_i/16/delete.png); }
.control.zoom_in { background-image: url(/images/icons/itoolbar_i/16/zoom+.png); }
.control.zoom_out { background-image: url(/images/icons/itoolbar_i/16/zoom-.png); }
.icon { background-position: 0 50%; background-repeat: no-repeat; display: block; line-height: 16px; padding-left: 20px; }
.inline_block .icon { display: inline; }
.icon.add { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
.icon.add_category { background-image: url(/images/icons/itoolbar_ii/16/add_folder.png); }
.icon.add_image { background-image: url(/images/icons/itoolbar_ii/16/add_file.png); }
.icon.cancelled { background-image: url(/images/icons/itoolbar_ii/16/cancel.png); }
.icon.configure { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
.icon.delete { background-image: url(/images/icons/itoolbar_i/16/delete.png); }
.icon.edit { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
.icon.email { background-image: url(/images/icons/itoolbar_i/16/mail.png); }
.icon.flags { background-image: url(/images/icons/itoolbar_ii/16/flag_yellow.png); }
.icon.import { background-image: url(/images/icons/itoolbar_ii/16/down.png); }
.icon.ok,
.icon.okay { background-image: url(/images/icons/itoolbar_i/16/ok.png); }
.icon.ordered { background-image: url(/images/icons/itoolbar_ii/16/shop.png); }
.icon.status { background-image: url(/images/icons/itoolbar_i/16/info.png); }
.icon.search { background-image: url(/images/icons/itoolbar_i/16/search.png); }
.icon.url { background-image: url(/images/icons/itoolbar_i/16/web.png); }
.icon.view { background-image: url(/images/icons/itoolbar_i/16/search.png); }
.icon.featured { background-image: url(/images/icons/itoolbar_i/16/star.png); }
.icon.home { background-image: url(/images/icons/itoolbar_i/16/home.png); }
.icon.private { background-image: url(/images/icons/itoolbar_i/16/lock.png); }
.icon.public { background-image: url(/images/icons/itoolbar_i/16/unlock.png); }
.icon.copy { background-image: url(/images/icons/itoolbar_i/16/file-copy.png); }
.drag { background: #eee; cursor: move; display: block; display: inline-block; height: 20px; margin: 3px 5px 3px 0; padding: 0; text-indent: -9999px; text-decoration: none; width: 20px; }
/* library listing (for the portal) */
.user_content .library_browser .hierarchy
{ float: left; width: 200px; }
.user_content .library_browser .library_listing
{ float: right; width: 570px; }
/* configured products page stuff */
#product_listing { }
#product_listing table { -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }
#product_listing table td { vertical-align: top; }
div.configured_product { display: block; padding: 5px; margin: 5px 5px 25px; }
div.configured_product h5 { display: block; margin-bottom: 10px; min-height: 35px; }
.product_color_list { margin-top: 5px; padding: 2px; }
.product_color_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .product_color_list { height: 1px; }
* + html .product_color_list { min-height: 1px; }
.product_color_list li { display: block; float: left; margin: 3px; width: auto; }
.product_color_list li span { display: block; line-height: 0; height: 20px; margin: 0; width: 20px; }
.product_color_list li span b { display: block; float: left; line-height: 0; margin: 0; padding: 0; width: 20px; }
.image_box { -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; margin-bottom: 5px; padding: 5px 0; text-align: center; }
.image_box img { display: inline; }
a.light_window { clear: both; display: block; }
ul.product_details li a.light_window
{ padding-left: 85px; }
/* column settings */
.row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .row { height: 1px; }
* + html .row { min-height: 1px; }
.column_one { float: left; width: 49%; }
.column_two { float: right; width: 49%; }
.m_p .column_one { width: 20%; }
.m_p .column_two { width: 75%; }
#product_view .column_one { width: 60%; }
#product_view .column_two { width: 37%; }
/* new heading stuff */
#admin_menu {
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 4px 4px -4px rgba(0, 0, 0, .6);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#333333')";
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 4px 4px -4px rgba(0, 0, 0, .6);
background: #4a4a4a url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
background: -moz-linear-gradient(50% 0, #6e6e6e, #4a4a4a);
background: -webkit-gradient(linear, 0 0, 0 100%, #6e6e6e, #4a4a4a);
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 4px 4px -4px rgba(0, 0, 0, .6);
height: 36px; position: relative; z-index: 100; }
#admin_menu a { color: #d4d4d4; font-size: 11px; font-weight: bold; text-decoration: none; }
#admin_menu .setter,
#customer_menu .setter { margin: 0 5px 0 15px; min-width: 980px; max-width: 1280px; }
#admin_menu li { float: left; height: 36px; line-height: 36px; }
.s_icon {
-moz-border-radius: 2px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 2px 6px rgba(0, 0, 0, .8) inset;
-webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 2px 6px rgba(0, 0, 0, .8) inset;
background: #fb9a25 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x; background: -moz-linear-gradient(50% 0, #fb9a25, #b33304); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fb9a25), to(#b33304));
border-radius: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 2px 6px rgba(0, 0, 0, .8) inset;
display: block; float: left; height: 32px; margin: 1px; padding: 0 10px 0 35px; position: relative; }
.s_icon:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .s_icon { height: 1px; }
* + html .s_icon { min-height: 1px; }
.s_icon.grey { -moz-box-shadow: none; background: transparent; }
.s_icon .int { background-image: url(/images/admin/admin_bar_icons.png); background-repeat: no-repeat; display: block; float: left; height: 32px; left: 0; position: absolute; top: 0; width: 30px; }
.s_icon.construction .int { background-position: -895px -98px; }
.s_icon.construction.grey .int { background-position: -895px 2px; }
.s_icon.testing .int { background-position: -848px -98px; }
.s_icon.testing.grey .int { background-position: -848px 2px; }
.s_icon h4 { color: #fff; font-size: 12px; font-weight: bold; margin: 4px 0 0; white-space: nowrap; }
.s_icon p { color: #fff; font-size: 8px; white-space: nowrap; }
.s_note {
-moz-border-radius: 1px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
-webkit-border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
background: -moz-linear-gradient(50% 0, #fb9a25, #b33304);
background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fb9a25), to(#b33304));
border-radius: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
border: 1px solid #4c4c4c; left: 0; margin: 15px 0 0 0; padding: 5px 0 0; position: absolute; top: 100%; width: 300px; }
.s_note h4 { color: #67310c; font-size: 12px; font-weight: bold; margin: 0 0 3px; padding: 0 10px; }
.s_note p { color: #fff; font-size: 11px; font-weight: normal; margin: 0 0 5px; padding: 0 10px; }
.s_note .tail { background: url(/images/admin/s_note_tail.png) 0 0 no-repeat; height: 8px; left: 8px; margin: 1px 0 0; position: absolute; top: -7px; width: 12px; }
#admin_menu .s_icon { margin: 1px 10px 0 0; }
/* manage store and manage FC */
#site_sections {
border-left: 1px solid #505050; border-left: 1px solid rgba(0, 0, 0, .1);
border-right: 1px solid #646464; border-right: 1px solid rgba(255, 255, 255, .1);
float: left; position: relative; }
#site_sections li {
border-left: 1px solid #646464; border-left: 1px solid rgba(255, 255, 255, .1);
border-right: 1px solid #505050; border-right: 1px solid rgba(0, 0, 0, .1); }
#site_sections li.alt {
border-left: none; border-left: 1px solid rgba(255, 255, 255, .1);
border-right: none; border-right: 1px solid rgba(0, 0, 0, .1); }
#site_sections li a { background-image: url(/images/admin/admin_bar_icons.png); background-repeat: no-repeat; display: block; float: left; height: 36px; line-height: 36px; padding: 0 15px 0 45px; position: relative; }
#site_sections li select { background: #666; border: 1px solid #777; color: #eee; font-size: 11px; margin: 0 10px; }
#site_sections li a:hover {
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .6) inset;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .6) inset;
box-shadow: 0 3px 6px rgba(0, 0, 0, .6) inset; }
#site_sections li.alt a { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); }
#site_sections li.alt a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#base_store a,
#base_simple a { background-position: 7px 2px; }
#base_store.alt,
#base_view.alt {
background: #0d9ae7 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
background: -moz-linear-gradient(50% 0, #0d9ae7, #036bd7);
background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#0d9ae7), to(#036bd7)); }
#base_store.alt a,
#base_simple.alt a { background-position: 7px -98px; }
#base_fulfillment a { background-position: -293px 2px; }
#base_fulfillment.alt {
background: #3ca71a url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
background: -moz-linear-gradient(50% 0, #6dc841, #3ca71a);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#6dc841), to(#3ca71a)); }
#base_fulfillment.alt a { background-position: -293px -98px; }
#base_view a,
#base_view_simple a { background-position: -530px 2px; }
#base_view.alt a,
#base_view_simple.alt a { background-position: -530px -98px; }
#base_simple.alt,
#base_view_simple.alt {
background: #d52863 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
background: -moz-linear-gradient(50% 0, #d52863, #c0113d);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#d52863), to(#c0113d));
}
/* "site" controls */
#site_controls {
border-left: 1px solid #505050; border-left: 1px solid rgba(0, 0, 0, .1);
border-right: 1px solid #646464; border-right: 1px solid rgba(255, 255, 255, .1);
float: right; }
#site_controls li {
border-left: 1px solid #646464; border-left: 1px solid rgba(255, 255, 255, .1);
border-right: 1px solid #505050; border-right: 1px solid rgba(0, 0, 0, .1); }
#site_controls li.alt {
background: #5d5d5d url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
background: -moz-linear-gradient(50% 0, #878787, #5d5d5d);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#878787), to(#5d5d5d)); }
#site_controls li .s_c_tar { background-image: url(/images/admin/admin_bar_icons.png); background-repeat: no-repeat; display: block; float: left; height: 36px; position: relative; text-indent: -9999px; width: 45px; }
#site_controls li a:hover { -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .6) inset; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .6) inset; box-shadow: 0 3px 6px rgba(0, 0, 0, .6) inset; }
#site_controls li.alt a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#site_controls li.disabled a { }
#site_controls li.disabled a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.c_note {
-moz-border-radius: 1px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
-webkit-border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
background: #595959;
background: -moz-linear-gradient(50% 0, #595959, #333);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#595959), to(#333));
border-radius: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
display: block; left: 50%; margin: 20px 0 0 -100px; padding: 5px 0 0; position: absolute; text-indent: 0; top: 100%; width: 200px; }
.c_note h4 { color: #bbb; font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 3px; padding: 0 10px; }
.c_note p { color: #fff; font-size: 11px; font-weight: normal; line-height: 14px; margin: 0 0 5px; padding: 0 10px; }
.c_note .tail { background: url(/images/admin/c_note_tail.png) 0 0 no-repeat; height: 8px; left: 50%; margin: 1px 0 0 -8px; position: absolute; top: -8px; width: 16px; }
#site_sections .c_note { left: 0; margin-left: 0; }
#site_sections .c_note .tail { left: 0; margin: 1px 0 0 10px; }
#s_c_user { background-position: -645px 2px; }
#s_c_mlm { background-position: -695px 2px; }
#s_c_page { background-position: -742px 2px; }
#s_c_page { background-position: -742px 2px; }
#s_c_map { background-position: -942px 2px; }
#s_c_logout { background-position: -792px 2px; }
.alt #s_c_user { background-position: -645px -98px; }
.alt #s_c_mlm { background-position: -695px -98px; }
.alt #s_c_page { background-position: -742px -98px; }
.alt #s_c_map { background-position: -942px -98px; }
.alt #s_c_logout { background-position: -792px -98px; }
.simple .alt #s_c_user { background-position: -645px -198px; }
.simple .alt #s_c_mlm { background-position: -695px -198px; }
.simple .alt #s_c_page { background-position: -742px -198px; }
.simple .alt #s_c_map { background-position: -942px -198px; }
.simple .alt #s_c_logout { background-position: -792px -198px; }
span#s_c_view { background-position: -595px -148px; }
span#s_c_user { background-position: -645px -148px; }
span#s_c_mlm { background-position: -695px -148px; }
span#s_c_page { background-position: -742px -148px; }
span#s_c_map { background-position: -942px -148px; }
span#s_c_logout { background-position: -792px -148px; }
/* customer menu */
#customer_menu {
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 4px 6px -6px rgba(0, 0, 0, .2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#333333')";
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 4px 6px -6px rgba(0, 0, 0, .2);
background: #575757 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
background: -moz-linear-gradient(50% 0, #696969, #565656);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#565656));
box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 4px 6px -6px rgba(0, 0, 0, .2);
height: 36px; position: relative; z-index: 99; }
#customer_menu ul li { float: left; }
#customer_menu a { text-decoration: none; }
#customer_menu ul li a,
#customer_menu ul li>span { background: url(/images/admin/customer_divider.png) 100% 50% no-repeat; color: #d4d4d4; display: inline-block; font-size: 11px; height: 36px; line-height: 36px; padding: 0 10px 0 5px; text-decoration: none; }
#customer_menu ul li a:hover {
-moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .4) inset;
-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .4) inset;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .4) inset; }
#customer_menu a span { background-image: url(/images/admin/user_icons.png); background-repeat: no-repeat; display: inline-block; height: 34px; line-height: 34px; padding-left: 20px; }
#customer_menu .view span { background-position: 0 50%; }
#customer_menu .edit span { background-position: -150px 50%; }
#customer_menu .uploaded span { background-position: -300px 50%; }
#customer_menu .purchases span { background-position: -600px 50%; }
#customer_menu .outstanding span { background-position: -1200px 50%; }
#customer_menu .statements span { background-position: -1050px 50%; }
#customer_menu .history span { background-position: -898px 50%; }
#customer_menu .working span { background-position: -450px 50%; }
#customer_menu .quotes span { background-position: -1348px 50%; }
#customer_menu .logout span { background-position: -750px 50%; }
#customer_menu .c_right { float: right; }
#customer_menu ul li a span b {
-moz-border-radius: 2px; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .3) inset, 0 10px 6px -2px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(255, 255, 255, .07);
-webkit-border-radius: 2px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3) inset, 0 10px 6px -2px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(255, 255, 255, .07);
background: #555;
border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, .3) inset, 0 10px 6px -2px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(255, 255, 255, .07);
color: #ddd; display: inline-block; font-weight: bold; height: 24px; line-height: 24px; margin: 0 0 0 5px; padding: 0 5px; }
#customer_menu ul li.alt,
#user_edit #customer_menu ul li.edit,
#user_assets #customer_menu ul li.uploaded,
#user_view_asset #customer_menu ul li.uploaded,
#user_orders #customer_menu ul li.purchases,
#user_view_order #customer_menu ul li.purchases,
#user_outstanding #customer_menu ul li.outstanding,
#user_statements #customer_menu ul li.statements,
#user_statement #customer_menu ul li.statements,
#user_working_copies #customer_menu ul li.working,
#user_quotes #customer_menu ul li.quotes,
#user_view_quote #customer_menu ul li.quotes
{ background: #7f7f7f; background: #666; background: -moz-linear-gradient(50% 0, #7f7f7f, #666); background: -webkit-gradient(linear, 0 0, 0 100%, from(#7f7f7f), to(#666)); }
#user_edit #customer_menu ul li.edit a,
#user_assets #customer_menu ul li.uploaded a,
#user_view_asset #customer_menu ul li.uploaded a,
#user_orders #customer_menu ul li.purchases a,
#user_view_order #customer_menu ul li.purchases a,
#user_outstanding #customer_menu ul li.outstanding a,
#user_statements #customer_menu ul li.statements a,
#user_statement #customer_menu ul li.statements a,
#user_working_copies #customer_menu ul li.working a,
#user_quotes #customer_menu ul li.quotes a,
#user_view_quote #customer_menu ul li.quotes a
{ -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent none; box-shadow: none; }
.page_option { -moz-border-radius: 2px!important; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5); background: #292929; display: none; height: 24px; margin: -12px 0 0; position: absolute; right: 100%; top: 50%; white-space: nowrap; }
.p_o .page_option { display: block; }
.page_option a { -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .2) inset; background-image: url(/images/admin/option_icons.png)!important; background-position: 3px -26px!important; background-repeat: no-repeat!important; border: none!important; color: #c9c9c9!important; display: inline-block!important; font: normal 11px arial!important; height: 24px!important; letter-spacing: 0!important; line-height: 24px!important; margin: 0!important; padding: 0 10px 0 26px!important; text-decoration: none!important; text-transform: none!important; white-space: nowrap; }
.page_option a b { display: none; }
.page_option a:first-child { -moz-box-shadow: none; }
.page_option a.fulfill { background-position: 3px 4px!important; }
.page_option:hover { -moz-border-radius: 2px 0 0 2px!important; }
.page_option a:hover { background-color: #0685e1!important; background-position: 3px -56px!important; }
.page_option .fulfill:hover { background-color: #53bb28!important; }
.left .page_option { }
.right .page_option,
.column_a .page_option,
.phone .page_option,
.search .page_option,
.ul_add li .page_option,
.description .meta .page_option,
#m_customize_pane .page_option { left: 100%; right: auto; }
.right .page_option:hover { -moz-border-radius: 0 2px 2px 0!important; }
.row li.display .page_option,
.create_list li .page_option { left: 0; right: auto; top: 30px; z-index: 10000; }
.p_o .right { overflow: visible; }
#option_overlay { -moz-box-shadow: 0 6px 8px -4px rgba(0, 0, 0, .5); display: none; position: absolute; z-index: 9999; }
#option_overlay div { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background: #0685e1; filter: alpha(opacity=50); opacity: .5; }
#option_overlay b { -moz-border-radius: 1px!important; border: 2px solid #0685e1; display: block; left: 0; position: absolute; top: 0; }
#option_overlay.fulfill div { background: #53bb28; }
#option_overlay.fulfill b { border-color: #53bb28; }
#option_overlay_tip { -moz-border-radius: 1px; -moz-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, .4); background: #036bd7; color: #fff; background: -moz-linear-gradient(50% 0 , #0d9ae7, #036bd7); border: 1px solid #036bd7 bottom: 100%; display: block; font-size: 11px; font-weight: normal; margin: 0 0 10px 0; padding: 10px; position: absolute; width: 260px; }
#option_overlay_tip b { background: url(/images/admin/overlay_tip_tail.png) 0 0 no-repeat; border: none; height: 6px; left: 50%; margin: 0 0 0 -6px; position: absolute; top: 100%; width: 12px; }
.fulfill #option_overlay_tip { background: #53bb28; background: -moz-linear-gradient(50% 0 , #6dc841, #3ca71a); border: 1px solid #308515; }
.fulfill #option_overlay_tip b { background: url(/images/admin/overlay_tip_tail.png) 0 100% no-repeat; }
/* backend options */
#back_option { background: #404040; color: #fff; height: 1px; overflow: hidden; position: absolute; top: -20px; visibility: hidden;width: 1px; z-index: 9999; }
#back_overlay { display: none; height: 2px; overflow: visible; position: absolute; z-index: 9999; width: 2px; }
#back_overlay b { background: #0685e1; display: block; height: 2px; left: 0; margin: -2px 0 0 -2px; position: absolute; top: 0; width: 2px; }
#ppr #back_overlay b { background: #0685e1; }
#back_overlay>b:nth-child(2) { margin: -2px -2px 0 0; }
#back_overlay>b:nth-child(3) { margin: 0 0 -2px -2px; }
#b_a, #b_b, #b_c, #b_d { background: #0685e1; height: 2px; position: absolute; width: 2px; z-index: 9999; }
#ff #b_a, #ff #b_b, #ff #b_c, #ff #b_d
{ background: #53bb28; }
#b_a { left: 0; top: 0; }
#b_b { right: 0; top: 0; }
#b_c { bottom: 0; left: 0; }
#b_d { left: 0; top: 0; }
#ff #back_overlay b { background: #53bb28; }
/* back tip */
#back_tip { -moz-border-radius: 1px; -moz-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, .4); background: #036bd7; background: -moz-linear-gradient(50% 0 , #0d9ae7, #036bd7); border: 1px solid #036bd7; bottom: 100%; display: block; font-size: 11px; font-weight: normal; margin: 0 0 10px; padding: 10px; position: absolute; width: 260px; }
#back_tip b { background: url(/images/admin/overlay_tip_tail.png) 0 0 no-repeat; border: none; height: 6px; left: 50%; margin: 0 0 0 -6px; position: absolute; top: 100%; width: 12px; }
#ff #back_tip { color: #53bb28; background: -moz-linear-gradient(50% 0 , #6dc841, #3ca71a); border: 1px solid #53bb28; }
#ff #back_tip b { background: url(/images/admin/overlay_tip_tail.png) 0 100% no-repeat; }
#back_tip_scroll { height: 1px; left: 0; line-height: 0; margin: -15px 0 0; padding: 0; position: absolute; top: 0; visibility: hidden; width: 1px; }
#back_span { color: #fff; }
/* site map */
#site_map {
-moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .6);
-webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .6);
background: url(/images/admin/map_bg.png);
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .6);
left: 0; min-width: 1100px; position: absolute; top: 36px; width: 100%; z-index: 99; }
#map_container { margin: 40px; position: relative; }
/* actual pages */
#fc { height: 360px; }
#sp { height: 300px; }
#sto { height: 260px; }
#solo { height: 220px; }
#site_map .page_list { position: relative; }
#site_map .page_list li { position: absolute; }
#site_map .page_list li a { text-decoration: none; }
#site_map .page_list .map_a {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
background: #505050;
background: -moz-linear-gradient(50% 0, #6f6f6f, #505050);
background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#6f6f6f), to(#505050));
border-radius: 1px;
color: #e9e9e9!important; display: block; font-size: 11px; height: 22px; line-height: 22px; padding: 0 10px 0 26px; position: relative; z-index: 10; }
#site_map .page_list .map_a:hover {
-moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .4) inset;
-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .4) inset;
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .4) inset; background: #505050; }
#site_map .page_list .alt .map_a { -moz-border-radius: 1px 0 0 1px; -webkit-border-radius: 1px 0 0 1px; background: #505050; border-radius: 1px 0 0 1px; border-right: 1px solid #505050; }
#map_mfc .map_a,
#map_mfc .drop { border: 1px solid #60c017; }
#map_ms .map_a,
#map_ms .drop { border: 1px solid #1796c0; }
#map_vs .map_a,
#map_vs .drop { border: 1px solid #ff8400; }
#map_solo .map_a,
#map_solo .drop { border: 1px solid #d01a70; }
.page_list .map_a strong { display: inline-block; }
.page_list .map_a span { background: url(/images/admin/map_dropdown.gif) 0 50% no-repeat; display: inline-block; height: 22px; margin-left: 5px; width: 8px; }
/* dropdown menu */
#site_map .page_list .drop {
-moz-border-radius: 1px;
-moz-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
-webkit-border-radius: 1px;
-webkit-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
background: #505050;
border-radius: 1px;
box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
display: block; left: 100%; margin: -10px 0 0 -1px; padding: 0; position: absolute; top: 0; width: 240px; z-index: 9; }
#site_map .page_list .drop li { position: static; }
#site_map .page_list .drop a {
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
background-position: 3px 3px; background-repeat: no-repeat;
border-bottom: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
color: #e9e9e9!important; display: block; font-size: 11px; padding: 7px 10px 7px 14px; position: relative; }
#site_map .drop a:hover {
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); background: #404040; }
#site_map .page_list .drop li:last-child a
{ -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: none; box-shadow: none; }
#site_map .page_list .drop a span { background-position: 0 12px; background-repeat: no-repeat; display: block; padding: 0 5px 0 22px; }
#site_map .page_list .drop a em { display: block; }
/* big icons */
#site_map .page_list b { display: block; height: 24px; left: 0; margin: -6px 0 0 -6px; position: absolute; top: 0; width: 24px; }
#site_map .page_list .drop b { margin: 4px 0 0 4px; }
/* smaller icons */
#site_map .page_list i { display: block; height: 16px; left: 0; margin: 2px 0 0 6px; position: absolute; top: 0; width: 16px; }
#site_map .page_list .drop i { margin: 12px 0 0 16px; }
/*--------------------x positions */
/* first col */
#fc_ds, #fc_d, #fc_ts, #fc_sm, #fc_ap, #fc_bo,
#sto #fc_dp, #sto #fc_wp, #sto #fc_store_d
{ left: 0; }
/* second col */
#fc_pt, #fc_bp, #fc_bpb, #fc_stock_d, #fc_a, #fc_c, #fc_o,
#sto #fc_md, #sto #fc_m, #sto #fc_ss, #sto #fc_sa, #sto #fc_stat
{ left: 220px; }
/* third col */
#fc_dp, #fc_wp, #fc_store_d,
#sto #fc_w
{ left: 440px; }
/* fourth col */
#fc_md, #fc_m, #fc_ss, #fc_sa
{ left: 660px; }
/* fifth col */
#fc_w, #fc_aw
{ left: 880px; }
/*--------------------y positions */
/* first row */
#fc_pt,
#sto #fc_dp, #sto #fc_md,
#solo #fc_ds
{ top: 0; }
/* second row */
#fc_ds,
#sto #fc_m { top: 30px; }
/* third row */
#fc_bp, #fc_dp, #fc_md,
#sto #fc_wp, #sto #fc_ss, #sto #fc_w,
#solo #fc_d
{ top: 60px; }
/* fourth row */
#fc_d, #fc_m,
#sto #fc_sa,
#solo #fc_wp, #solo #fc_ss, #solo #fc_w
{ top: 90px; }
/* fifth row */
#fc_ts, #fc_bpb, #fc_wp, #fc_ss, #fc_w,
#sto #fc_store_d,
#solo #fc_stock_d, #solo #fc_sa
{ top: 120px; }
/* sixth row */
#fc_sm, #fc_sa,
#sto #fc_c
{ top: 150px; }
/* seventh row */
#fc_stock_d, #fc_store_d,
#sto #fc_o, #sto #fc_bo,
#solo #fc_o, #solo #fc_bo
{ top: 180px; }
/* eighth row */
/* ninth row */
#fc_ap, #fc_a, #fc_aw, #sp #fc_c, #sp #fc_bo,
#sto #fc_stat
{ top: 240px; }
/* tenth row */
#sp #fc_o
{ top: 270px; }
/* eleventh row */
#fc_bo, #fc_c
{ top: 300px; }
/* twelth row */
#fc_o
{ top: 330px; }
/*------------------------ h_line */
#h_line { }
#h_line li { display: block; height: 24px; position: absolute; width: 220px; }
#h_line li span { background: #60c017; display: block; height: 2px; margin-top: -1px; position: absolute; top: 50%; }
#h_line li span.grad { background-image: url(/images/admin/map_lines.png); background-position: 100% 0; background-repeat: no-repeat; }
#h_line #h_line_ms li span.grad { background-image: url(/images/admin/map_lines.png); background-position: 100% 100%; background-repeat: no-repeat; }
#h_line #h_line_solo li span.grad { background-image: url(/images/admin/map_lines.png); background-position: 100% 50%; background-repeat: no-repeat; }
#h_line li span.right { right: 0; }
#h_line li span.top { top: 2px; }
#h_line li span.bottom { bottom: 2px; top: auto }
#fc_line_1 { top: 30px; }
#fc_line_2 { top: 90px; }
#fc_line_3 { top: 120px; }
#fc_line_4 { top: 150px; }
.row_1 { top: 0; }
.row_2 { top: 30px; }
.row_3 { top: 60px; }
.row_4 { top: 90px; }
.row_5 { top: 120px; }
.row_6 { top: 150px; }
.row_7 { top: 180px; }
.row_8 { top: 210px; }
.row_9 { top: 240px; }
.row_10 { top: 270px; }
.row_11 { top: 300px; }
.row_12 { top: 330px; }
.col_1 { left: 0; }
.col_2 { left: 220px; }
.col_3 { left: 440px; }
.col_4 { left: 660px; }
.col_5 { left: 880px; }
.right.short { width: 40px; }
.short { width: 150px; }
.long { width: 180px; }
.full { width: 220px; }
#hl_4 { width: 50px!important; }
#hl_12 { width: 170px!important; }
/*------------------------ v_line */
#v_line li { display: block; height: 24px; position: absolute; }
#v_line li span { background: #60c017; display: block; margin: 11px 0 0 50px; position: absolute; width: 2px; }
#v_line_ms li span,
#h_line_ms li span { background: #1796c0; }
#v_line_vs li span,
#h_line_vs li span { background: #ff8400; }
#v_line_solo li span,
#h_line_solo li span { background: #d01a70; }
.h_30 { height: 32px; }
.h_60 { height: 62px; }
.h_90 { height: 92px; }
.h_120 { height: 122px; }
.h_150 { height: 152px; }
.h_180 { height: 182px; }
#vl_1 { margin-left: 150px!important; }
#vl_2 { margin-left: 170px!important; }
#vl_3 { height: 50px; margin-left: 180px!important; }
#vl_4 { height: 162px; margin: 20px 0 0 180px!important; }
#vl_5 { margin-left: 180px!important; }
#vl_6 { margin-left: 150px!important; }
#vl_7 { margin-left: 150px!important; }
#vl_8 { margin-left: 150px!important; }
#vl_9 { margin-left: 150px!important; }
#vl_10 { margin-left: 180px!important; }
/* arrows */
#site_map .arrow.up,
#site_map .arrow.down { background-image: url(/images/admin/map_arrows.gif); background-repeat: no-repeat; display: block; height: 4px; margin-left: -3px; margin-top: -2px; position: absolute; top: 50%; width: 8px; }
#site_map .arrow.left,
#site_map .arrow.right { background-image: url(/images/admin/map_arrows.gif); background-repeat: no-repeat; display: block; height: 8px; margin-top: -3px; position: absolute; width: 4px; }
#site_map .arrow.green.right { background-position: 0 0; }
#site_map .arrow.green.left { background-position: 100% 0; }
#site_map .arrow.green.up { background-position: 0 -8px; }
#site_map .arrow.green.down { background-position: 100% -8px; }
#site_map .arrow.blue.right { background-position: 0 -12px; }
#site_map .arrow.blue.left { background-position: 100% -12px; }
#site_map .arrow.blue.up { background-position: 0 -20px; }
#site_map .arrow.blue.down { background-position: 100% -20px; }
#site_map .arrow.orange.right { background-position: 0 -24px; }
#site_map .arrow.orange.left { background-position: 100% -24px; }
#site_map .arrow.orange.up { background-position: 0 -32px; }
#site_map .arrow.orange.down { background-position: 100% -32px; }
#site_map .arrow.red.right { background-position: 0 -36px; }
#site_map .arrow.red.left { background-position: 100% -36px; }
#site_map .arrow.red.up { background-position: 0 -44px; }
#site_map .arrow.red.down { background-position: 100% -44px; }
#site_map .short .arrow { left: 135px; }
#site_map .long .arrow { left: 155px; }
#site_map .right.short .arrow,
#site_map .full .arrow { left: auto; right: 15px; }
/* map headings */
#map_header ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #map_header ul { height: 1px; }
* + html #map_header ul { min-height: 1px; }
#map_header li { float: left; width: 440px; }
#h_vs { width: 180px; }
#map_header li:first-child { width: 480px; }
#map_header li.h_solo { width: 920px; }
#map_header_headings { background: rgba(0, 0, 0, .07); }
#map_header_headings h4 { color: #eee; font-size: 12px; font-weight: bold; margin: 0; padding: 10px 0; }
#map_header_headings li:first-child h4
{ margin-left: 40px; }
#map_header_bar { background: #ff8400; height: 5px; position: relative; width: 100%; }
#map_header_bar li { height: 5px; }
#map_header_bar li.overlay {
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .6) inset;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .6) inset;
box-shadow: 0 2px 3px rgba(0, 0, 0, .6) inset;
left: 0; position: absolute; top: 0; width: 100%; }
#map_header_bar .h_mfc { background: #60c017 url(/images/admin/map_lines.png) 100% 0 no-repeat; }
#map_header_bar .h_ms { background: #1796c0 url(/images/admin/map_lines.png) 100% 100% no-repeat; }
#map_header_bar .h_solo { background: #d01a70 url(/images/admin/map_lines.png) 100% 50% no-repeat; }
/* button icons */
#fc_ds b { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_ds i { background-image: url(/images/icons/itoolbar_ii/16/pictures.png); }
#fc_dp b { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_dp i { background-image: url(/images/icons/itoolbar_ii/16/pictures.png); }
#fc_d i { background-image: url(/images/icons/famfam/calculator_delete.png); }
#fc_ts i { background-image: url(/images/icons/famfam/calculator_error.png); }
#fc_sm i { background-image: url(/images/icons/famfam/lorry.png); }
#fc_ap i { background-image: url(/images/icons/famfam/coins_add.png); }
#fc_bo i { background-image: url(/images/icons/famfam/calculator_delete.png); }
#fc_pt b { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_pt i { background-image: url(/images/icons/itoolbar_i/16/ok.png); }
#fc_bp b { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_bp i { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#fc_bpb b { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_bpb i { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#fc_stock_d b { background-image: url(/images/icons/itoolbar_ii/24/pictures.png); }
#fc_stock_d i { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#fc_store_d b { background-image: url(/images/icons/itoolbar_ii/24/pictures.png); }
#fc_store_d i { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#fc_a b { background-image: url(/images/icons/itoolbar_i/24/home.png); }
#fc_a b { background-image: url(/images/icons/itoolbar_i/24/home.png); }
#fc_c b { background-image: url(/images/icons/itoolbar_i/24/users.png); }
#fc_o b { background-image: url(/images/icons/itoolbar_ii/24/package.png); }
#fc_wp b { background-image: url(/images/icons/itoolbar_ii/24/window.png); }
#fc_w b,
#fc_aw b { background-image: url(/images/icons/itoolbar_i/24/web.png); }
#fc_md i { background-image: url(/images/icons/famfam/asterisk_yellow.png); }
#fc_m b { background-image: url(/images/icons/itoolbar_ii/24/anthena.png); }
#fc_ss i { background-image: url(/images/icons/famfam/cog.png); }
#fc_sa i { background-image: url(/images/icons/famfam/html.png); }
/* decoration processes */
.processes_select a,
.processes_type a,
.processes_cost a,
.processes_palette a,
.processes_price_table a,
.processes_configure_wemb a,
.processes_configure_dtg a,
.processes_configure_sub a { background-image: url(/images/icons/itoolbar_ii/24/paint.png); }
#site_map .processes_select a span { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .processes_cost a span { background-image: url(/images/icons/itoolbar_i/16/dollar.png); }
#site_map .processes_type a span { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#site_map .processes_palette a span { background-image: url(/images/icons/itoolbar_ii/16/start.png); }
#site_map .processes_price_table a span { background-image: url(/images/icons/itoolbar_ii/16/note.png); }
#site_map .processes_configure_wemb a span { background-image: url(/images/icons/itoolbar_ii/16/misc.png); }
#site_map .processes_configure_dtg a span { background-image: url(/images/icons/itoolbar_ii/16/misc_green.png); }
/* stock designs */
.library_select a,
.library_manage a,
.library_batch a { background-image: url("/images/icons/itoolbar_ii/24/pictures.png"); }
#site_map .library_select a span { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .library_manage a span { background-image: url(/images/icons/itoolbar_ii/16/folder.png); }
#site_map .library_batch a span { background-image: url(/images/icons/itoolbar_ii/16/file_copy.png); }
/*stores */
#site_map .stores_view a,
#site_map .stores_create a,
#site_map .stores_groups a,
#site_map .stores_pos a,
#site_map .stores_pay a { background-image: url(/images/icons/itoolbar_i/24/home.png); }
#site_map .stores_view a span { background-image: url(/images/icons/itoolbar_i/16/search.png); }
#site_map .stores_create a span { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .stores_groups a span { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#site_map .stores_pos a span { background-image: url(/images/icons/itoolbar_i/16/info.png); }
#site_map .stores_pay a span { background-image: url(/images/icons/itoolbar_ii/16/card_machine.png); }
/* customers */
#site_map .customers_view a,
#site_map .customers_import a,
#site_map .customers_record_payments a,
#site_map .customers_terms a,
#site_map .acc_opts a,
#site_map .acc_coro a { background-image: url(/images/icons/itoolbar_i/24/users.png); }
#site_map .customers_view a span { background-image: url(/images/icons/itoolbar_i/16/search.png); }
#site_map .customers_import a span { background-image: url(/images/icons/itoolbar_ii/16/down.png); }
#site_map .customers_record_payments a span
{ background-image: url(/images/icons/itoolbar_ii/16/credit_card_ok.png); }
#site_map .customers_terms a span { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }
#site_map .acc_opts a span { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#site_map .acc_coro a span { background-image: url(/images/icons/itoolbar_ii/16/mail_seal.png); }
/* orders */
#site_map .orders_download a,
#site_map .orders_manage a,
#site_map .orders_export a,
#site_map .orders_growth a,
#site_map .orders_breakdown a,
#site_map.orders_production_stats a,
#site_map .orders_consolidation a,
#site_map .orders_options a,
#site_map .orders_users a,
#site_map .orders_management_system a { background-image: url(/images/icons/itoolbar_ii/24/package.png); }
#site_map .oms_opts a span { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#site_map .orders_download a span { background-image: url(/images/icons/itoolbar_ii/16/download_package.png); }
#site_map .orders_manage a span { background-image: url(/images/icons/itoolbar_i/16/dollar.png); }
#site_map .orders_export a span { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }
#site_map .orders_growth a span { background-image: url(/images/icons/itoolbar_ii/16/up.png); }
#site_map .orders_breakdown a span { background-image: url(/images/icons/itoolbar_ii/16/packages.png); }
#site_map.orders_production_stats a span { background-image: url(/images/icons/itoolbar_i/16/statistic.png); }
#site_map .orders_consolidation a span { background-image: url(/images/icons/itoolbar_ii/16/file.png); }
#site_map .orders_options a span { background-image: url(/images/icons/itoolbar_ii/16/pictures.png); }
#site_map .orders_users a span { background-image: url(/images/icons/itoolbar_i/16/file-doc.png); }
#site_map .orders_management_system a span
{ background-image: url(/images/icons/itoolbar_i/16/cal.png); }
#site_map .oms_opts a span { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
/* store designs */
#site_map .designs_designs a,
#site_map .designs_categories a,
#site_map .designs_stock a,
#site_map .designs_watermark a { background-image: url(/images/icons/itoolbar_ii/24/pictures.png); }
#site_map .designs_designs a span { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .designs_categories a span { background-image: url(/images/icons/itoolbar_ii/16/folder.png); }
#site_map .designs_stock a span { background-image: url(/images/icons/itoolbar_ii/16/file_copy.png); }
#site_map .designs_watermark a span { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }
/* marketing */
#site_map .marketing_newsletter a,
#site_map .marketing_email a,
#site_map .marketing_flash a,
#site_map .marketing_iframe a,
#site_map .marketing_rss a { background-image: url(/images/icons/itoolbar_ii/24/anthena.png); }
#site_map .marketing_newsletter a span { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }
#site_map .marketing_email a span { background-image: url(/images/icons/itoolbar_ii/16/mail_seal.png); }
#site_map .marketing_flash a span { background-image: url(/images/icons/famfam/page_white_flash.png); }
#site_map .marketing_iframe a span { background-image: url(/images/icons/famfam/page_white_code.png); }
#site_map .marketing_rss a span { background-image: url(/images/icons/famfam/rss.png); }
/* appearance */
#site_map .template_select a { background-image: url(/images/icons/famfam/layout_content.png); }
#site_map .template_css a { background-image: url(/images/icons/famfam/css.png); }
#site_map .template_html a { background-image: url(/images/icons/famfam/html.png); }
/* banking options */
#site_map .ec_pg a { background-image: url(/images/icons/famfam/world.png); }
#site_map .ec_epm a { background-image: url(/images/icons/famfam/coins.png); }
/* stats */
#site_map .stats_website a { background-image: url(/images/icons/famfam/chart_bar.png); }
#site_map .stats_viral a { background-image: url(/images/icons/famfam/chart_line.png); }
#site_map .stats_usage a { background-image: url(/images/icons/famfam/chart_curve.png); }
#site_map .stats_tracking a { background-image: url(/images/icons/famfam/chart_organisation.png); }
#site_map .stats_google a { background-image: url(/images/icons/famfam/report.png); }
#site_map .stats_top a { background-image: url(/images/icons/famfam/chart_pie.png); }
/* cover things up */
#cover { height: 400px; left: 0; position: absolute; top: 0; width: 100%; z-index: 200; }
.dividers li { border-left: 1px dotted #666; border-left: 1px dotted rgba(255, 255, 255, .15); position: absolute; width: 1px; }
#div_sto li { height: 400px; }
#div_sp li { height: 460px; }
#div_fc li { height: 480px; }
#div_1 { margin-left: 450px; }
#div_2 { margin-left: 890px; }
#dhtmlgoodies_colorPicker{
position:absolute;
width:250px;
padding-bottom:1px;
background-color:#FFF;
border:1px solid #317082;
width: 252px; /* IE 5.x */
width/* */:/**/250px; /* Other browsers */
width: /**/250px;
z-index: 9998;
}
#dhtmlgoodies_colorPicker .colorPicker_topRow{
padding-bottom:1px;
border-bottom:3px double #317082;
background-color:#E2EBED;
padding-left:2px;
width: 250px; /* IE 5.x */
width/* */:/**/248px; /* Other browsers */
width: /**/248px;
height: 20px; /* IE 5.x */
height/* */:/**/16px; /* Other browsers */
height: /**/16px;
}
#dhtmlgoodies_colorPicker .colorPicker_statusBar{
height:13px;
padding-bottom:2px;
width:248px;
border-top:3px double #317082;
background-color:#E2EBED;
padding-left:2px;
clear:both;
color:black;
width: 250px; /* IE 5.x */
width/* */:/**/248px; /* Other browsers */
width: /**/248px;
height: 18px; /* IE 5.x */
height/* */:/**/13px; /* Other browsers */
height: /**/13px;
}
#dhtmlgoodies_colorPicker .colorSquare{
margin-left:1px;
margin-bottom:1px;
float:left;
border:1px solid #000;
cursor:pointer;
width: 12px; /* IE 5.x */
width/* */:/**/10px; /* Other browsers */
width: /**/10px;
height: 12px; /* IE 5.x */
height/* */:/**/10px; /* Other browsers */
height: /**/10px;
}
.colorPickerTab_inactive,.colorPickerTab_active{
height:17px;
padding-left:4px;
cursor:pointer;
color:black;
}
.colorPickerTab_inactive span{
background-image:url('/images/color/tab_left_inactive.gif');
color:black;
}
.colorPickerTab_active span{
background-image:url('/images/color/tab_left_active.gif');
color:black;
}
.colorPickerTab_inactive span, .colorPickerTab_active span{
line-height:16px;
font-weight:bold;
font-family:arial;
font-size:11px;
padding-top:1px;
vertical-align:middle;
background-position:top left;
background-repeat: no-repeat;
float:left;
padding-left:6px;
-moz-user-select:no;
color:black;
}
.colorPickerTab_inactive img,.colorPickerTab_active img{
float:left;
}
.colorPickerCloseButton{
width:11px;
height:11px;
text-align:center;
line-height:10px;
border:1px solid #317082;
position:absolute;
right:1px;
font-size:12px;
font-weight:bold;
top:1px;
padding:1px;
cursor:pointer;
color:black;
width: 15px; /* IE 5.x */
width/* */:/**/11px; /* Other browsers */
width: /**/11px;
height: 15px; /* IE 5.x */
height/* */:/**/11px; /* Other browsers */
height: /**/11px;
}
#colorPicker_statusBarTxt{
font-size:11px;
font-family:arial;
vertical-align:top;
line-height:13px;
color:black;
}
form{
xxxpadding-left:5px;
}
.form_widget_amount_slider{
border-top:1px solid #9d9c99;
border-left:1px solid #9d9c99;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
background-color:#f0ede0;
position:absolute;
bottom:0px;
width: 5px; /* IE 5.x */
width/* */:/**/3px; /* Other browsers */
width: /**/3px;
height: 5px; /* IE 5.x */
height/* */:/**/3px; /* Other browsers */
height: /**/3px;
}
.colorSliderLabel{
width:15px;
height:20px;
float:left;
font-size:11px;
font-weight:bold;
color:black;
}
.colorSlider{
width:175px;
height:20px;
float:left;
}
.colorInput{
width:45px;
height:20px;
float:left;
}
.colorPreviewDiv{
width:186px;
margin-right:2px;
margin-top:1px;
border:1px solid #CCC;
height:20px;
float:left;
cursor:pointer;
width: 188px; /* IE 5.x */
width/* */:/**/186px; /* Other browsers */
width: /**/186px;
height: 22px; /* IE 5.x */
height/* */:/**/20px; /* Other browsers */
height: /**/20px;
}
.colorCodeDiv{
width:50px;
height:20px;
float:left;
}
#lightwindow_overlay {
/* REQUIRED */
display: none;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 500;
/* REQUIRED */
}
#lightwindow {
/* REQUIRED */
/* Of Note - The height and width of this element are set to 0px */
display: none;
visibility: hidden;
position: absolute;
z-index: 5000;
line-height: 0;
/* REQUIRED */
}
#lightwindow_container { display: none; margin: 0; padding: 0; position: absolute; visibility: hidden; }
/* IE6 needs this or it messes with our positioning */
* html #lightwindow_container {
overflow: hidden;
}
#lightwindow_contents {
font-size: 4em!important;
overflow: hidden;
z-index: 0;
position: relative;
border: 10px solid #ffffff;
background-color: #ffffff;
}
#lightwindow_loading {
/* REQUIRED */
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 9999;
position: absolute;
/* REQUIRED */
background-color: #f0f0f0;
padding: 10px;
}
#lightwindow_loading_shim {
display: none;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}
#lightwindow_loading span {
font-size: 12px;
line-height: 32px;
color: #444444;
float: left;
padding: 0 10px 0 0;
}
#lightwindow_loading span a,
#lightwindow_loading span a:link,
#lightwindow_loading span a:visited {
color: #09F;
text-decoration: none;
cursor: pointer;
}
#lightwindow_loading span a:hover,
#lightwindow_loading span a:active {
text-decoration: underline;
}
#lightwindow_loading img {
float: left;
margin: 0 10px 0 0;
}
/*-----------------------------------------------------------------------------------------------
I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/
#lightwindow_navigation {
/* REQUIRED */
position: absolute;
top: 0px;
left: 0px;
display: none;
/* REQUIRED */
}
/* We need to shim the navigation for IE, though its more of a sub-floor */
#lightwindow_navigation_shim {
/* REQUIRED */
display: none;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
/* REQUIRED */
}
#lightwindow_navigation a,
#lightwindow_navigation a:link,
#lightwindow_navigation a:visited,
#lightwindow_navigation a:hover,
#lightwindow_navigation a:active {
/* REQUIRED */
outline: none;
/* REQUIRED */
}
#lightwindow_previous,
#lightwindow_next {
width: 49%;
height: 100%;
background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#lightwindow_previous {
float: left;
left: 0px;
}
#lightwindow_next {
float: right;
right: 0px;
}
#lightwindow_previous:hover,
#lightwindow_previous:active {
background: url(/images/prevlabel.gif) left 15% no-repeat;
}
#lightwindow_next:hover,
#lightwindow_next:active {
background: url(/images/nextlabel.gif) right 15% no-repeat;
}
#lightwindow_previous_title,
#lightwindow_next_title {
display: none;
}
#lightwindow_galleries {
width: 100%;
position: absolute;
z-index: 50;
display: none;
overflow: hidden;
margin: 0 0 0 10px;
bottom: 0px;
left: 0px;
}
#lightwindow_galleries_tab_container {
width: 100%;
height: 0px;
overflow: hidden;
}
a#lightwindow_galleries_tab,
a:link#lightwindow_galleries_tab,
a:visited#lightwindow_galleries_tab {
display: block;
height: 20px;
width: 77px;
float: right;
line-height: 22px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
font-size: 11px;
color: #ffffbe;
background: url(/images/black-70.png) repeat 0 0 transparent;
}
* html a#lightwindow_galleries_tab,
* html a:link#lightwindow_galleries_tab,
* html a:visited#lightwindow_galleries_tab {
background: none;
background-color: #000000;
opacity: .70;
filter: alpha(opacity=70);
}
a:hover#lightwindow_galleries_tab,
a:active#lightwindow_galleries_tab {
color: #ffffbe;
}
#lightwindow_galleries_tab_span {
display: block;
height: 20px;
width: 63px;
padding: 0 7px 0 7px;
}
#lightwindow_galleries_tab .up {
background: url(/images/arrow-up.gif) no-repeat 60px 5px transparent;
}
#lightwindow_galleries_tab .down {
background: url(/images/arrow-down.gif) no-repeat 60px 6px transparent;
}
#lightwindow_galleries_list {
background: url(/images/black-70.png) repeat 0 0 transparent;
overflow: hidden;
height: 0px;
}
* html #lightwindow_galleries_list {
background: none;
background-color: #000000;
opacity: .70;
filter: alpha(opacity=70);
}
.lightwindow_galleries_list {
width: 200px;
float: left;
margin: 0 0 10px 0;
padding: 10px;
}
.lightwindow_galleries_list h1 {
color: #09F;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 10px 0 5px 0;
font-size: 16px;
}
.lightwindow_galleries_list li {
margin: 5px 0 5px 0;
list-style-type: none;
}
.lightwindow_galleries_list a,
.lightwindow_galleries_list a:link,
.lightwindow_galleries_list a:visited {
display: block;
line-height: 22px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 0 0 0 10px;
font-size: 11px;
}
.lightwindow_galleries_list a:hover,
.lightwindow_galleries_list a:active {
background: #000000;
color: #ffffbe;
border-left: 3px solid #ffffbe;
padding: 0 0 0 7px;
}
#lightwindow_data {
/* REQUIRED */
position: absolute;
/* REQUIRED */
}
#lightwindow_data_slide {
/* REQUIRED */
position: relative;
/* REQUIRED */
}
#lightwindow_data_slide_inner {
background-color: #ffffff;
padding: 0 10px 10px 10px;
}
#lightwindow_data_caption {
padding: 10px 0 0 0;
color: #666666;
line-height: 25px;
background-color: #ffffff;
clear: both;
}
#lightwindow_data_details {
background-color: #f0f0f0;
padding: 0 10px 0 10px;
height: 20px;
}
#lightwindow_data_author_container {
width: 40%;
text-align: right;
color: #666666;
font-style: italic;
font-size: 10px;
line-height: 20px;
float: right;
overflow: hidden;
}
#lightwindow_data_gallery_container {
font-size: 10px;
width: 40%;
text-align: left;
color: #666666;
line-height: 20px;
float: left;
overflow: hidden;
}
#lightwindow_title_bar {
height: 25px;
overflow: hidden;
}
#lightwindow_title_bar_title {
color: #ffffbe;
font-size: 14px;
line-height: 25px;
text-align: left;
float: left;
}
a#lightwindow_title_bar_close_link,
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
float: right;
text-align: right;
cursor: pointer;
color: #ffffbe;
line-height: 25px;
padding: 0;
margin: 0;
}
a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link {
color: #ffffff;
}
/*-----------------------------------------------------------------------------------------------
Theme styling stuff
-----------------------------------------------------------------------------------------------*/
#lightwindow p {
color: #000000;
padding-right: 10px;
}