/* Start | Page Body */

* {
	outline: none;
}
body {
	background: #f9f9f9;
	font: 11px/16px tahoma, verdana, arial, sans-serif;
}
button, input, select, textarea {
	font-family: tahoma, verdana, arial, sans-serif;
}
#container {
	background: #f9f9f9;
	min-width: 1003px;
	width: auto !important;
	width: 1003px;
}

/* End | Page Body */

/* Start | Header */

#header {
	display: block;
}
#header h1 {
	background: #ccc;
	display: block;
	height: 125px;
	overflow: hidden;
	text-indent: -999em;
}

/* End | Header */

/* Start | Infobar */

#infoBar {
	background: #f9f9f9;
	height: 24px;
	min-width: 981px;
	width: 100% !important;
}
#infoBar ul {
	float: left;
	list-style: none;
	text-align: left;
	width: auto;
	padding: 4px 0 4px 12px;
}
#infoBar ul li {
	display: inline;
	padding-left: 2px;
}
#infoBar ul li.first {
	font-weight: bold;
}
#infoBar ul li a {
	background: url(../images/breadcrumbs_arrow.gif) no-repeat 100% 70%;
	padding-right: 10px;
	color: #888;
}
#infoBar ul li a:hover {
	color: #000;
}
#infoBar p {
	display: inline;
	float: left;
	color: #888;
	padding: 4px 10px 4px 0;
}
#infoBar p span {
	background: url(../images/info_bar_separator.gif) no-repeat left top;
	margin: 0 4px 0 5px;
	padding: 0 5px 0 0;
}
#infoBar strong {
	background: url(../images/info_bar_separator.gif) no-repeat right bottom;
	margin-right: 5px;
	padding-right: 10px;
}
a.logout {
	background: url(../images/bullet.gif) no-repeat right center;
	padding-right: 17px;
	color: #00f;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

/* End | Infobar */

/* Start | Left Navigation */

#left {
	background: #ccc;
	float: left;
	width: 183px;
}
#left ul {
	display: block;
	list-style-type: none;
	padding: 15px 0 15px 7px;
	width: 176px;
}
#left li {
	background: transparent url(../images/bullet.gif) left center no-repeat;
	border-bottom: 1px solid #fff;
	display: block;
	height: auto;
	line-height: 1.2em;
	list-style-type: none;
	margin-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 150px;
}
#left li.heading {
	background: transparent;
	width: 176px;
	border: 0;
	line-height: 20px;
	margin: 0;
}
#left li.heading a, #left li.heading a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #00f;
}
#left li.heading a:hover {
	color: #000;
}
#left li.last {
	border: 0;
	margin: 0 0 5px 10px;
}
#left li a {
	color: #fff;
	display: block;
	height: auto;
	padding-left: 25px;
	text-decoration: none;
}
#left li a:hover {
	color: #00f;
	text-decoration: underline;
}

/* End | Left Navigation */

/* Start | Main Body */

#main {
	width: auto;
	margin: 0px 10px 0px 193px;
	border: 1px solid #ccc;
	background: #fff;
}
#page {
	min-height: 632px;
	height: auto !important;
	height: 632px;
	padding: 20px;
}
html>/**/body #page {
	overflow: auto;
}
h2 {
	border-bottom: 1px solid #ccc;
}
h2 span {
	display: block;
	background: #ccc;
	width: auto;
	height: 27px;
	padding: 0px 10px 0px 10px;
	text-transform: uppercase;
	font: bold 14px/27px tahoma, verdana, arial, sans-serif;
	color: #fff;
}

/* End | Main Body */

