@CHARSET "ISO-8859-1";

/* Start | Global Elements */

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

body {
    background: #fff url(../images/bg_body.png) left top repeat-x;
    margin: 0;
    padding: 0;
    font: normal 11px/14px arial, sans-serif;
    color: #666;
}

img {
    display: block;
    border: none;
}

.clear_fix {
    overflow: auto;
}

#container {
    width: 1010px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

#header {
    display: block;
    width: 960px;
    height: 65px;
    overflow: hidden;
    margin: 15px 0 0;
    padding: 0 25px;
    background: transparent url(../images/bg_header.png) left top no-repeat;
}

#top_nav {
    display: block;
    position: relative;
    width: 1000px;
    height: 45px;
    overflow: hidden;
    background: transparent url(../images/bg_top_nav.png) left top repeat-y;
    margin: 0;
    padding: 0 5px;
}

#title_bar {
    display: block;
    width: 1000px;
    height: 45px;
    overflow: hidden;
    background: transparent url(../images/bg_title_bar.png) left top repeat-y;
    margin: 0;
    padding: 0 5px;
}

#content_top {
    display: block;
    width: 1010px;
    height: 20px;
    overflow: hidden;
    background: transparent url(../images/bg_content_top.png) left top no-repeat;
    margin: 0;
    padding: 0;
}

.full #content_top {
    background: transparent url(../images/bg_content_top_full.png) left top no-repeat;
}

#content {
    display: block;
    width: 1010px;
    min-height: 410px;
    height: auto !important;
    height: 410px;
    overflow: hidden;
    background: transparent url(../images/bg_content.png) left top repeat-y;
    margin: 0;
    padding: 0;
}

#content_left {
    display: inline;
    float: left;
    width: 170px;
    min-height: 410px;
    height: auto !important;
    height: 410px;
    overflow: hidden;
    background: transparent url(../images/bg_content_left.png) left top repeat-x;
    margin: 0 0 0 5px;
    padding: 0;
}

.full #content_left {
  display: none;
}

#content_right {
    display: inline;
    float: left;
    width: 790px;
    min-height: 440px;
    height: auto !important;
    height: 440px;
    overflow: hidden;
    margin: 0;
    padding: 0 25px 0 20px;
}

.full #content_right {
    width: 960px;
    padding: 0 25px;
}

#footer {
    display: block;
    width: 960px;
    height: auto;
    overflow: hidden;
    background: transparent url(../images/bg_footer.png) left top no-repeat;
    margin: 0;
    padding: 30px 25px 0;
}

/* End | Global Elements */



/* Start | Header Elements */

#header .functions {
    display: inline;
    float: right;
    width: auto;
    height: 20px;
    margin: 35px 0 0;
}

#header label {
    width: auto;
}

/* Start | Header Elements */



/* Start | Nav Elements */

#top_nav ol {
    display: inline;
    float: left;
    width: auto;
    height: 45px;
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
}

#top_nav ol li {
    display: inline;
    float: left;
    width: auto;
    height: 45px;
}

#top_nav ol li a {
    display: inline-block;
    height: 45px;
    background: transparent;
    padding: 0 10px;
    font: bold 12px/45px arial, verdana, sans-serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

#top_nav ol li:hover a {
    color: #f8991d;
    text-decoration: none;
    cursor: pointer;
}

#top_nav ol li span {
	display: none;
	position: absolute;
	top: 45px;
	left: 5px;
	width: 1000px;
	height: 45px;
	background: #4c90d4;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
}

#top_nav ol li:hover span {
    display: block;
}

#top_nav ol li span ol {
    display: inline-block;
    float: none;
    width: auto;
    height: 45px;
    margin: 0 auto;
    padding: 0;
}

#top_nav ol li:hover span ol li a {
    color: #fff;
}

#top_nav ol li:hover span ol li:hover a {
    color: #032351;
}

/* Start | Nav Elements */



/* Start | Title Bar Elements */

#title_bar p {
    float: left;
    width: auto;
    height: 45px;
    background: transparent;
    margin: 0;
    padding: 0 0 0 20px;
    font: normal 28px/45px arial, verdana, sans-serif;
    color: #fff;
}

/* End | Title Bar Elements */



/* Start | Content Left Elements */

#content_left form {
	display: inline;
	float: left;
	width: 160px;
	height: auto;
	overflow: hidden;
	margin: 0 5px 10px;
	padding: 0;
}

#content_left form li {
    padding: 0 0 5px;
}

#content_left form li.list_head span {
    margin: 5px 5px 0;
}

#content_left label { width: 56px; }

#content_left label.fluid { width: auto; }

#content_left input.text { width: 144px; }

#content_left select { width: 150px; }


/* End | Content Left Elements */



/* Start | Footer Elements */



/* End | Footer Elements */



/* Start | Content Elements */

h1 {
    margin: 0 0 20px;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #ccc;
    font: normal 19px/22px arial, sans-serif;
    color: #666;
}

h2 {
    margin: 0 0 10px;
    font: normal 17px/20px arial, sans-serif;
    color: #666;
}

h3 {
    margin: 0 0 10px;
    font: bold 12px/15px arial, sans-serif;
    color: #666;
}

h4 {
    margin: 0 0 10px;
    font: normal 12px/15px arial, sans-serif;
    color: #666;
}

p {
    margin: 0 0 10px;
}

small {
    font-size: 10px;
}

strong {
    font-weight: bold;
}

