body { background-color:#ddd; font:normal 14px/20px "Lucida Grande","Lucida Sans unicode", "Lucida Sans", Helvetica, sans-serif; color:#5c5c5c;	margin:0;	line-height:18px; }

.mono {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 10px;
}

table {
  border: none;
  border-collapse: collapse;
}

.legend-title { letter-spacing: .8em; color: #640017; opacity:0.5; filter:alpha(opacity=50); margin: 0 0 -10px -20px; }

.pos-rel { position: relative; }

.icon16 { width: 16px; height: 16px; }

.strikeout { text-decoration: line-through; color: red; font-weight: bold; }
.disabled { opacity:0.4; filter:alpha(opacity=40);   }

.grayback { background-color: #efefef; }
.lightgrayback { background-color: #f7f7f7; }
.verylightgrayback { background-color: #fafafa; }
.blueback { background-color: #B1BECE; }
.lightblueback { background-color: #C8D1D9; }
.verylightblueback { background-color: #DDE7F0; }
.whitecell { background-color: #fff !important; }

.alt_row { background-color: #EFF4F9; }
tr.alt_row_color:nth-child(odd) {background: #fff; }
tr.alt_row_color:nth-child(even) {background: #eaeaea; }

.alt_row2 { background-color: #EFF4F9; }
.alt_row2:hover { background-color: #007bff; }


.dark-gray { color: #333; }
.gray { color: #aaa; }
.light-gray { color: #999 !important; }
.med-gray { color: #777 !important; }
.dark-blue { color: #5C8CAD; }
.status_pub_late { color: #a00; }
.status_pub_future { color: #00c; }
.status_save_for_later_late { color: #a00; }
.status_save_for_later { color: #070; }
.status_none { color: #000; }
.status_error { color: #000; }

.border-all { border: 1px solid #577396; }
.border-all-red { border: 1px solid #a00; }
.border-all-blue { border: 1px solid #577396; }
.border-all-light-blue { border: 1px solid #749AC8; }
.border-all-gray { border: 1px solid #ccc; }

.ba { border: 1px solid #577396; }
.bt { border-top: 1px solid #577396; }
.br { border-right: 1px solid #577396; }
.bb { border-bottom: 1px solid #577396; }
.bl { border-left: 1px solid #577396; }

.b0 { border: 0; }

.ba-gray { border: 1px solid #ccc; }
.bt-gray { border-top: 1px solid #ccc; }
.br-gray { border-right: 1px solid #ccc; }
.bb-gray { border-bottom: 1px solid #ccc; }
.bl-gray { border-left: 1px solid #ccc; }

.midcontent_bg	{ width:100%;	height:100%; padding-bottom:0px; margin-bottom: -4px; }

.top { vertical-align:top; }

.tall500min { min-height: 500px; }
.tall400min { min-height: 400px; }
.container_right{ width:720px; margin-left:12px;  }

.w1060 { width: 1060px; }
.w1040 { width: 1040px; }
.w1000 { width: 1000px; }
.w810 { width: 810px; }
.w760 { width: 760px; }
.w500 { width: 500px; }
.w400 { width: 400px; }
.w350 { width: 350px; }
.w300 { width: 300px; }
.w280 { width: 290px; }
.w220 { width: 220px; }
.w200 { width: 200px; }
.w174 { width: 174px; }
.w170 { width: 170px; }
.w150 { width: 150px; }
.w124 { width: 124px; }
.w120 { width: 120px; }
.w100 { width: 100px; }
.w80 { width: 80px; }
.w60 { width: 60px; }
.w40 { width: 40px; }
.w42 { width: 42px; }
.w30 { width: 30px; }
.w20 { width: 20px; }

.mw80 { min-width: 80px; }

.m10 { margin: 10px; }
.m20 { margin: 20px; }

.ml0 	{ margin-left:0; }
.ml 	{ margin-left:5px; }
.ml2 	{ margin-left:2px; }
.ml4 	{ margin-left:4px !important; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml22 { margin-left:22px; }
.ml26 { margin-left:26px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml56 { margin-left:56px; }
.ml57 { margin-left:57px; }
.ml60 { margin-left:60px; }
.ml61 { margin-left:61px; }
.ml64 { margin-left:64px; }
.ml80 { margin-left:80px; }
.ml122 { margin-left:122px; }

.mr 	{ margin-right:5px; }
.mr2 	{ margin-right:2px; }
.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr10 { margin-right:10px; }
.mr16 { margin-right:16px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }

.mb10 { margin-bottom: 10px; }
.mb18 { margin-bottom: 18px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }

.mt0 { margin-top:0; }
.mt { margin-top:5px; }
.mt2 { margin-top:2px; }
.mt4 { margin-top:4px; }
.mt7 { margin-top:7px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt14 { margin-top:14px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt100 { margin-top:100px; }
.mt80 { margin-top: 80px; }
.mt-3 { margin-top: -3px; }

.f8 { font-size: 8px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }
.f10 { font-size: 10px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }
.f11 { font-size: 11px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }
.f12 { font-size: 12px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }
.f14 { font-size: 14px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }
.f16 { font-size: 16px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }
.f20 { font-size: 20px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }
.f36 { font-size: 36px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap; }

.tnormal { text-transform: none; font-weight: normal; letter-spacing: normal; }

.line-height20 { line-height: 20px; }

.of-none { overflow: hidden; }

.full { width: 100%; }
.half { width: 50%; }
.third { width: 33%; }

.table { display:table; }
.tr { display:table-row; }
.td { display:table-cell; }

.resize-none { resize: none; }

.j { text-align:justify; }
.l { text-align: left; }
.c { text-align: center; }
.r { text-align:  right; }
.b { font-weight: bold; }
.nw { white-space: nowrap; }
.s { font-size:smaller; }

.p   { padding:5px; }
.p1  { padding:1px; }
.p2  { padding:2px; }
.p4  { padding:4px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.p30 { padding:30px; }

.pl6 { padding-left: 6px; }
.pl10 { padding-left: 10px; }
.pr4 { padding-right: 4px; }
.pr10 { padding-right: 10px; }
.pr18 { padding-right: 18px !important; }
.pt30 { padding-top:30px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }

.p4848  { padding: 4px 8px; }

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.loading { background-image: url(/images/icons/loading.gif); width: 20px; height: 20px; }
.wait { color:#000;font-style:italic;visibility:hidden; }

/**********************************************************/

.pkbb { background-color:#7af; }
.pkbg { background-color:#DCECFF; }
.border-gray { border:1px solid #ccc; }

.pkback1 { background-color: #3366cc; }
.pkback2 { background-color: #7af; }
.pkback3 { background-color: #d7d7ef; }

.pkborder { color: #3366cc; }
.pktext { color: #09172F; }

.pklabel { color: #698499; }
.pkred { color: #a00; }

a, .link { color: #FF6600; font-weight:bold; outline: 0; text-decoration: none; }
a:hover, .link:hover { color: #afa; cursor:pointer; }
/*

a, .link { color: #f7ecc8; font-weight:bold; outline: 0; text-decoration: none; }
.link2 { color: #997b41; outline: 0; text-decoration: none; }
a:hover, .link:hover, .link2:hover { color: #0169d9; cursor:pointer; }
*/

.message { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:11px; line-height:12px; }
.message_large { font-family:Verdana, Arial, Helvetica, sans-serif; color:#a00; font-size:12px; line-height:13px; }
.messagebox {
  font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:11px; line-height:12px;
  border: 1px solid #333;
  padding: 2px 6px 2px 6px;
  background-color: #ffa;
  color: #000;
  position: absolute;
  z-index: 999;
  margin-top: 4px;
}

.inline-block { display:inline-block; }
.inline { display:inline; }
.hand { cursor: pointer; }
.help { cursor: help; }

.hide { display:none; }
.notvisible { visibility:hidden; }

.bluebox { background-color:#DCECFF !important; border: 1px solid #577396 !important; color:#000; }
.bluebox-noborder { background-color:#DCECFF !important; border: 0 !important; color:#000; }
.lightgraybox { background-color:#f7f7f7; border: 1px solid #577396; color:#000; }
.readonlybox { background-color:#F7F7F7 !important; border: 1px solid #F7F7F7 !important; color:#000; }

.em-gray { font-style: italic; color: #999; }
.em-light-gray { font-style: italic; color: #bbb; }

.form_error { color: #a00 !important; }
/*.form_error_border { background-color: #fee; border: 1px solid #a00; }*/
.form_error_border { background-color: #DCECFF; border: 1px solid #a00; }

.header {
  color: #455C78;
  line-height: 20px;
}
.header_small {
  color: #929DAA;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: .25em;
}
.header_med {
  color: #B1BECE;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5em;
  text-transform: uppercase;
}

label, .label {
  color: #455C78;
  display: inline-block;
  line-height: 12px;
  float: left;
  margin-right: 5px;
  text-align: right;
  width: 80px;
}

.label_style_type_selector {
  float: none;
  margin-right: 0;
  text-align: match-parent;
  width: inherit;
  cursor: pointer;
  color: #333;
}

#viewport_search label, #viewport_edit label, #status_box_area td.label, #viewport_status div.status_box td.label {
  line-height: 20px;
}

label+strong, .label+strong {
  line-height: 20px;
}
.labellike {
  color: #455C78;
  /*font-weight: bold;*/
  /*display: inline-block;*/
  line-height: 20px;
}
.labellike2 {
  color: #455C78;
  line-height: 12px;
}
.largelabel {
  color: #455C78;
  font-size: 14px;
  line-height: 20px;
}
#form_product_search label { width: 70px; }

fieldset { width: 800px; background-color: #B1BECE; border: 1px solid #577396; margin: 50px 0 0 2px; padding: 20px 0 10px 12px; }
#viewport_edit fieldset { padding-bottom: 2px; }
#form_product_search fieldset { width: 1100px; margin-left: 0; }

legend {
  color: #5D7289;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .5em;
  margin: 0 -2px;
  padding: 0 2px;
  text-transform: uppercase;
}

.value { color: #000; }

.alert		{ width: 1106px;z-index:99;position:absolute;top:2px;/*left:2px;*/border:1px solid; }
.error		{ background: #F2CBCB	url(/images/icons/exclamation.png) no-repeat 5px 50%;	border-color: #963F31; color: #963F31; }
.success	{ background: #bfb		url(/images/icons/check.png) no-repeat 5px 50%;				border-color: #2D6428; color: #2D6428; }
.notice		{ background: #E6F3FF url(/images/icons/information.png) no-repeat 5px 50%;	border-color: #374E64; color: #374E64; }
.alert #message { padding-left: 30px; }

.list_table { max-width:1100px;  background-color: #B1BECE; padding: 10px 10px 24px 10px; }

select[name=list_podetails_length],
select[name=list_product_search_1_length],
select[name=list_product_search_2_length],
select[name=list_product_search_3_length],
select[name=list_product_edit_length],
select[name=list_size_chart_length]
{ height: 20px; margin-top: 2px; }

#list_podetails_paginate,
#list_product_search_1_paginate,
#list_product_search_2_paginate,
#list_product_search_3_paginate
{ margin: 4px -4px 0 0; }

#list_product_edit_paginate,
#list_size_chart_paginate
{ margin: 4px 8px 0 0; }

#list_product_edit_length,
#list_size_chart_length
{ margin-left: -4px; }

table#list_podetails tr.heading,
table#list_product_search_1 tr.heading,
table#list_product_search_2 tr.heading,
table#list_product_search_3 tr.heading,
table#list_product_edit tr.heading,
table#list_size_chart tr.heading
{ background-color: #688BB4; color: #fff; }

th.sorting_asc { background: #455f78 url('/images/datatables/sort_asc.png') no-repeat center right; }
th.sorting_desc { background: #455f78 url('/images/datatables/sort_desc.png') no-repeat center right; }

div.dataTables_length label { white-space: nowrap; }
select[name='list_product_search_1_length'],
select[name='list_product_search_2_length'],
select[name='list_product_search_3_length'],
select[name='list_product_edit_length'],
select[name=list_size_chart_length]
{ background-color: #DCECFF; color:#000; }

table.dataTable td { padding: 3px 4px; }

#list_product_search_1_info,
#list_product_search_2_info,
#list_product_search_3_info
{ margin-left: 6px; }
#list_product_search_1_length,
#list_product_search_2_length,
#list_product_search_3_length
{ margin-left: 5px; }
#list_product_search_1_next,
#list_product_search_2_next,
#list_product_search_3_next
{ margin-right: 6px; }

#list_product_search_1 tr:hover td,
#list_product_search_2 tr:hover td,
#list_product_search_3 tr:hover td,
#list_size_chart tr:hover td
{
  background-color: #0A246A !important;
  color:#fff;
  cursor: pointer;
}

#list_product_edit_body td,
#list_size_chart tbody td {
  border-left: 1px solid #577396;
  border-top: 1px solid #577396;
}

#list_product_edit_body td:nth-child(2), #list_product_edit_body td:nth-child(4),
#list_product_edit_body td:nth-child(5), #list_product_edit_body td:nth-child(6)
{ text-align: center; }
#list_product_edit_body td:nth-child(7), #list_product_edit_body td:nth-child(8),
#list_product_edit_body td:nth-child(9), #list_product_edit_body td:nth-child(10),
#list_product_edit_body td:nth-child(11), #list_product_edit_body td:nth-child(12)
{ text-align: right; }

table.dataTable tr.odd { background-color: #DCECFF; }
table.dataTable tr.odd td.sorting_1 { background-color: #d4dce6; }
table.dataTable tr.even td.sorting_1 { background-color: #e8f1fc; }


.table_batch_order_list tr { cursor: pointer; }

.row_green_border   { border: 1px solid #2D6428; }
.row_lblue_border   { border: 1px solid #1F4567; }
.row_orange_border  { border: 1px solid #FF6600; }
.row_purple_border   { border: 1px solid #5B2E8E; }

.row_white      { background-color: #fff; color: #333; }
.row_white_inv  { background-color: #333; color: #fff; }
.row_green      { background-color: #bfb; color: #2D6428; }
.row_green_inv  { background-color: #2D6428; color: #bfb; }
.row_lblue      { background-color: #D2E2F5; color: #1F4567; }
.row_lblue_inv  { background-color: #1F4567; color: #D2E2F5; }
.row_orange     { background-color: #FFD1A0; color: #FF6600; }
.row_orange_inv { background-color: #FF6600; color: #FFD1A0; }
.row_purple     { background-color: #C89FF9; color: #5B2E8E; }
.row_purple_inv  { background-color: #5B2E8E; color: #C89FF9; }

.error_cell { background-color: #a00; color: #fff; }

.dataTables_info { color: #455c78; }
.info { color: #333; }
.info_blue { color: #455c78; }
.info_green { color: #64965B; }
.info_red { color: #D7472A; }
.paginate_disabled_previous, .paginate_disabled_next {
  color: #455c78 !important;
}
.paginate_enabled_previous, .paginate_enabled_next {
  color: #4E698B !important;
}
.paginate_disabled_previous, .paginate_disabled_next {
  color: #76889E !important;
}

table.dataTable thead th { padding: 3px 0 3px 3px; }

/**********************************************************************/
/* This button was generated using CSSButtonGenerator.com */
.button {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #688BB4), color-stop(1, #1F4567) );
  background:-moz-linear-gradient( center top, #688BB4 5%, #1F4567 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#688BB4', endColorstr='#1F4567');
  background-color:#688BB4;
  -webkit-border-top-left-radius:4px;
  -moz-border-radius-topleft:4px;
  border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-right-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  border-bottom-left-radius:4px;
  text-indent:0;
  border:1px solid #577396;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  font-style:normal;
  height:26px;
  /*line-height:26px;*/
  width:120px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #1570cd;
}
.button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #577396), color-stop(1, #162F49) );
  background:-moz-linear-gradient( center top, #577396 5%, #162F49 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#577396', endColorstr='#162F49');
  background-color:#1e62d0;
  cursor: pointer;
}
.button:active {
   position:relative;
   top:1px;
 }

.button_disabled {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #688BB4), color-stop(1, #1F4567) );
  background:-moz-linear-gradient( center top, #688BB4 5%, #1F4567 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#688BB4', endColorstr='#1F4567');
  background-color:#688BB4;
  -webkit-border-top-left-radius:4px;
  -moz-border-radius-topleft:4px;
  border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-right-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  border-bottom-left-radius:4px;
  text-indent:0;
  border:1px solid #577396;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  font-style:normal;
  height:26px;
  /*line-height:26px;*/
  width:83px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #1570cd;
  opacity:0.4; filter:alpha(opacity=40);
}

#button_update_product_item {
  margin-left: -3px;
}

.loading { width: 20px; height: 20px; background-image: url(/images/icons/loading.gif); float: right; display: none; }
#product_search_loading_outer { height: 20px; margin-top: -10px; }
#form_product_search div.loading { margin: -12px 80px -10px 0;  }

/**********************************************************************/
/* Modify look of Datepicker and other jQuery UI controls */
.ui-widget-content {
  border: 1px solid #577396;
  background-color: #fff;
}
.ui-widget-header {
  /*background:-moz-linear-gradient( center top, #688BB4 5%, #1F4567 100% );*/
  background: #486384;
  border: 1px solid #577396;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #90C5FA;
  color: #2E6E9E;
  font-weight: bold;
}
.ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover, .ui-widget-header:hover .ui-state-default:hover {
  border: 1px solid #577396;
}

#ui-datepicker-div { z-index: 999 !important; }

.ui-datepicker table {
  background-color: #DCECFF;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
}
.ui-dialog {
  z-index: 999 !important;
}
.ui-dialog .ui-dialog-buttonpane button {
  /*margin: 0.5em 0.4em 0.5em 0;*/
  margin: 20px 0 0 0;
}

.ui-dialog .ui-dialog-buttonpane {
  /*border-width: 1px 0 0;*/
  border-width: 0;
  /*margin-top: 0.5em;*/
  /*padding: 0.3em 1em 0.5em 0.4em;*/
  /*padding: 0 !important;*/
}

/* This button was generated using CSSButtonGenerator.com */
.ui-dialog .ui-state-default, .ui-dialog .ui-widget-content .ui-dialog .ui-state-default {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #688BB4), color-stop(1, #1F4567) );
  background:-moz-linear-gradient( center top, #688BB4 5%, #1F4567 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#688BB4', endColorstr='#1F4567');
  background-color:#688BB4;
  -webkit-border-top-left-radius:4px;
  -moz-border-radius-topleft:4px;
  border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-right-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  border-bottom-left-radius:4px;
  text-indent:0;
  border:1px solid #577396;
  display:inline-block;
  color:#ffffff;
}

.ui-dialog .ui-state-default:hover, .ui-dialog .ui-widget-content .ui-state-default:hover, .ui-dialog .ui-widget-header .ui-state-default:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #577396), color-stop(1, #162F49) );
  background:-moz-linear-gradient( center top, #577396 5%, #162F49 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#577396', endColorstr='#162F49');
  background-color:#1e62d0;
}
.ui-dialog .ui-state-default:active, .ui-dialog .ui-widget-content .ui-state-default:active, .ui-dialog .ui-widget-header .ui-state-default:active {
   position:relative;
   top:1px;
}
button.ui-dialog-titlebar-close { display: none !important; }
/**********************************************************************/
.box_product_style_type { width: 100px; font-size: 11px; }
.box_product_price { width: 40px; font-size: 11px; text-align: right; }

#list_product_edit_body td {
  font-size: 11px;
}

.tri_logo {
  float: right;
  margin: -38px 16px 0 0;
}

.tiny {
  font-size: 9px;
}

.shadow { box-shadow: 4px 4px 4px #aaa; }

.highlight_top {
  background-color:rgba(255,0,0,0.2) !important;
  border-top: 1px solid #a00 !important;
  border-right: 1px solid #a00 !important;
  border-left: 1px solid #a00 !important;
}
.highlight_middle {
  background-color:rgba(255,0,0,0.2) !important;
  border-right: 1px solid #a00 !important;
  border-left: 1px solid #a00 !important;
}
.highlight_bottom {
  border-bottom: 1px solid #a00 !important;
}
.highlight_selector {
  border-image-outset: 4px;
  outline:1px solid #a00;
  outline-offset:4px;
}
.highlight_row {
  background-color:rgba(0,255,0,0.2) !important;
  color: #333 !important;
  outline: 1px solid #333 !important;
  outline-offset: -1px !important;
}

.area_size_chart {
  background-color: #C8D1D9;
  border: 1px solid #577396;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 4px;
}

.status_box {
  background-color: #fff;
  border: 1px solid #577396;
/*
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
*/
  margin-bottom: 4px;
}

.generic_box {
  background-color: #eaeaea;
  border: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 4px;
}

.log_box {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.opacity40 { opacity:0.4; filter:alpha(opacity=40); }
.opacity50 { opacity:0.5; filter:alpha(opacity=50); }

.instructions {
  font-size: 12px;
  color: #777;
}

.instructions_fulfillment, .instructions_yahoo {
  margin-top: 20px;
  width: 1034px;
  min-height: 200px;
  max-height: 200px;
  border: 1px solid #ccc;
  background: #eee;
  color: #777;
}

#status_header_area, #area_print_labels {
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  color: #777;
  margin-left: 4px;
  padding: 4px 0 10px 0;
}

.status_instructions {
  display: none;
  float: right;
}
.status_instructions,
.sku_uploader_instructions {
  width: 480px;
  min-height: 120px;
  max-height: 120px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  color: #777;
}
.instructions_fulfillment .header,
.instructions_yahoo .header,
.status_instructions .header,
.sku_uploader_instructions .header,
.size_chart_columns_instructions .header {
  /*background: #e3e3e3;*/
  background-color: #688BB4;
  color:#eee;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: .4em;
  border-bottom: 1px solid #ccc;
}
.instructions_fulfillment .header img,
.instructions_yahoo .header img,
.status_instructions .header img,
.sku_uploader_instructions .header img,
.size_chart_columns_instructions .header img {
  width: 16px; height: 16px;
  margin: 0 4px -4px 4px;
}
.instructions_fulfillment .container,
.instructions_yahoo .container,
.status_instructions .container {
  padding: 16px 20px;
}

.sku_uploader_instructions_header {
  font-size: 10px;
  letter-spacing: 0;
}

.icon_area_style_type {
  position: relative;
  margin-left: 10px;
}
.icon_area_style_type img.icon_style_type {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.icon_area_style_type div.tools_style_type {
  display: none;
  position: absolute;
  top: -40px;
  left: -158px;
  z-index: 999;
  border:1px solid #777;
  background-color: #eee;
}
.icon_area_style_type div.tools_style_type div.header {
  background-color: #688BB4;
  color:#eee;
  text-align: center;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: .4em;
  padding-left: 4px;
}
.icon_area_style_type div.tools_style_type div.container {
  width:130px;
  height:86px;
  padding: 8px 8px 8px 10px;
  font-size: 11px;
  white-space: nowrap;
}
div.tools_style_type img {
  width: 12px; height: 12px;
  margin: 0 4px -4px -12px;
}

.video_container {
  position: relative;
}
div#status_video_link div#title_video_player {
  position: absolute;
  top: 12px;
  left: -220px;
  z-index: 999;
  font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
  font-size: 10px;
  font-weight: bold;
  color: #577396;
  text-transform: uppercase;
  letter-spacing: .5em;
}
div#status_video_link img#icon_video {
  position: absolute;
  top: 13px;
  left: -396px;
  z-index: 999;
}
div#status_video_link img#link_close_video {
  position: absolute;
  top: 12px;
  left: 150px;
  z-index: 999;
  cursor: pointer;
}
div#status_video_link iframe {
  border: 1px solid #577396;
  background: #B1BECE;
  padding: 20px 4px 4px 4px;
  max-width: 560px;
  max-height: 315px;
  position: absolute;
  top: 10px;
  left: -400px;
}

div.wysiwyg_area {
  /*margin: 12px 12px 0 -4px;*/
  margin: 0;
}

div#tabs_product_edit_area {
  max-width: 1092px;
  border: 0;
  margin: 12px 12px 0 -4px;
  padding: 0;
}
div#viewport_edit .ui-widget-header {
  background-color: #B1BECE;
  border: 0;
}
div#viewport_edit .ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}
div#viewport_edit .ui-widget-content {
  border: 0;
  background-color: #B1BECE;
}
div#viewport_edit .ui-corner-all,
div#viewport_edit .ui-corner-bottom,
div#viewport_edit .ui-corner-right,
div#viewport_edit .ui-corner-br {
  border-bottom-right-radius: 0;
}
div#viewport_edit .ui-state-active a,
div#viewport_edit .ui-state-active a:link,
div#viewport_edit .ui-state-active a:visited {
  color: #2D88E1;
}
div#viewport_edit .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-nav li.ui-tabs-active:hover {
  padding-bottom: 0;
  border-bottom: 1px solid #fff;
}
div#viewport_edit .ui-state-default:hover,
div#viewport_edit .ui-widget-content:hover .ui-state-default:hover,
div#viewport_edit .ui-widget-header:hover .ui-state-default:hover {
  border-top: 1px solid #577396;
  border-right: 1px solid #577396;
  border-left: 1px solid #577396;
  border-bottom-width: 0;
}
div#viewport_edit .ui-tabs .ui-tabs-nav li {
  border-color: #577396;
}
div#viewport_edit .ui-state-default a:hover {
  color: #2D88E1;
}
.ui-tabs .ui-tabs-nav li {
  float: right;
}
div#tabs_product_edit_area .header,
div#sku_product_images_area .header {
  color: #B1BECE;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .5em;
  text-transform: uppercase;
}
#tabs_product_edit_area-1 div.container,
#tabs_product_edit_area-2 div.container,
#tabs_product_edit_area-3 div.container,
#tabs_product_edit_area-4 div.container
{
  /*min-height: 210px;*/
  min-height: 240px;
  height: 240px;

  /*max-height: 500px;*/
  padding: 20px 40px;
  border: 1px solid #577396;
  background-color: #fff;
}
div#cke_1_contents {
  /*min-height: 200px;*/
  min-height: 240px;
  height: 240px;
}
#input_web_path_other {
  resize:vertical;
  height:72px;
  min-height: 72px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  z-index: 900;
}
#link_new_size_chart {
  position: absolute;
  top: 4px;
  right:16px;
  z-index: 999;
}
#link_new_size_chart_column,
.link_delete_new_size_chart_column,
.link_delete_existing_size_chart_column {
  margin: 0 0 -4px 0;
  cursor: pointer;
}
.new_column_title {
  width:200px;
}
.new_column_sort_order {
  width:40px;
}

.preview {
  display: none;
  position: absolute;
  z-index: 999;
  margin: 0px;
  padding: 1px;
  background: #fff;
  color: #333;
  font-size: 12px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(120, 120, 120, 1);
  box-shadow: 0px 0px 5px 0px rgba(120, 120, 120, 1);
}
.preview table {
  border-collapse: separate;
  border-spacing: 1px;
  background-color: #577396;
  max-width: 1000px;
}
.preview table thead td {
  background-color: #688BB4;
  color: #fff;
  text-align: center;
}

div[aria-describedby='dialog_error'],
div[aria-describedby='dialog_size_chart_editor_selection'],
div[aria-describedby='dialog_size_chart_confirm_leave'],
div[aria-describedby='dialog_size_chart_confirm_delete'],
div[aria-describedby='dialog_product_image_confirm_delete']
{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(120, 120, 120, 1);
  box-shadow: 0px 0px 5px 0px rgba(120, 120, 120, 1);
}
div[aria-describedby='dialog_product_image_confirm_delete'] {
  top: 200px !important;
}
div[aria-describedby='dialog_size_chart_editor_selection'] {
  width: 460px !important;
}
div[aria-describedby='dialog_size_chart_editor_selection'] .ui-dialog-buttonpane {
  margin: 0 auto !important;
  padding: 0;
  white-space: nowrap;
}
div[aria-describedby='dialog_size_chart_editor_selection'] .ui-dialog-buttonset {
  float: none;
}
div[aria-describedby='dialog_size_chart_editor_selection'] button {
  width: 150px !important;
  margin: 0 2px !important;
}

div[aria-describedby='dialog_error'] {
  top:200px !important;
}

#area_product_tab_size_chart {
  overflow-y: auto;
}

.chart_option {
  float:left;
  position: relative;
  width:100%;
  min-height: 100%;
}
.chart_option div.link {
  position: absolute;
  top: 1px;
  right:10px;
}
.chart_option table {
  height: 100%;
}
.chart_product_size {
  margin: -200px 0 0 -120px;
}

.resizable_col {
  padding: 2px 8px;
  overflow: -moz-scrollbars-none;
  overflow-x: auto;
  resize: horizontal;
  min-width: 130px;
  max-width: 400px;
}
.resizable_input {
  min-width: 100%;
  width:100%;
}

.product_image_holder {
  /*border: 1px solid #ccc;*/
  background-image: url('/images/checkerboard.png');
  background-color: #efefef;
  width: 160px;
  height: 120px;
  display:table-cell;
  vertical-align: middle;
}
.product_image_holder img {
  max-width: 160px;
  max-height: 120px;
}

.product_image_error {
  background-image: url('/images/no_sign.jpg');
  height: 120px;
  line-height: 40px;
}

.v_align {
  display:table-cell;
  vertical-align: middle;
}

.check_img {
  margin-left: 10px;
  width: 32px;
  height: 32px;
}

.uc { text-transform: uppercase; }

/**********************/
#container_product_main_images {
  width: 1020px;
  margin: 0 -16px 0 -6px;
}
#area_product_main_images {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#area_product_main_images .ui-selected {
}
#area_product_main_images li {
  border: 1px solid #ccc;
  float: left;
  margin: 4px;
  padding: 0;
  width: 160px;
  height: 120px;
  line-height: 120px;
}
.image_square {
  text-align: center;
  /*cursor: pointer;*/
}
li.image_square div.table {
  margin-top: -52px !important;
}
.highlight {
  border: 1px dashed #26405C !important;
  background-color: #ECF6FD;
}

#headers_product_main_images {
  margin: 0 0 -2px 0;
}
#headers_product_main_images div.td {
  min-width: 164px;
  width: 164px;
  padding: 0 2px;
  text-align: center;
  color: #929DAA;
  font-size: 12px;
  font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; white-space: nowrap;
}
#area_product_tab_product_image_container {
  margin-bottom: 4px;
}
#sku_product_images_container {
  margin: 12px 12px 4px -4px;
  max-width: 1092px;
  min-height: 200px;
  padding: 20px 40px;
  border: 1px solid #577396;
  background-color: #fff;
}

#no_style_area {
  width: 100%;
  text-align: center;
}
#error_message_retrieving_sku_images_area {
  margin: 30px 0 -30px 0;
  color: #a00;
  text-align: center;
}

#dialog_error p#error_message {
  margin-top: 10px;
}

#product_sku_images_area {
  margin: 0 -6px 10px -4px;
  width: 1016px;
}
#product_sku_images_area .controls {
  display: table;
  width: 160px;
  margin: 0 -10px -14px 10px;
}
#sku_image_uploader_area {
  margin: 20px -6px 10px -4px;
  width: 1014px;
  border: 1px solid #ccc;
  background-color: #f3f3f3;
}

.step_image {
  width: 48px;
  height: 48px;
  margin-right: 20px;
  opacity:0.3;
  filter:alpha(opacity=30);
}

#link_upload_sku_pic {
  width: 150px;
  margin: -10px 0 10px;
}

#sku_image_error {
  margin: 0 0 -10px 70px;
}
#sku_image_loader {
  display: inline;
  margin-left: 20px;
}

#tabs_product_edit_area #the_tabs li {
  width: 100px;
  height: 24px;
  padding-top: 6px;
  text-align: center;
}
#tabs_product_edit_area #the_tabs .ui-tabs-anchor {
  float: none;
}

.error404, .error500 {
  background-color: #FFFFFF;
  border: 1px solid #577396;
  margin: 12px 12px 4px -4px;
  max-width: 1092px;
  min-height: 400px;
  padding: 40px 40px 10px;
}
optgroup[label] {
  background-color: #CBDAEB;
  color: #667078;
  font-style: normal;
  margin: 2px;
}
optgroup option {
  background-color:#DCECFF;
  color: #000;
}

#search_filter_radio {
  position: relative;
}
#search_filter_radio .container{
  position: absolute;
  top: -30px;
  left: 336px;
  width: 500px;
}
#search_filter_radio ul.radio_list {
  display: inline-block;
  margin: 0 0 0 -6px;
  padding: 0;
  width: auto;
}
#search_filter_radio ul.radio_list li {
  display: inline-block;
  cursor: default;
  list-style-type: none;
  position: relative;
}
#search_filter_radio ul.radio_list li label {
  text-align: left;
  float: right;
  width: auto !important;
  margin: 0 30px 0 -4px;
}
#search_results_list { position: relative; }
.search_mode_title {
  position: absolute;
  top:10px;
  left: 300px;
  width:500px;
  text-align: center;
  color: #455c78;
  text-transform: uppercase;
  letter-spacing: .5em;
  font-size: 11px;
}

.link_store_page {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  opacity:0.5;
  filter:alpha(opacity=50);
}
.link_store_page:hover {
  opacity:1;
  filter:alpha(opacity=100);
}
.link_store_page img {
  width: 44px;
  height: 20px;
}

#area_product_attributes {
  height: 100%;
  margin-bottom: 20px;
}
#scroller_product_attributes {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  padding: 0;
  overflow: auto;
}
div#copyright_area img {
  margin: 0 0 -4px 0;
}
.separator {
  display:inline-block;
  margin: -4px 2px 0 2px;
  font-size: 14px;
}

.log_viewer_header {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .5em;
  color: #999;
}

.scroller {
  overflow-y: auto;
}

.bad_char {
  background-color: #f00;
  color: #fff;
  font-weight: bold;
  margin: 0 1px 0 1px;
  padding: 0 2px 0 2px;
}

#viewport_edit .cke_combo_text {
  width: 184px !important;
}
#viewport_edit .cke_button__source {
  width: 150px !important;
}

#form_update_size_chart .cke_combo_text {
  width: 65px !important;
}
#form_update_size_chart .cke_button__source {
  width: 92px !important;
}
#label_sku-level-pricing { cursor: pointer; }

/********************************************************/
/*          Proposal          */