/* TABLES
*******************************************************************************/

/* Grid - General */
.grid                           { position:relative;}
.grid table                     { width:100%; border:1px solid #cbd3d4; border-bottom:none; }
.grid table.border              { border:1px solid #cbd3d4; }
.grid tbody                     { }    /* Zebra odd-row */
.grid tr.even, .grid tr.even tr { background:#f6f6f6; } /* Zebra even-row */
.grid tr.on-mouse               { background:#fcf5dd; cursor:pointer; } /* Rows mouse-over */
.grid tr.invalid                { background-color:#d3a5ba !important; }
.grid th, .grid td              { }
.grid th                        { white-space:nowrap; }
.grid td input.input-text       { width:86%; }
.grid table td                  { border-width:0 1px 1px 0; border-color:#dadfe0; border-style:solid; height: 25px; vertical-align: middle;}
.grid table.border td           { }
.grid table td.last             { border-right:0; }
.grid table td.product          { text-align:right; }
.grid table td.empty-text       { padding:15px; }
.grid table td .action-select   { width:100%; }
.grid .separator                { padding:0 4px; color:#b9b9b9; }

.grid tbody.even tr             { background:#f6f6f6 !important; }
.grid tbody.even tr td          { border-bottom:0px; }
.grid tbody.even tr.border td   { border-bottom:1px solid #dadfe0; }
 
/* Grid - Headings */
.grid tr.headings { background:url(images/sort_row_bg.gif) 0 50% repeat-x; }
.grid tr.headings th { border-width:1px; border-color:#f9f9f9 #d1cfcf #f9f9f9 #f9f9f9; border-style:solid; padding: 0px; padding-top:1px; padding-bottom:0; font-size:.9em; }
.grid tr.headings th.last { border-right:0; }
.grid tr.headings th.no-link { /* Grid th with no sorting functionality */ padding: 0px; padding-top:2px; padding-bottom:1px; color:#67767e; }
.grid tr.headings th span.nobr { display:block; /* FF3 fix */ }
.grid tr.headings th { padding:2px 2px 1px 2px; color:#d85909 !important; }    
.grid tr.headings th span.sort-title { display:block; padding:3px 2px 4px 2px; line-height:1; color:#d85909 !important; }


/* Grid - Mass Action */
.massaction { width:100%; height:26px; border:1px solid #d1cfcf; border-bottom:none; background:url(images/massaction_bg.gif) repeat-x 0 100% #ebebeb; font-size:.9em; }
.massaction td                              { width:33%; border-top:1px solid #fff; padding:1px 8px; vertical-align:middle; }
.massaction .entry-edit fieldset .select    { width:120px; display:inline; }
.massaction .entry-edit fieldset            { margin:0; padding:0; background:none; border:none; }
.massaction .entry-edit fieldset .field-row { display:inline; }
.massaction .entry-edit .field-row label    { float:none; width:auto; margin-left:13px; }
.massaction .entry-edit                     { margin:0 !important; padding:0; }
.massaction a { text-decoration:none; }
.massaction .entry-edit fieldset span.form_row,
.massaction .entry-edit fieldset span.field-row { clear:none !important; display:inline; float:left !important; margin:0; padding:0 5px 0 0; }
.massaction .entry-edit .outer-span { float:left; }

.massactionimgbutton {margin-right: 20px;}
/* Grid Footer */
.grid table tfoot tr            { background:#D7E5EF; }
.grid table tfoot tr td         { border-top:1px solid #9babb9; background:#e5ecf2; line-height:1.7em; }
.grid table.border tfoot tr td  { background:#D7E5EF !important; }
                        
.error,
a.error span,
.validation-advice { color:#D40707 !important; font-weight:bold !important; font-size: 11px !important; border: 0px !important; font-family: Arial !important; width:150px; }
.required {
    color:#D40707 !important; font-size: 12px !important; border: 0px !important; font-family: Arial !important;
}

.error-msg { border:1px solid #f16048 !important; color:#df280a !important; background:#faebe7 url(images/error_msg_icon.gif) no-repeat 10px 10px !important; }
.success-msg { margin-top: 10px; height: 23px; border:1px solid #95a486; color:#3d6611; background:#eff5ea url(images/success_msg_icon.gif) no-repeat 10px 10px;padding:10px 8px 2px 32px; font-size:12px; font-weight:bold; margin-bottom: 15px;}
.notice-msg { border:1px solid #ffd967 !important; background:#fffbf0 url(images/note_msg_icon.gif) no-repeat 10px 10px !important; color:#3d6611 !important; }
.warning-msg { border:1px solid #666e73 !important; background:#e6e6e6 url(images/warning_msg_icon.gif) no-repeat 10px 10px !important; color:#000000 !important; }
.validation-advice { clear:both; min-height:15px; margin:3px 0 0 9px; background:url(images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:16px; font-size:.95em; font-weight:bold; line-height:1.25em; }
input.validation-failed, textarea.validation-failed { background:#fef0ed; border:1px dashed #d6340e; }


/* Form Elements */
input.input-text, textarea,select { border-width:1px; border-style:solid; border-color:#aaa #c8c8c8 #c8c8c8 #aaa;}
select { min-height:17px; /* to set the height for empty selects */ }
input.input-text,textarea       { padding:2px; }

/* Form List */ /* Table for default form data */
.form-list                      { margin-left: 20px;}
.form-list td                   { padding-top:5px !important; padding-bottom:5px !important;}
.form-list td.label             { width:150px; }
.form-list td.label label       { display:block; width:150px; padding-right:15px; }
.form-list td.value input.input-text,
.form-list td.value textarea    { width:374px; }
.form-list td.value textarea    { height:12em; }
.form-list td.value select      { width:380px; }
.form-list td.use-default       { padding-left:15px; }
.form-list td.note              { background:url(images/note_cell_bg.gif) no-repeat 6px 10px !important; padding-left:18px; }
.form-list td.scope-label       { padding-left:5px; color:#6f8992; font-size:.9em; }

.columns .form-list             { width:auto; }
.columns .form-list td.value    { width:280px; padding-right:5px !important; }
.columns .form-list td.value .next-toinput { width:75px; display:inline; margin-right:5px; }
.columns .form-list td.value .next-toselect input.input-text { width:180px; display:inline; }

/* Back compatibility with span forms */
.entry-edit .field-row          { display:block; }
.entry-edit .field-row label    { float:left; width:150px; }

/* Form Button */
.content-buttons .form-buttons,
.content-header .form-buttons   { text-align:right; margin-bottom:0; white-space:nowrap; }
.content-header .content-buttons-placeholder { display:inline !important; float: right; margin-bottom:0px; white-space: nowrap;}
.content-header .form-buttons   { float:right; }
.content-header td.form-buttons   { float:none; }
.content-header .form-buttons button { margin-bottom:3px; }
.sub-btn-set { border:1px solid #ddd; border-width:0 1px; background:url(images/sub_button_bg.gif) repeat; padding:3px 10px; text-align:right; }
button, .form-button { border-width:1px; border-style:solid; border-color:#ed6502 #a04300 #a04300 #ed6502; padding:0 4px 1px 4px; background:#ffac47 url(images/btn_bg.gif) repeat-x 0 100%; color:#fff; font:bold 12px Arial; cursor:pointer; text-align:center !important; white-space:nowrap; }
button:hover                    { background:url(images/btn_over_bg.gif) repeat-x 0 0 #f77c16; }
button:active                   { background:url(images/btn_on_bg.gif) repeat-x 0 0 #f77c16; }
button span                     { line-height:1.35em; background-repeat:no-repeat; background-position:0 50%; }
button.delete,
button.save,
button.question,
button.add                      { }
button.cancel span, button.delete span, button.question span,button.save span, button.add span, button.back span { padding-left:18px; }
button.back { border-color:#ccc #aaa #aaa #ccc; background-color:#fff; background-image:url(images/btn_back_bg.gif); color:#555; }
button.back span                { background-image:url(images/icon_btn_back.gif); }
button.cancel:active            { background-image:url(images/cancel_btn_active_bg.gif); }
button.cancel,
button.delete    { border-color:#d24403 #a92000 #a92000 #d24403; background-image:url(images/cancel_btn_bg.gif); background-color:#fcaf81; color:#fff; }
button.cancel:hover, button.delete:hover { background-image:url(images/cancel_btn_over_bg.gif); }
button.cancel:active,
button.delete:active            { background-image:url(images/cancel_btn_active_bg.gif); background-color:#e0612f; }
button.cancel span,
button.delete span { background-image:url(images/cancel_btn_icon.gif); }
button.add span     { background-image:url(images/add_btn_icon.gif); }
button.save span    { background-image:url(images/save_btn_icon.gif); }
button.question span { background-image:url(images/question_btn_icon.gif); }

button.disabled,
button.disabled:hover,
button.disabled:active { border-color:#777 #505050 #505050 #777; background:#919191 url(images/btn_bg-disabled.gif) 0 0 repeat-x; color:#fff; cursor:default; opacity:.8; }
button.add.disabled span { background-image:url(images/add_btn_icon-disabled.gif);}

button.icon-btn {width:32px!important; }
button.icon-btn span {text-indent:-999em; display:block; width:16px; padding:0; overflow:hidden; }


/* SWITCHER
*******************************************************************************/
.switcher { margin-bottom:10px; border:1px solid #cddddd; background:#e7efef; padding:10px; }
.side-col .switcher select { width:100%; }
/*.side-col .switcher     { margin-right:20px; margin-bottom:20px; }*/
.catalog-categories .side-col .switcher { margin-right:0; margin-bottom:15px; }


/* SPACE
*******************************************************************************/
.box-left, .box-right   { width:48.5%; }
.box-left               { float:left; }
.box-right              { float:right; }
.box-left .content,
.box-right .content     { padding:6px 14px; }
.separator, .pipe       { padding:0 6px; font-size:.9em; } /* vertical pipe */
.divider                { display:block; height:1px; margin:8px 0; background:#ddd; overflow:hidden; }  /* horizontal pipe */
td.divider              { font-size:1px; line-height:0; }
.box,
.entry-edit fieldset,
.entry-edit .fieldset { border:1px solid #d6d6d6; background:#fafafa; }


/*******************************************************************************/
.scroll-cont {
    position:absolute;
    top:-25px;
    left:503px;
    width:16px;
    height:265px;
    background:transparent url(images/db-scroll-bg.gif) no-repeat top;
    z-index:10000;
    }
.auto-scroll                { overflow:auto; height:11em; }
.root                       { position:relative; height:260px; margin:0; width:1px; }
.thumb                      { position:absolute; height:40px; width:16px; margin-top:-28px; z-index:11000; }
.up                         { margin-top:254px; height:16px; }
.dn                         { margin-top:0; padding:0; height:15px; }
.up a, .up a img,
.dn a, .dn a img,
.thumb a ,
.thumb a img                { border:0; }
.up a:active, .dn a:active  { outline:none; }
.scrollContainer {
    position:absolute;
    left:0;
    top:19px;
    clip:rect(0 467px 200px 0);
    overflow:auto;
    border:0;
    }
.scrollContent              { position:absolute; left:0; top:0; }

/* Horizontal scroll */
.hor-scroll                 { width:100%; overflow:auto; padding-bottom:4px;} /* IE has personal style, see iestyles.css */


/**/
.note-list { width:100%; overflow:hidden; }
.note-list li { border-top:1px solid #e3e3e3; margin-top:9px !important; background:url(images/icon_note_list.gif) no-repeat 0 4px; padding-bottom:9px; padding-left:18px; }



/* LAYOUT
*******************************************************************************/
.wrapper { width: 100%; margin-top: 20px; }
.wrapper-popup { min-width:750px; }                                                      
.middle { }
.middle-popup { border-bottom:3px solid #fff; background:url(images/middle_bg.gif) repeat-x 0 100% #fff; padding:0 0 0 0; background:yellow; }
.container-collapsed { padding:1.8em 2.2em 1.8em 2em; padding-top:0; }
.columns {background:url(images/side_col_bg.gif) repeat-y 217px 0; }

div.side-col { float:left; width:220px; margin-right:-220px; padding-bottom:25px; }
div.main-col { margin-left:220px; min-height:450px; padding:0 0 25px 25px; }
div.main-col-inner { float:left; /* Fixes some inner clears in the liquid main-col */ width:100%; }
                   
.simple-container-popup { min-height:50px !important; padding:1.8em 2.3em 6em 2.3em; background:url(images/simple_container_bg.gif) repeat-x; }

/* HEADINGS
********************************************************************************************/

/* Content Header */
.content-header {
    margin-bottom: 18px;            
    border-bottom: 2px solid #FFCF7C;
    padding-bottom: 2px;
	margin-top: 10px;
    }
.content-header table           { width:100%; }
.content-header h3              { float:left; margin:.3em .5em 0 0; color:#eb5e00; font-size:14px; line-height:1.2em; }
.content-header .head h3        { float:none; }
.content-header .button-set     { white-space:nowrap; text-align:right; }
.content-header .content-buttons  { white-space:nowrap!important; margin:0; }
.content-header td.content-buttons  { width:13%;white-space:nowrap!important; margin:0; }
.content-buttons button,
.content-header button,
.filter-actions button          { margin:0 0 0 5px; }
.side-col .content-header       { border-bottom:0; margin-right:12px; margin-bottom:.6em; }
.catalog-categories .side-col .content-header { margin-right:0; }  /* Catalog/Categories */

.left-col-block { width:200px; }   
             
              
/*****************************************/
/******** ALIGNMENTS AND CLEARS **********/
/*****************************************/

/* Directional and spacial */
.f-left, .left      { float:left; }
.f-right, .right    { float:right; }
.v-top              { vertical-align:top; }
.v-middle           { vertical-align:middle !important; }
.v-bottom           { vertical-align:bottom; }
.a-left             { text-align:left !important; }
.a-center           { text-align:center !important; }
.a-right            { text-align:right !important; }
.nm                 { margin:0 !important; }
.np                 { padding:0 !important; }
.no-display         { display:none; }
.no-show            { display:none; }
.nowrap, .nobr      { white-space:nowrap; }
.wrap               { white-space:normal !important; }
.no-float           { float:none !important; }
.pointer            { cursor:pointer; }

/* Color */
.emph, .accent      { color:#eb5e00 !important; }
.subdue             { color:#306375; }

/* Font */
.bold               { font-weight:bold !important; }
.normal             { font-weight:normal !important; }

/* Clear */ /* This keeps our HTML free of buncha clearing elements */
.wrapper:after,
.bundle .option-title:after,
.columns:after,
.main-col:after,
.content-header-floating:after,
.entry-edit .entry-edit-head:after,
.content-header:after,
.login-box .button-set:after,
ul.tabs-horiz:after,
.header-top:after,
dl.accordion dt:after,
.field-100:after,
.entry-edit fieldset li:after,
.entry-edit fieldset span:after,
.content:after,
#topnav:after,
.main:after,
.container:after,
.middle:after,
.header:after,
.box-head:after,
div.actions:after,
.tier-container:after,
.clear:after,
.notification-global:after { display:block; clear:both; content:"."; font-size:0; line-height:0; height:0; overflow:hidden; }