/* Start | Body Content */
.button_bar {
	text-align: left;
}
h3 {
	margin: 0 0 10px !important;
	text-transform: capitalize;
	font: 14px tahoma, verdana, arial, sans-serif !important;
	color: #666;
}
h4 {
	color: #666;
}
p {
	color: #666;
}
a {
	color: #00f;
}
a img {
	border: 0;
}
a.button {
	font-size: 11px;
}
a.button:link, a.button:visited {
	color: #00f;
}
a.button:hover {
	color: #000;
}
a.function {
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-right: 4px;
	padding: 1px 0 3px 18px;
	border: 0;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
a.function:link, a.function:visited {
	color: #811e21;
}
a.function:hover {
	color: #000;
}
a.lgbutton {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 14px;
	padding: 0 0 3px 17px;;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
a.lgadd {
	background: url(../images/button_add.gif);
	color: #4f933c;
}
a.lgdel {
	background: url(../images/button_delete.gif);
	color: #c30;
}
.icon {
	padding: 2px 0 1px 20px;
}
.edit {
	background: url(../images/icons/page_white_edit.png) no-repeat left top;
}
.delete {
	background: url(../images/icons/page_white_delete.png) no-repeat left top;
}
.mandatory {
	color: #f00;
}
fieldset {
	display: block;
	position: relative;
	background: #eee;
	width: auto;
	margin: 10px 0 20px !important;
	padding: 15px 0 !important;
	border: 1px solid #ccc;
}
* html fieldset {
	padding: 0;
}
fieldset p {
	padding: 0 15px;
}
legend {
	padding: 0 5px;
	font: bold 12px tahoma, verdana, arial, sans-serif;
	text-transform: capitalize;
	color: #666;
}
* html legend {
	margin-bottom: 10px;
}
#message p {
	padding: 0 10px;
	color: #000;
}
#message.error {
	background: #f5e5e5;
	border: 1px solid #900;
}
#message.error legend {
	color: #900;
}
#message.warning {
	background: #fafae5;
	border: 1px solid #cc0;
}
#message.warning legend {
	color: #cc0;
}
#message.success {
	background: #eaf5e5;
	border: 1px solid #390;
}
#message.success legend {
	color: #390;
}
#message.notice {
	background: #e5e5f5;
	border: 1px solid #009;
}
#message.notice legend {
	color: #009;
}
label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	vertical-align: middle;
	color: #666;
}

label .required{
	color: red;
}

.dark label {
	display: inline;
	width: 30px;
}
input, select, textarea {
	color: #000;
}
.tb, textarea, .form-row input {
	border-top: 2px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #888;
	padding: 2px;
}
*:first-child+html .form-row input {
	padding: 1px;
}
* html .form-row input {
	padding: 1px;
}
select {
	border-top: 2px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #888;
	min-width: 150px;
	margin: 0 10px 0 0;
	padding: 0;
}
textarea {
	margin: 0 0 10px;
	width: 75%;
}
input.button {
	background: url(../images/button_background_off.gif) repeat-x;
	width: auto;
	height: 21px;
	border-top: 1px solid #ccc;
	border-right: 2px solid #888;
	border-bottom: 2px solid #888;
	border-left: 1px solid #ccc;
	font: bold 12px/12px tahoma, verdana, arial, sans-serif;
	text-transform: capitalize;
	color: #333;
	cursor: pointer;
}
html>/**/body input.button {
	position: relative;
  top: -1px;
	padding: 0px 2px 1px 2px;
}
input.button:hover {
	background: url(../images/button_background_on.gif) repeat-x;
}
input.button:active {
	background: url(../images/button_background_on.gif) repeat-x;
	border-top: 2px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #888;
}
html>/**/body input.button:active {
	margin: 0 0 -1px 0;
}
#orderPO textarea {
	margin: 0;
	width: 100%;
}
.breadcrumbs {
	margin: 0 0 10px 0;
}
.breadcrumbs a {
	margin: 0 0 0 3px;
	color: #888;
}
.breadcrumbs a.first {
	font-weight: bold;
}
.breadcrumbs a:hover {
	color: #000;
}
.form-row {
	clear: both;
	display: block;
	margin: 0 0 7px;
	font: 11px/21px tahoma, verdana, arial, sans-serif;
	width: 100%;
	min-height: 22px;
}
.form-row label {
	width: 125px;
}
.form-row .content {
	margin-left: 135px;
}
.form-row.double_label label {
	width: 250px;
}
.form-row.double_label .content {
	margin-left: 260px;
}

div.ai-management-setting div.form-row label {
	width: 133px !important;
}

div.ai-management-setting .form-row div.content {
	margin-left: 145px !important;
}

div.ai-management-setting a.icon {
	padding-left: 8px !important;
}

.form-row .content label { width: 125px; padding: 0 5px 0 0; }
.form-row .content input { vertical-align: middle  }
.form-row .content textarea { width: 300px; margin: 0px; }
.form-row .content .spaced { padding: 0 0 3px 0; }