a {
    color: #666;
    text-decoration: underline;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

hr {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    color: #ccc;
    text-align: left;
}

ol.list,
ul.list {
    display: inline;
    float: left;
    width: auto;
    margin: 0 0 10px;
    padding: 0 0 0 26px;
}

ol.list li,
ul.list li {
    display: list-item;
    list-style-type: disc;
}

/* End | Content Elements */



/* Start | Form Elements */
fieldset_narrow {
    display: inline;
    position: relative;
    float: left;
    background: #fff url(/images/bg_fieldset.png) left top repeat-x;
    margin: 0 0 10px;

    border: 1px solid #ccc;
    z-index: 1px;
}

fieldset {
    display: inline;
    position: relative;
    float: left;
    background: #fff url(../images/bg_fieldset.png) left top repeat-x;
    margin: 0 0 10px;
    padding: 20px 10px 10px;
    border: 1px solid #ccc;
    z-index: 1px;
}

fieldset.embeded {
    width: auto;
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}

form {
    display: block;
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
}

form ol {
    display: inline;
    float: left;
    width: auto;
    overflow: visible;
    margin: 0;
    padding: 0;
    list-style: none;
}

form li {
    display: inline;
    float: left;
    clear: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap;
    list-style-type: none;
}

form li.list_head span {
    display: block;
    width: auto;
    margin: 0 5px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ccc;
    font: bold 12px/17px arial, sans-serif;
    color: #666;
}

form ol li ol,
fieldset ol li ul {
    display: inline;
    float: left;
    width: 100%;
    margin: 0;
}

form ol li ol li,
fieldset ol li ul li {
    white-space: normal;
}

label {
    display: inline;
    float: left;
    margin: 0 5px;
    padding: 3px 0;
    font: normal 11px/14px arial, sans-serif;
    text-align: right;
    white-space: normal;
}

label.fluid {
    width: auto;
    margin: 0 5px;
    text-align: left;
}

label.fluid br {
    margin: 0 0 1px;
}

label span.mandatory {
    padding-left: 2px;
    color: #933;
}

input.file,
input.text,
textarea {
    display: inline;
    float: left;
    background: #fff;
    margin: 0 5px;
    padding: 2px;
    border: 1px solid #ccc;
    font: normal 11px/14px arial, sans-serif;
    color: #666;
}

input.file[disabled="disabled"],
input.text[disabled="disabled"],
textarea[disabled="disabled"] {
    color: #ccc;
}

textarea {
    height: 44px;
}

input.checkbox,
input.radio {
    display: inline;
    float: left;
    width: 13px;
    height: 13px;
    margin: 3px 5px 4px 5px;
    padding: 0;
    border: none;
}

input.checkbox.label,
input.radio.label {
    margin: 3px 12px 4px 100px;
}

select {
    display: inline;
    float: left;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    border: 1px solid #ccc;
    font: normal 11px/14px arial, sans-serif;
    color: #666;
}

select.multiple,
form div.double_list select {
    width: 175px;
    height: auto;
}

option {
    padding: 0 4px 0 3px;
    border: none;
}

select.multiple option {
    padding: 1px 4px 2px 3px;
}

input.file:focus,
input.text:focus,
textarea:focus,
select:focus {
    background: #f3f3f3;
    border: 1px solid #bfbfbf;
    color: #595959;
}

/* End | Form Elements */



/* Start | Dashboard Table Elements */

.table_top{
  border-radius: 10px 10px 0 0;
  
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 0;
  width: auto;
}

.dashboard_listing {
    display: table;
    /*float: left;*/
    width: 25%;
    margin: 0 0 10px;
}

.dashboard_listing caption {
    display: table-caption;
    background: transparent;
    padding: 0 5px;
    text-align: center;
    font: normal 15px/18px arial, sans-serif;
    border-bottom: 1px solid #ccc;
}

.dashboard_listing tr {
    display: table-row;
    background: #fff;
}

.dashboard_listing tr.alt {
    background: #f3f3f3;
}

.dashboard_listing th {
    display: table-cell;
    background: #e6e6e6;
    padding: 0 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.dashboard_listing th.left {
    display: table-cell;
    background: #e6e6e6;
    padding: 0 5px;
    border-top: 1px none;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.dashboard_listing th p {
    display: block;
    margin: 8px 0;
    color: #333;
}

.dashboard_listing tfoot th {
    border-top: none;
}

.dashboard_listing td {
    display: table-cell;
    padding: 0 5px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.dashboard_listing td.right {
    text-align: right;
}

.dashboard_listing td.left {
    text-align: left;
}

.dashboard_listing td p,
.dashboard_listing td a {
    display: block;
    margin: 5px 0;
    padding: 3px 0;
}

.dashboard_listing td a.button,
.dashboard_listing td span.button {
    display: inline-block;
    float: none;
    width: auto;
    margin: 5px 0;
    padding: 0 8px 0 0;
}

.dashboard_listing td input.checkbox,
.dashboard_listing td input.radio {
    display: inline-block;
    float: none;
    margin: 8px 0 9px;
}

.dashboard_listing td input.file,
.dashboard_listing td input.text,
.dashboard_listing td select {
    display: inline-block;
    float: none;
    margin: 5px 0;
}

/* End | Dashboard Table Elements */

/* Start | Table Elements */

.listing {
    display: table;
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

.listing caption {
	  display: table-caption;
	  background: transparent;
    padding: 0 5px;
    text-align: center;
    font: normal 15px/18px arial, sans-serif;
    border-bottom: 1px solid #ccc;
}

.listing tr {
    display: table-row;
    background: #fff;
}

.listing tr.alt {
    background: #f3f3f3;
}

.listing th {
    display: table-cell;
    background: #e6e6e6;
    padding: 0 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.listing th.left {
    display: table-cell;
    background: #e6e6e6;
    padding: 0 5px;
    border-top: 1px none;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.listing th p {
    display: block;
    margin: 8px 0;
    color: #333;
}

.listing tfoot th {
    border-top: none;
}

.listing td {
    display: table-cell;
    padding: 0 5px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.listing td.right {
    text-align: right;
}

.listing td.left {
    text-align: left;
}

.listing td p,
.listing td a {
    display: block;
    margin: 5px 0;
    padding: 3px 0;
}

.listing td a.button,
.listing td span.button {
    display: inline-block;
    float: none;
    width: auto;
    margin: 5px 0;
    padding: 0 8px 0 0;
}

.listing td input.checkbox,
.listing td input.radio {
    display: inline-block;
    float: none;
    margin: 8px 0 9px;
}

.listing td input.file,
.listing td input.text,
.listing td select {
    display: inline-block;
    float: none;
    margin: 5px 0;
}

/* End | Table Elements */

/* Start | Markup/Tax Table Elements */

.markup_row_selected,
.markup_row_selected td { 
  background-color: #D4D4D4; 
}
.markup_row_error,
.markup_row_error td { 
  background: none repeat scroll 0 0 #EBD6D6 !important;
}
.markup_row_error { border: 1px solid #D6ADAD !important; }
.markup_input { width: 39px !important; }
.markup_tax_flag_input { width: 20px !important; }
.markup_column{	width: 55px !important; }
.checkbox_column{	width: 20px; }
.incremental_cost_input { width: 39px !important; }

.tax_row_selected,
.tax_row_selected td { 
  background-color: #D4D4D4; 
}
.tax_row_error,
.tax_row_error td { 
  background: none repeat scroll 0 0 #EBD6D6 !important;
}
.tax_row_error { border: 1px solid #D6ADAD !important; }
.tax_input { display: inline-block !important; float: none !important; width: 39px !important; text-align: center;}
.tax_column { text-align: center; vertical-align: middle; }


/* End | Markup/Tax Table Elements */

/* Start | Button Elements */

.functions {
    display: inline;
    float: left;
    width: 960px;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0;
}

.pagination {
    display: inline;
    float: left;
    width: auto;
    overflow: hidden;
    padding: 0;
}

span.button {
    display: inline;
    float: left;
    width: auto;
    height: 20px;
    background: transparent url(../images/bg_button.png) left 0px no-repeat;
    margin: 0 5px;
    padding: 0 0 0 5px;
    cursor: pointer;
}

span.button:hover {
    background: transparent url(../images/bg_button.png) left -20px no-repeat;
}

span.button input,
span.button i {
    display: inline-block;
    width: auto;
    height: 20px;
    overflow: visible;
    background: transparent url(../images/bg_button.png) right 0px no-repeat;
    margin: 0;
    padding: 2px 5px 4px 0;
    border: none;
    font: normal 11px/14px arial, verdana, helvetica, sans-serif;
    color: #666;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

span.button input.icon {
    background: none;
}

span.button i {
    padding: 0;
}

span.button:hover input.no_icon,
span.button:hover i {
    background: transparent url(../images/bg_button.png) right -20px no-repeat;
}

a.button {
    display: inline;
    float: left;
    width: auto;
    height: 20px;
    background: transparent url(../images/bg_button.png) right 0px no-repeat;
    margin: 0 5px;
    padding: 0 8px 0 0;
    text-decoration: none;
    cursor: pointer;
}

a.button:hover {
    display: inline;
    float: left;
    background: transparent url(../images/bg_button.png) right -20px no-repeat;
    text-decoration: none;
}

a.button span {
    display: inline-block;
    width: auto;
    height: 14px;
    background: transparent url(../images/bg_button.png) left 0px no-repeat;
    margin: 0;
    padding: 3px 0 3px 8px;
    font: normal 11px/14px arial, verdana, helvetica, sans-serif;
    color: #666;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

a.button:hover span {
    background: transparent url(../images/bg_button.png) left -20px no-repeat;
}

a.button.disabled span {
    background: transparent url(../images/bg_button.png) left 0px no-repeat;
    color: #A9A9A9;
}

a.button.disabled:hover {
    background: transparent url(../images/bg_button.png) right 0px no-repeat;
}

a.button.disabled:hover span {
    /* background: transparent url(../images/bg_button.png) left 0px no-repeat; */
    cursor: not-allowed;
}

a.button_flat {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    clear: none;
    display: inline-block;
    float: left;
    width: auto;
    z-index: 100;
    padding: 2px;
    margin: 2px;
}

a.button_flat.selected{
	background-color: #CCC;
}

a.button_flat:hover {
    background-color: #CCC;
}

a.button_flat span{
	background-color: transparent;
    background-position: left 2px;
    background-repeat: no-repeat;
    color: #666;
    cursor: pointer;
    display: inline;
    float: left;
    font: 11px/14px arial,verdana,helvetica,sans-serif;
    margin: 0 10px 0 0;
    overflow: visible;
    padding: 3px 0 3px 10px;
    text-decoration: none;
    width: auto;
}

.text_link {
    display: inline;
    float: left;
    margin: 0 5px;
    padding: 3px 0;
    text-decoration: none;
}

/* End | Button Elements */



/* Start | Widths */

fieldset { width: 938px; }

ol { width: auto; }

li { width: 100%; }

li.list_head { width: 100% !important; }

li span { width: auto; }

li.list_head span { width: auto; }

ol li ol { width: 100%; }

label { width: 124px; }

label.fluid { width: auto; }

input.text { width: 118px; }

textarea { width: 252px; }

select { width: auto; }

ol.options.horizontal li { width: 134px; }

ol.options.split li { width: 50%; }

ol.options li.question { width: 100%; }

ol.options label { width: auto; }

.half { width: 62px !important; }

.three_quarters { width: 97px !important; }

.single { width: 124px !important; }

.single_half { width: 186px !important; }

.double { width: 258px !important; }

.double_half { width: 325px !important; }

.triple { width: 392px !important; }

.quadruple { width: 526px !important; }

.quadruple_half { width: 605px !important; }

.quintuple { width: 660px !important; }

.quintuple_half { width: 727px !important; }

.sextuple { width: 794px !important; }

.sextuple_half { width: 861px !important; }

.septuple { width: 928px !important; }

.side_column { width: 161px !important; }

.window .side_column,
.window_top .side_column,
.window_middle .side_column,
.window_bottom .side_column,
.window_head .side_column,
.window_foot .side_column { width: 149px !important; }

.features { width: 603px !important; }

form.half,
ol.half,
li.half,
div.half { width: 67px !important; }

form.three_quarters,
ol.three_quarters,
li.three_quarters,
div.three_quarters { width: 100px !important; }

form.single,
ol.single,
li.single,
div.single { width: 134px !important; }

form.single_half,
ol.single_half,
li.single_half,
div.single_half { width: 201px !important; }

form.double,
ol.double,
li.double,
div.double  { width: 268px !important; }

form.triple,
ol.triple,
li.triple,
div.triple { width: 402px !important; }

form.quadruple,
ol.quadruple,
li.quadruple,
div.quadruple { width: 536px !important; }

form.quintuple,
ol.quintuple,
li.quintuple,
div.quintuple { width: 670px !important; }

form.sextuple,
ol.sextuple,
li.sextuple,
div.sextuple { width: 804px !important; }

form.septuple,
ol.septuple,
li.septuple,
div.septuple { width: 938px !important; }

form.side_column,
ol.side_column,
li.side_column,
div.side_column { width: 171px !important; }

.window form.side_column,
.window_top form.side_column,
.window_middle form.side_column,
.window_bottom form.side_column,
.window_head form.side_column,
.window_foot form.side_column,
.window ol.side_column,
.window_top ol.side_column,
.window_middle ol.side_column,
.window_bottom ol.side_column,
.window_head ol.side_column,
.window_foot ol.side_column,
.window li.side_column,
.window_top li.side_column,
.window_middle li.side_column,
.window_bottom li.side_column,
.window_head li.side_column,
.window_foot li.side_column,
.window div.side_column,
.window_top div.side_column,
.window_middle div.side_column,
.window_bottom div.side_column,
.window_head div.side_column,
.window_foot div.side_column { width: 159px !important; }

input.text.quarter,
textarea.quarter { width: 30px !important; }

input.text.half,
textarea.half { width: 59px !important; }

input.text.three_quarters,
textarea.three_quarters { width: 88px !important; }

input.text.single,
textarea.single { width: 118px !important; }

input.text.single_half,
textarea.single_half { width: 178px !important; }

input.text.double,
textarea.double { width: 252px !important; }

input.text.triple,
textarea.triple { width: 386px !important; }

input.text.quadruple,
textarea.quadruple { width: 520px !important; }

input.text.quintuple,
textarea.quintuple { width: 654px !important; }

input.text.sextuple,
textarea.sextuple { width: 788px !important; }

input.text.septuple,
textarea.septuple { width: 922px !important; }

input.text.side_column,
textarea.side_column { width: 155px !important; }

.window input.text.side_column,
.window_top input.text.side_column,
.window_middle input.side_column,
.window_bottom input.side_column,
.window_head input.side_column,
.window_foot input.side_column,
.window textarea.text.side_column,
.window_top textarea.text.side_column,
.window_middle textarea.side_column,
.window_bottom textarea.side_column,
.window_head textarea.side_column,
.window_foot textarea.side_column { width: 143px !important;}

input.date { width: 57px; }

input.digits_1 { width: 9px; text-align: right; }

input.digits_2 { width: 15px; text-align: right; }

input.digits_3 { width: 21px; text-align: right; }

input.digits_4 { width: 27px; text-align: right; }

input.digits_5 { width: 33px; text-align: right; }

input.digits_6 { width: 39px; text-align: right; }

input.digits_7 { width: 45px; text-align: right; }

input.digits_8 { width: 51px; text-align: right; }

input.digits_9 { width: 57px; text-align: right; }

input.digits_10 { width: 63px; text-align: right; }

input.postal { width: 51px; }

select.time { width: 39px; margin-right: 5px; }

.row_3 { height: 74px; }

.row_4 { height: 104px; }

.row_5 { height: 134px; }

.row_6 { height: 164px; }

.row_7 { height: 194px; }

/* End | Widths */



/* Start | Modifiers */

.normalize { font-style: normal !important; }

.italicise { font-style: italic !important; }

.bold { font-weight: bold !important; }

.unbold { font-weight: normal !important; }

.strike_out  { text-decoration: line-through !important; }

.margin_auto { display: block !important; float: none !important; overflow: hidden !important; margin-right: auto !important; margin-left: auto !important; }

.margin_0 { margin-right: 0 !important; margin-left: 0 !important; }

.margin_0-5 { margin-right: 5px !important; margin-left: 5px !important; }

.margin_1 { margin-right: 10px !important; margin-left: 10px !important; }

.margin_1-5 { margin-right: 15px !important; margin-left: 15px !important; }

.margin_2 { margin-right: 20px !important; margin-left: 20px !important; }

.margin_top_0 { margin-top: 0px !important; }

.margin_top_0-5 { margin-top: 5px !important; }

.margin_top_1 { margin-top: 10px !important; }

.margin_top_1-5 { margin-top: 15px !important; }

.margin_top_2 { margin-top: 20px !important; }

.margin_right_0 { margin-right: 0px !important; }

.margin_right_0-5 { margin-right: 5px !important; }

.margin_right_1 { margin-right: 10px !important; }

.margin_right_1-5 { margin-right: 15px !important; }

.margin_right_2 { margin-right: 20px !important; }

.margin_bottom_0 { margin-bottom: 0px !important; }

.margin_bottom_0-5 { margin-bottom: 5px !important; }

.margin_bottom_1 { margin-bottom: 10px !important; }

.margin_bottom_1-5 { margin-bottom: 15px !important; }

.margin_bottom_2 { margin-bottom: 20px !important; }

.margin_left_0 { margin-left: 0px !important; }

.margin_left_0-5 { margin-left: 5px !important; }

.margin_left_1 { margin-left: 10px !important; }

.margin_left_1-5 { margin-left: 15px !important; }

.margin_left_2 { margin-left: 20px !important; }

.pad_0 { padding-right: 0 !important; padding-left: 0 !important; }

.pad_0-5 { padding-right: 5px !important; padding-left: 5px !important; }

.pad_1 { padding-right: 10px !important; padding-left: 10px !important; }

.pad_1-5 { padding-right: 15px !important; padding-left: 15px !important; }

.pad_2 { padding-right: 20px !important; padding-left: 20px !important; }

.pad_top_0 { padding-top: 0px !important; }

.pad_top_0-5 { padding-top: 5px !important; }

.pad_top_1 { padding-top: 10px !important; }

.pad_top_1-5 { padding-top: 15px !important; }

.pad_top_2 { padding-top: 20px !important; }

.pad_right_0 { padding-right: 0px !important; }

.pad_right_0-5 { padding-right: 5px !important; }

.pad_right_1 { padding-right: 10px !important; }

.pad_right_1-5 { padding-right: 15px !important; }

.pad_right_2 { padding-right: 20px !important; }

.pad_bottom_0 { padding-bottom: 0px !important; }

.pad_bottom_0-5 { padding-bottom: 5px !important; }

.pad_bottom_1 { padding-bottom: 10px !important; }

.pad_bottom_1-5 { padding-bottom: 15px !important; }

.pad_bottom_2 { padding-bottom: 20px !important; }

.pad_left_0 { padding-left: 0px !important; }

.pad_left_0-5 { padding-left: 5px !important; }

.pad_left_1 { padding-left: 10px !important; }

.pad_left_1-5 { padding-left: 15px !important; }

.pad_left_2 { padding-left: 20px !important; }

.shift_up { top: -1px !important; }

.shift_right { right: -1px !important; }

.shift_down { bottom: -1px !important; }

.shift_left { left: -1px !important; }

.no_float { display: inline-block !important; float: none !important; vertical-align: middle; }

.float_right { display: inline !important; float: right !important; }

.float_left { display: inline !important; float: left !important; }

.no_clear { clear: none !important; }

.clear { clear: both !important; }

.clear_right { clear: right !important; }

.clear_left { clear: left !important; }

.no_wrap { white-space: nowrap !important; }

.wrap { white-space: normal !important; }

.top { vertical-align: top !important; }

.right { text-align: right !important; }

.bottom { vertical-align: bottom !important; }

.left { text-align: left !important; }

.center { text-align: center !important; }

.disabled { font-style: italic !important; color: darkgrey; }

/* End | Modifiers */



/* Start | Category Tree Elements */

#categories {
    display: inline;
    float: left;
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0 5px;
    padding: 0;
}

.category_tree{
	  display: inline;
    float: left;
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0;
}

.category_mapped_node a{
    color: green !important;
    font-weight: bold;
}

.category_mapping_node a{
    color: green !important;
    font-weight: bold;
}

.reward_mapped_node>a{
    font-weight: bold;
}

.reward_mapping_node>a{
    color: green !important;
    font-weight: bold;
}

.null_src_category_mapping_node a{
    color: red !important;
    font-weight: bold;
}

li.is_mapping_reward{
	background-color:#D2FCFA;
}

li.is_selected_reward{
	background-color:#C2C2B7;
}

li.is_removed_reward{
	background-color: #FCD2D4;
}

/*
li.is_published_reward{
	background-color: #E5D2FC;
}
*/

li.selected{
	background-color:#C2C2B7;
}

.tree-context{
    width: 208px !important;
}

#jstree-contextmenu li{
    width: 180px !important;
}

/* End | Category Tree Elements */



/* Start | Date Picker Elements */

#ui-datepicker-div {
    z-index: 10;
}

.ui-datepicker-trigger {
    margin: 2px 0;
    cursor: pointer;
}

/* End | Date Picker Elements */

/* Start | jqGrid Overrides */

.loading
{
	  background: #C5DDF1 !important;
	  background-color: #C5DDF1 !important;
	  color: #0000CC !important;
	  border-width: 1px !important;
	  border-color: #0000CC !important;
	  border-style: solid !important;
	  font-weight: bold;
}

#jqgrid_notice{
	color: #0000CC;
	margin: 5px;
}

.jqgrid_notice{
	color: #0000CC;
	margin: 5px;
}

/* End | jqGrid Overrides */

/* Start | Double List Elements */

.double_list {
    display: inline;
    float: left;
    width: 402px;
    margin: 0;
    padding: 0;
}

.double_list li {
    display: inline;
    float: left;
    clear: none;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    white-space: normal;
}

.double_list li.list {
    width: 193px;
}

.double_list li.list select.double_list_select,
.double_list li.list select.double_list_select-selected {
    width: 183px;
    height: 170px;
}

.double_list li.functions {
    width: 16px;
    height: 170px;
    padding: 20px 0 0;
}

.double_list li.functions.double {
    height: 105px;
    padding-top: 85px;
}

.double_list li.functions.triple {
    height: 115px;
    padding-top: 75px;
}

.double_list li.functions #loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 2px 0;
    padding: 0;
}

.double_list li.functions img {
    display: block;
    margin: 0;
    padding: 2px 0;
}

/* End | Double List Elements */



/* Start | Expandable Elements */

.expandable {
    display: block;
    float: none;
    clear: both;
    width: auto;
    overflow: hidden;
    background: #fff;
    margin: 0;
    padding: 1px 0 0;
    vertical-align: bottom;
}

.expandable li {
    display: block;
    float: none;
    clear: both;
    width: auto;
    overflow: hidden;
    background: transparent;
    margin: -1px 0 0;
    padding: 0;
}

.expandable li a,
.expandable li span {
    display: block;
    float: none;
    clear: both;
    width: auto;
    overflow: hidden;
    background-color: #fff;
    margin: 0;
    padding: 2px 9px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    font: 11px/15px arial, sans-serif;
    color: #666;
    text-decoration: none;
}

.expandable li a:hover {
    background-color: #f3f3f3;
    color: #333;
    text-decoration: none;
}

.expandable li.current a,
.expandable li.current span {
    background-color: #f3f3f3;
    font-weight: bold;
    color: #333;
}

.expandable li.current a:hover {
    background-color: #e6e6e6;
    color: #000;
    text-decoration: none;
}

.expandable li ol li a,
.expandable li.current ol li a,
.expandable li ol li span,
.expandable li.current ol li span {
    display: block;
    float: none;
    clear: both;
    width: auto;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 0 10px;
    padding: 2px 9px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    font: 11px/15px arial, sans-serif;
    color: #666;
}

.expandable li ol li a:hover,
.expandable li.current ol li a:hover {
    background-color: #f3f3f3;
    color: #333;
    text-decoration: none;
}

.expandable li ol li.current a,
.expandable li ol li.current span {
    background-color: #f3f3f3;
    font-weight: bold;
    color: #333;
}

.expandable li ol li.current a:hover {
    background-color: #e6e6e6;
    color: #000;
    text-decoration: none;
}

.expandable li a.icon {
    background-position: 10px 2px;
    padding-left: 31px;
}

/* End | Expandable Elements */




/* Start | Icon Elements */

.icon,
span.button i input.icon {
    display: inline;
    float: left;
    width: auto;
    overflow: visible;
    background-color: transparent;
    background-position: left 2px;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    padding: 3px 0 3px 21px;
    font: normal 11px/14px arial, verdana, helvetica, sans-serif;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

span.button i input.icon {
    background-position: 3px 2px;
    margin: 0;
    padding: 2px 5px 4px 21px;
}

.icon:hover {
    color: #333;
    text-decoration: underline;
}

span.button i input.icon:hover {
    color: #666;
    text-decoration: none;
}

p.icon:hover {
    color: #666;
    text-decoration: none;
    cursor: default;
}

.icon.label {
    margin: 0 0 0 113px;
    padding: 3px 3px 3px 26px;
}

i.icon:hover {
    text-decoration: none;
}

input.icon {
    overflow: visible;
    margin: 0 7px 0 0;
    padding: 2px 0 2px 18px;
}

input.icon.label {
    padding: 2px 0 2px 25px;
}

span.button i.icon {
    margin: 0;
    padding: 0 0 0 21px;
    background-position: 3px 2px;
}

span.button i.icon input {
    color: #666;
}

a.button span i.icon {
    margin: -1px 0;
    padding: 1px 0 1px 21px;
    background-position: left top;
    color: #666;
}

.tabs a.icon {
    background-position: 5px 2px;
    padding: 3px 5px 2px 26px;
}

.listing td .icon {
    display: inline-block;
    float: none;
    padding-left: 21px;
}

#orderItemRewardAttributesParameters {
    width: 100%;
    margin-bottom: 1em;
    padding-bottom: 10px;
}
#orderItemRewardAttributesParameters h2 {
    margin: 0;
    padding: 10px 0px 10px 20px;
    cursor: pointer;
}
#orderItemRewardAttributesParameters .listing th {
    text-align: left;
}
#orderItemRewardAttributesParameters .listing td {
    text-align: left;
    width: 25%;
}

/* End | Icon Elements */



/* Start | Image Preview Elements */

.image_preview {
    word-spacing: -1em;
}

.image_preview .frame {
    display: inline-block;
    background: #fff;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}

.image_preview .frame.small {
    width: 75px;
    height: 75px;
    margin: 75px 10px 0 259px;
}

.image_preview .frame.medium {
    width: 150px;
    height: 150px;
    margin: 0 2px 0 0;
}

.image_preview .frame.large {
    width: 250px;
    height: 250px;
}

.image_preview .frame span {
    display: table-cell;
    vertical-align: middle;
}

.image_preview .frame.small span {
    width: 73px;
    height: 73px;
}

.image_preview .frame.medium span {
    width: 148px;
    height: 148px;
}

.image_preview .frame.large span {
    width: 248px;
    height: 248px;
}

.image_preview .frame img {
    display: block;
    margin: auto;
    padding: 0;
    border: none;
}

.image_preview .frame.small img {
    max-width: 75px;
    width: auto !important;
    width: 75px;
    max-height: 75px;
    height: auto !important;
    height: 75px;
}

.image_preview .frame.medium img {
    max-width: 150px;
    width: auto !important;
    width: 150px;
    max-height: 150px;
    height: auto !important;
    height: 150px;
}

.image_preview .frame.large img {
    max-width: 250px;
    width: auto !important;
    width: 250px;
    max-height: 250px;
    height: auto !important;
    height: 250px;
}

/* End | Image Preview Elements */



/* Start | Message Elements */

.message {
    display: block;
    margin: 0 5px 10px;
    padding: 2px 3px;
    text-align: center;
    white-space: normal;
}

.message.success {
    background: #cce0cc;
    border: 1px solid #99c299;
    color: #060;
}

.message.notice {
    background: #ccd6e0;
    border: 1px solid #99adc2;
    color: #036;
}

.message.warning {
    background: #ebebcc;
    border: 1px solid #d6d699;
    color: #990;
}

.message.error {
    background: #ebd6d6;
    border: 1px solid #d6adad;
    color: #933;
}

.error_500
{
	border: 1px solid #D6ADAD;
	background: #ebd6d6;
  color: #933;
}

/* End | Message Elements */



/* Start | Pagination Elements */

.paginator {
    display: inline;
    position: relative;
    float: left;
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
}

.paginator p {
    display: inline;
    position: relative;
    float: left;
    margin: 0;
    line-height: 15px;
    color: #333 !important;
    text-align: center;
}

.paginator p a {
    display: inline;
    margin: 0;
    padding: 0;
    color: #666 !important;
    text-decoration: underline;
}

.paginator p a:hover {
    color: #333 !important;
    text-decoration: underline;
}

.paginator p a.selected {
    background: transparent;
    border: 0;
    text-decoration: none;
}

.paginator p a.selected:hover {
    color: #666 !important;
    cursor: text;
}

/* End | Pagination Elements */

/* Reward list */
.compound {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0;
    width: 392px;
}

/* Start | Tab Elements */

.tabs {
    display: inline;
    position: relative;
    float: left;
    width: 960px;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.tabs ol {
    display: inline;
    width: auto;
    margin: 0 0 -1px;
    padding: 0;
}

.tabs ol.right {
    float: right;
    width: auto;
}

.tabs ol.left {
    float: left;
    width: auto;
}

.tabs ol li {
    display: inline-block;
    float: left;
    clear: none;
    width: auto;
    background: transparent;
    padding: 0;
    border: 1px solid #ccc;
    z-index: 100;
}

.tabs ol.right li {
    margin: 0 0 0 5px;
}

.tabs ol.left li {
    margin: 0 5px 0 0;
}

.tabs ol li:hover {
    background: #f3f3f3;
}

.tabs ol li.current {
    background: #f3f3f3;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #ccc;
}

.tabs ol li a {
    display: block;
    margin: 0;
    padding: 3px 5px 2px;
    font: normal 12px/15px arial, sans-serif;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.tabs ol li.current a {
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.tabs ol li a:hover {
    color: #333;
    text-decoration: none;
}

/* End | Tab Elements */



/* Start | Thumbnail Elements */

.thumbnail {
    display: inline;
    position: relative;
    float: left;
    clear: none;
    width: 111px;
    margin: 0 0 10px;
    padding: 0 5px;
    border: 0;
    text-align: left;
}

.thumbnail a {
    display: block;
    position: relative;
    text-decoration: none !important;
    cursor: pointer;
}

.thumbnail .image {
    display: block;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}

.thumbnail a:hover .image {
    border-color: #999;
}

.thumbnail .image .center {
    display: block;
    float: none;
    position: relative;
    height: 109px;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 107px;
    text-align: center;
}

.thumbnail .image .center img {
    display: inline;
    position: relative;
    max-width: 109px;
    max-height: 109px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.thumbnail.skin .image .center img {
    max-width: none;
    max-height: none;
    width: 189px;
    height: 141px;
}

.thumbnail .details {
    display: block;
    position: relative;
    background: transparent;
    margin: 0;
    padding: 2px 0 3px;
    color: #666;
}

.thumbnail a:hover .details {
    color: #333;
}

.thumbnail .details em {
    display: inline;
    position: absolute;
    float: none;
    clear: none;
    bottom: 100%;
    right: 0;
    background: #f3f3f3;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}

.thumbnail a:hover .details em {
    border-color: #999;
}

.thumbnail .details em span {
    display: inline;
    float: left;
    margin: 0;
    padding: 2px 5px 3px;
    font: bold 11px/15px arial, sans-serif;
    color: #333;
    text-decoration: none;
}

.thumbnail .details em span.original {
    text-decoration: line-through;
}

.thumbnail .details em span.special {
    padding-left: 0;
    color: #933;
}

.thumbnail .details strong {
    display: block;
}

.thumbnail .details .wrap_space {
    display: inline-block;
    width: 1px;
    margin: 0;
    padding: 0;
}

.thumbnail .icon {
    display: none;
    position: absolute;
    //padding: 0;
}

.thumbnail:hover .icon {
    display: block !important;
}

.thumbnail .icon.delete {
    top: 3px;
    left: 10px;
}

/* End | Thumbnail Elements */



/* Start | Window Elements */

.window,
.window_top,
.window_middle,
.window_bottom,
.window_head,
.window_foot {
    display: inline;
    float: left;
    width: auto;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}

.window {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.window_top,
.window_head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}

.window_middle {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.window_bottom,
.window_foot {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.window_head,
.window_foot {
    padding: 5px;
}

.window_head {
    background: #f3f3f3;
    border-width: 1px 1px 0 1px;
}

.window_foot {
    background: #f3f3f3;
    border-width: 0 1px 1px 1px;
}

.window_head span {
	display: inline;
	float: left;
    margin: 0;
    padding: 0;
    font: 14px/20px arial, sans-serif;
    color: #666;
    white-space: normal;
}

/* End | Window Elements */



/* Start | Miscellaneous Elements */

div.center_outer {
    display: inline;
    float: left;
    position: relative;
    left: 50%;
    zoom: 1;
}

div.center_inner {
    display: inline;
    float: left;
    position: relative;
    left: -50%;
    margin: 0;
    padding: 0;
    zoom: 1;
}

/* status message */
.status span {
    display: block;
    width: 60px;
    height: 16px;
    border: 1px solid #000;
    text-align: center;
    font-size: 95%;
    line-height: 1.4em;
}
.statusrunning {
    background-color: #aaffaa;
    border: 1px solid #00cc00 !important;
    color: #255e0a;
}
.statuswarning {
    background-color: #faefb5;
    border: 1px solid #cccc00 !important;
    color: #766707;
}
.statuserror {
    background-color: #fad9d3;
    border: 1px solid #cc0000 !important;
    color: #c0272d;
}

div.std_brand {
    width:50%; 
    position:relative; 
    padding-left: 12.7em !important;
    padding-top: 2px !important;
}
/* Start | Miscellaneous Elements */



/* Start | Icons */

.icon.add { background-image: url(../images/icons/add.png) !important; }

.icon.address_copy { background-image: url(../images/icons/address_copy.png) !important; }

.icon.admin_add { background-image: url(../images/icons/admin_add.png) !important; }

.icon.admin_delete { background-image: url(../images/icons/admin_delete.png) !important; }

.icon.admin_edit { background-image: url(../images/icons/admin_edit.png) !important; }

.icon.arrow_back { background-image: url(../images/icons/arrow_back.png) !important; }

.icon.arrow_down { background-image: url(../images/icons/arrow_down.png) !important; }

.icon.arrow_first { background-image: url(../images/icons/arrow_first.png) !important; }

.icon.arrow_last { background-image: url(../images/icons/arrow_last.png) !important; }

.icon.arrow_left { background-image: url(../images/icons/arrow_left.png) !important; }

.icon.arrow_next { background-image: url(../images/icons/arrow_next.png) !important; }

.icon.arrow_right { background-image: url(../images/icons/arrow_right.png) !important; }

.icon.arrow_up { background-image: url(../images/icons/arrow_up.png) !important; }

.icon.cancel { background-image: url(../images/icons/cancel.png) !important; }

.icon.catalog_add { background-image: url(../images/icons/catalog_add.png) !important; }

.icon.catalog_delete { background-image: url(../images/icons/catalog_delete.png) !important; }

.icon.catalog_edit { background-image: url(../images/icons/catalog_edit.png) !important; }

.icon.contact_add { background-image: url(../images/icons/contact_add.png) !important; }

.icon.contact_delete { background-image: url(../images/icons/contact_delete.png) !important; }

.icon.contact_edit { background-image: url(../images/icons/contact_edit.png) !important; }

.icon.delete { background-image: url(../images/icons/delete.png) !important; }

.icon.edit { background-image: url(../images/icons/edit.png) !important; }

.icon.error { background-image: url(../images/icons/error.png) !important; }

.icon.file_browse { background-image: url(../images/icons/file_browse.png) !important; }

.icon.file_download { background-image: url(../images/icons/file_download.png) !important; }

.icon.file_save { background-image: url(../images/icons/file_save.png) !important; }

.icon.file_upload { background-image: url(../images/icons/file_upload.png) !important; }

.icon.gallery_add { background-image: url(../images/icons/gallery_add.png) !important; }

.icon.gallery_delete { background-image: url(../images/icons/gallery_delete.png) !important; }

.icon.gallery_edit { background-image: url(../images/icons/gallery_edit.png) !important; }

.icon.help { background-image: url(../images/icons/help.png) !important; }

.icon.login { background-image: url(../images/icons/login.png) !important; }

.icon.logout { background-image: url(../images/icons/logout.png) !important; }

.icon.note_add { background-image: url(../images/icons/note_add.png) !important; }

.icon.note_delete { background-image: url(../images/icons/note_delete.png) !important; }

.icon.note_edit { background-image: url(../images/icons/note_edit.png) !important; }

.icon.notice { background-image: url(../images/icons/notice.png) !important; }

.icon.order_add { background-image: url(../images/icons/order_add.png) !important; }

.icon.order_delete { background-image: url(../images/icons/order_delete.png) !important; }

.icon.order_edit { background-image: url(../images/icons/order_edit.png) !important; }

.icon.partner_add { background-image: url(../images/icons/partner_add.png) !important; }

.icon.partner_delete { background-image: url(../images/icons/partner_delete.png) !important; }

.icon.partner_edit { background-image: url(../images/icons/partner_edit.png) !important; }

.icon.reward_add { background-image: url(../images/icons/reward_add.png) !important; }

.icon.reward_delete { background-image: url(../images/icons/reward_delete.png) !important; }

.icon.reward_edit { background-image: url(../images/icons/reward_edit.png) !important; }

.icon.save { background-image: url(../images/icons/save.png) !important; }

.icon.search { background-image: url(../images/icons/search.png) !important; }

.icon.server_update { background-image: url(../images/icons/server_update.png) !important; }

.icon.success { background-image: url(../images/icons/success.png) !important; }

.icon.supplier_add { background-image: url(../images/icons/supplier_add.png) !important; }

.icon.supplier_delete { background-image: url(../images/icons/supplier_delete.png) !important; }

.icon.supplier_edit { background-image: url(../images/icons/supplier_edit.png) !important; }

.icon.terms_add { background-image: url(../images/icons/terms_add.png) !important; }

.icon.terms_delete { background-image: url(../images/icons/terms_delete.png) !important; }

.icon.terms_edit { background-image: url(../images/icons/terms_edit.png) !important; }

.icon.warning { background-image: url(../images/icons/warning.png) !important;}

.icon.loader { background-image: url(../images/icons/smLoader.gif) !important;}

.icon.copy { background-image: url(../images/icons/copy.png) !important; }

.icon.filter { background-image: url(../images/icons/filter.png) !important; }

.icon.preview { background-image: url(../images/icons/preview.png) !important; }

.icon.refresh { background-image: url(../images/icons/refresh.png) !important; }

.icon.details { background-image: url(../images/icons/details.png) !important; }

/* End | Icons */