.jslink {
	cursor: pointer;
	margin: 0 5px 5px 0;
	padding: 3px 4px;
	text-decoration: none;
}
.jslink:link, .jslink:visited {
	border-top: 1px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ddd;
	color: #2c6d92;
	background: #fff;
}
.jslink:hover {
	border-top: 1px solid #bbb;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #bbb;
	color: #000;
}
#orderPO {
	padding: 15px 0 0;
}
#statuscounts {
	float: left;
	width: 48%;
}
#sf_fieldset_image th {
	width: auto;
	padding: 0 0 5px;
	text-align: left;
}
#sf_admin_bar {
	float: right;
	width: 48%;
}
#sf_admin_footer
{
	clear:both
}
#sf_admin_content {
	float: left;
	margin: 10px 0 0 0;
	width:100%;
	width: 100%;
}
#sf_admin_content table {
	margin: 0;
}
.sf_admin_actions li {
	display: inline;
}
.sf_admin_checklist input {
	display: inline;
	clear: none;
	float: none;
	width: auto;
	margin: 0 4px 0 0;
	border: 0;
	line-height: 16px;
	text-align: left;
}
.sf_admin_checklist label {
	display: inline;
	clear: none;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 16px;
	text-align: left;
	vertical-align: 0;
}
.sf_admin_checklist li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0 0 5px;
}
.sf_admin_edit_help {
	padding: 4px 0;
	font-size: 11px;
	color: #666;
}
.sf_admin_filters {
	float: left;
	/*min-width: 50%;*/
	/*width: auto !important;*/
	/*width: 50%;*/
	width:95%;
}
.sf_admin_row_0 td {
	background: #f0f0f0;
}
.sf_admin_row_0 .edit {
	background: url(../images/func_edit_odd.gif);
}
.sf_admin_row_1 .edit {
	background: url(../images/func_edit_even.gif);
}
.sf_admin_row_0 .del {
	background: url(../images/func_del_odd.gif);
}
.sf_admin_row_1 .del {
	background: url(../images/func_del_even.gif);
}
table {
	border-collapse: collapse;
	clear: right;
}
.grey th {
	background: #898989 url(../images/th_background_grey.gif) repeat-x bottom;
	height: 25px;
	padding: 0 6px;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	text-transform: uppercase;
	color: #eee;
}
.grey th.selected {
	background: url(../images/th_background_dark_grey.gif) repeat-x 0 0;
}
.grey th a {
	text-decoration: none;
}
.grey th a:link, .grey th a:visited {
	color: #eee;
}
.grey th a:hover {
	color: #fff;
}
.grey td {
	padding: 4px 6px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	vertical-align: top;
	text-align: left;
}
.grey tr.alt td {
	background: #e3eaf2;
}

.grey td a { display: block; }
.grey td span { float: left; margin: 0 0 0 5px; min-width: 200px;}
.grey td span label, .sf_admin_row_0 td span label, .sf_admin_row_1 td span label { width: 75px; padding: 0 5px 0 5px; display: block; }
.grey td img { float: right; }

.grey td ul {
	margin: 0;
	padding: 0;
}
.grey td ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.blue {
	background: #fff url(../images/bg_table_grad.png) repeat-x left 25px;
	border-bottom: 1px solid #888;
}
.blue th {
	background: #eee;
	height: 25px;
	padding: 0 6px;
	font-weight: bold;
	font-size: 11px;
	line-height: 25px;
	text-align: left;
	text-transform: uppercase;
	color: #333;
}
.blue thead th {
	background: url(../images/bg_th_blue.png) repeat-x 0 0;
	color: #eee;
}
.blue td {
	padding: 5px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #333;
}
#orderhistory {
	padding: 15px 0 0;
}
#orderhistory table {
	width: 100%;
}
#orderhistory th {
	background: #555;
	padding: 5px 8px;
	border-bottom: 1px solid #333;
	font-weight: bold;
	text-align: left;
	color: #fff;
}
#orderhistory td {
	background: #fff;
	padding: 5px 8px;
	border-bottom: 1px solid #ddd;
	line-height: 18px;
	vertical-align: top;
	color: #444;
}
th.paginate {
	background: url(../images/paginate_background.gif) repeat-x left top;
	height: 24px;
	padding: 4px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 24px;
	vertical-align: middle;
	color: #222;
}
th.paginate a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
th.paginate a:link, th.paginate a:visited {
	color: #51778d;
}
th.paginate a:hover {
	color: #333;
}
th.paginate span.tableresults {
	display: block;
	font-weight: bold;
	text-transform: capitalize;
}
th.sort {
	background: #666 url(../images/th_background_dark_grey.gif) repeat-x left bottom;
	color: #fff;
}
.dark {
	background: #eee;
	margin: 0 0 15px;
	padding: 7px 14px;
	border: 1px solid #ccc;
}
#orderPOtextarea {
	color: #000;
	padding: 15px;
	font: 1.2em "courier new", courier, monospace;
}
#orderhistory {
	height: 350px;
	overflow: auto;
}
.x-grid-loading-custom {
	background: url(../images/default/grid/refresh.gif);
}
#universal_loader {
	position: fixed;
	right: 0;
	bottom: 0;
	background: url(../images/ajax_universal_loader.gif);
	width: 32px;
	height: 32px;
}
div#promotion ul {
	display: inline-block; /* IE Hack... */
}
div#promotion .form-row label {
	width: 135px;
}
div#promotion .form-row .content {
	margin-left: 140px;
}
div#promotion .form-row .content fieldset {
	margin-right: 10px !important;
	margin-left: -50px !important;
	background: #fafafa;
}
div#promotion .form-row .content li.id_ranges ul li {
	display: inline;
}
div#promotion .form-row .content li.id_ranges ul li input {
	width: 25px;
}
div#promotion .form-row .content li.id_ranges ul li select {
	min-width: 10px;
}
div#promotion div.controlbuttons {
	height: 25px;
	margin-left: 10px;
	*padding-top: 5px; /* IE Hack... */
}
div#promotion div.controlbuttons ul li {
	float: left;
	display: inline;
}
div#promotion div.controlbuttons ul li a.criteria_remote_button {
	display: block;
	*display: inline-block; /* IE Hack... */
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	margin-right: 10px;
	font-size: 11px;
}
div#promotion div.controlbuttons ul li a.criteria_remove {
	background: transparent url(../images/icons/delete.gif) no-repeat center left;
}
div#promotion div.controlbuttons ul li a.criteria_copy {
	background: url(../images/icons/page_copy.gif) no-repeat center left;
}

/* End | Body Content */

/* Start | Footer */

#footer {
	background: transparent url(../images/footer_background.gif) repeat-x 0 14px;
	clear: both;
	display: block;
	position: relative;
	top: -4px;
	width: 100%;
	height: 76px;
}
#footer div {
	height: 47px;
	padding: 29px 0 0;
}
#footer div p {
	height: 32px;
	padding: 0 0 0 17px;
	color: #888;
}

/* End | Footer */


/* Misc Stuff */
.readonly {
	cursor: default;
	-moz-user-select: none;
	-khtml-user-select: none;
}



/* Nested Set Categories */
.nested_set_categories {
	list-style: none;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

.nested_set_categories li {
	margin: 8px 0px 8px 0px;
}

.nested_set_categories li ul {
	margin: 10px 0px 10px 15px;
}

span.nested_set_categoryname {

}
span.nested_set_links {
	padding-left: 8px;
}
span.nested_set_links a {
	padding-right: 4px;
}
.debug_box {
	border:3px solid #FF0000;
	padding:5px;
	height:400px;
	width:700px;
	overflow:scroll;
}
.report_list li{
	margin: 0px 0px 20px 0px;
}

.calendar {
	width: 200px;
}
.markup_tax {
	vertical-align: middle !important;
}
.no_wrap {
	white-space: nowrap;
}
.float-right {
	float: right;
}

.button-cancel {
  position: relative;
  padding: 4px 8px;
  background: #efefef;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}

.button-text {
  transition: all 0.2s;
}

.button:disabled {
  cursor: not-allowed;
}

.button-loading .button-text {
    padding-left: 20px;
    transition: all 0.2s;
}

.button-loading::after {
	content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 0;
    left: 6px;
    bottom: 0;
    margin: auto;
    border: 2px solid transparent;
    border-top-color: #000000;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}