/*main.css*/
.tinymce {width: 564px; height: 400px;}
.defaultSkin {display: block; width: 564px; height: 200px;}
#form_jrs_content_parent.defaultSkin {height: 400px;}
.mceLayout {width: 564px; height: 400px}
.error_message {font-weight: bold; color: #990000;}

/*modal_windows*/
.new_component_storno {float: right;}
.confirm_no_submit {float: right;}
.modal_window_status {display:none;}

.date_item{position: relative}
.date_item .date_null_item{position: absolute; width: 80px; height: 28px; left: 160px; top: 29px}
.element_group_edit .text_input_date{width:150px}
.date_input_item, .date_interval_input_item{position: relative;}
.date_input_item .text_input_date, .date_interval_input_item .text_input_date{width:180px}
.date_input_item .date_null_item, .date_interval_input_item .date_null_item, .date_interval_input_item .date_null_item{position: absolute; width: 80px; height: 28px; left: 195px; top: 34px}
.date_interval_input_item .date_null_item.item_1{top: 67px}

.swfupload_item{/*position: relative;*/}
.swfupload_item a{display: block; width: 60px; height: 60px;}
.swfupload_item img{display:inline;}
.swfupload_item .user_shop_swf{position: relative; z-index: 5; /*width: 120px; height: 28px; left: 164px; top: 29px; display: inline;*/}
.swfupload_item .user_shop_swf_null{position: absolute; z-index: 5; width: 120px; height: 28px; left: 125px; top: 0px;}

.element_group_edit .user_shop_method_item{
  display: block;
  clear: both;
  padding-top: 5px;
}

.element_group_edit .user_shop_method_item label{
  float: left;
  clear: left;
  width: 100px;
  padding-top: 6px;
  color: rgb(75,75,75);
}

.element_group_edit .user_shop_method_item .text_input{
  float: left;
  clear: right;
  width: 456px;
}

.element_group_edit .user_shop_attribute_item{
  display: block;
  clear: both;
  padding-top: 5px;
}

.element_group_edit .user_shop_attribute_item input{
  display: block;
  float: left;
  clear: left;
  margin-top: 2px;
}

.element_group_edit .user_shop_attribute_item span{
  float: left;
  clear: right;
  font-size: 13px;
  color: rgb(75,75,75);
  margin-left: 10px;
}

/* COUPON TABLE BEGIN */
#table_working{
  display: block;
  clear: both;
  position: absolute;
  width: 960px;
  height: 614px;
  background: rgb(0,0,0);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  opacity: 0.1;
  filter: alpha(opacity=70);
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  z-index: 1000;
}
#table_working_img{
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 391px;
  left: 464px;
  background: url('../img/loading.gif');
  z-index: 1001;
}
.table_head, .table_body{
  font-size: 12px;
  font-weight: normal;
}
.table_outer{
  display: block;
  width: 944px;
  height: 448px;
  overflow-y: scroll;
}
.table_head {
  border-bottom: 1px solid rgb(235, 235, 235);
}
.table_head tr{
  height: 25px;
  background: rgb(245,245,245);
}
.table_body tr{
  height: 25px;
}
.table_body tr.odd{
  background: rgb(245,245,245);
}
.table_body tr:hover td{
  background: rgb(235,235,235);
}
.table_head th, .table_body td{
  padding: 3px 3px 0px;
  text-align:left;
  border-right: 1px solid rgb(235, 235, 235);
}
.table_body td{
  padding: 2px 3px;
  text-align: right;
  cursor: pointer;
}
.table_head .label {
  display: block;
  float: left;
  width: auto;
}
.table_head .descendent, .table_head .ascendent, .table_body .btn_edit, .table_body .btn_delete{
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  margin-top: 3px;
  cursor: pointer;
}
.table_head .descendent {
  background: url("../img/table/table_descendent.png") left top no-repeat;
}
.table_head .ascendent {
  background: url("../img/table/table_ascendent.png") left top no-repeat;
}
.table_body .btn_edit, .table_body .btn_delete {
  width: 16px;
  height: 16px;
  margin-top: 0px;
}
.table_body .btn_edit{
  background: url("../img/table/btn_edit.png") left top no-repeat;
}
.table_body .btn_delete{
  background: url("../img/table/btn_delete.png") left top no-repeat;
}
.coupon_id{
  width: 80px;
}
.coupon_number, .coupon_count{
  width: 115px;
}
.coupon_price{
  width: 110px;
}
.coupon_date{
  width: 130px;
}
.coupon_percent{
  width: 145px;
}
.coupon_price_min{
  width: 116px;
}
.table_head th.coupon_action{
  border-right: 0px;
  width: 78px;
}
.table_body td.coupon_action{
  border-right: 0px;
  width: 61px;
}
.table_body td.coupon_number{
  text-align: left;
}
/* COUPON TABLE END */

.defaultSkin table.mceLayout tr.mceLast td{
  height: 100%;
}

/* NEWSLETTER RECIPIENT TABLE BEGIN */
.recipient_id{
  width: 100px;
}
.recipient_email{
  width: 286px;
}
.recipient_name{
  width: 286px;
}
.recipient_date{
  width: 160px;
}
.table_body td.recipient_email, .table_body td.recipient_name, .table_body td.recipient_date{
  text-align: left;
}
.table_head th.recipient_action{
  border-right: 0px;
  width: 78px;
}
.table_body td.recipient_action{
  border-right: 0px;
  width: 61px;
}
/* NEWSLETTER RECIPIENT TABLE END */

#menu_form_component_edit_jrs_content_contextmenu .defaultSkin{
  height: 100%;
}

#component_edit_form .defaultSkin table.mceLayout tr.mceLast td{
  height: auto;
}

/* PRODUCT CURRENCY BEGIN */
.shop_currency_container{
  display: block;
  clear: both;
  position: relative;
  padding-top: 15px;
}
.shop_exchange_rate_load{
  display: block;
  clear: btoh;
  position: absolute;
  right: 0;
  top: 10px;
}
.shop_exchange_rate_load_btn{
  display: block;
  clear: btoh;
  width: 120px;
  height: 28px;
  background: url('../img/form/load_exchange_rate_cs.png') left top no-repeat;
  cursor: pointer;
}
.shop_exchange_rate_load_btn span{
  display: none;
}
.shop_currency_list,
.shop_currency_items{
  display: block;
  width: 271px;
  float: left;
  clear: left;
  height: 150px;
  border: 1px solid rgb(0,153,204);
  background: rgb(255,255,255);
  overflow: auto;
}
.shop_currency_items{
  width: 281px;
  float: right;
  clear: right;
}
.shop_currency_container ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.shop_currency_container li{
  display: block;
  clear: both;
  height: 24px;
  border-bottom: 1px solid rgb(0,153,204);
  border-top: 1px solid rgb(255,255,255);
  padding: 2px 5px 1px;
  min-height: 21px;
  cursor: pointer;
}
.shop_currency_container .action,
.shop_currency_container .flag,
.shop_currency_container .currency{
  display: block;
  float: left;
  cursor: pointer;
}
.shop_currency_container .action{
  width: 32px;
  height: 24px;
}
.shop_currency_container .flag{
  width: 24px;
  height: 24px;
}
.shop_currency_container .currency{
  width: 70px;
  font-size: 13px;
  margin: 2px 0px 0px 5px;
}
.shop_currency_container .action span,
.shop_currency_container .flag span{
  display: none;
}
.shop_currency_container .insert{
  background: url('../img/gallery/insert_bgt.png') left 2px no-repeat;
}
.shop_currency_container .ok{
  background: url('../img/gallery/ok-small_bgt.png') left 1px no-repeat;
}
.shop_currency_container .delete{
  background: url('../img/gallery/delete_bgt.png') left 2px no-repeat;
}
.shop_currency_container .flag_czk{
  background: url('../img/currency/czk.png') left 4px no-repeat;
}
.shop_currency_container .flag_eur{
  background: url('../img/currency/eur.png') left 4px no-repeat;
}
.shop_currency_container .flag_usd{
  background: url('../img/currency/usd.png') left 4px no-repeat;
}
.shop_currency_container .exchange_rate{
  display: block;
  float: left;
  width: 80px;
  padding: 1px 3px;
  margin-left: 10px;
  font-size: 13px;
  border: 1px solid rgb(0,153,204);
  text-align: right;
}
.shop_rate_loading{
  display: none;
  clear: right;
  float: left;
  width: 16px;
  height: 16px;
  margin: 3px 0px 0px 5px;
}
.shop_currency_default_container{
  display: block;
  clear: both;
}
.shop_currency_default_item{
  display: block;
  clear: both;
  font-size: 13px;
  margin-top: 5px;
}
.shop_currency_default_item .label{
  display: block;
  clear: left;
  float: left;
  width: 150px;
  margin-top: 2px;
  font-weight: bold;
}
.shop_currency_default_item .select{
  display: block;
  clear: right;
  float: left;
  width: 100px;
  margin-top: 0px;
}
.product_currency_default{
  width: 100px;
}
/* PRODUCT CURRENCY END */

/* TREE FILTER BEGIN */
#tree-filter{
  display: block;
  clear: both;
  height: 36px;
  background: url('../img/tree_box_top.png') left 34px repeat-x;
}
.tree-filter-icon{
  display: block;
  float: left;
  clear: left;
  width: 26px;
  height: 26px;
  margin: 4px 0px 0px 32px;
  background: url('../img/tree_box/rrw_filter_small.png') left top no-repeat;
}
.tree-filter-icon.loading{
  background: url('../img/tree_box/rrw_filter_loading.gif') 5px 5px no-repeat;
}
#tree-filter-value{
  display: block;
  float: left;
  width: 191px;
  margin: 3px 0 0 -4px;
  padding: 4px 3px;
  border: 1px solid rgb(225,225,225);
  font-size: 13px;
}
.tree-filter-btn{
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  margin: 3px 0 0 3px;
  background: rgb(225,225,225);
  cursor: pointer;
}
.tree-filter-btn#tree-filter-search{
  background: url('../img/tree_box/rrw_search_button_small.png') left top no-repeat;
}
.tree-filter-btn#tree-filter-reset{
  background: url('../img/tree_box/rrw_storno_button_small.png') left top no-repeat;
}
.tree-filter-btn#tree-filter-export{
  clear: right;
  background: url('../img/tree_box/rrw_export_button_small.png') left top no-repeat;
}
.tree-filter-btn span
,.tree-filter-icon span{
  display: none;
}
/* TREE FILTER END*/

#related_link_items{
  display: block;
  clear: both;
}
#relatedLinkAdd{
  font-size: 13px;
  font-weight: bold;
  color: rgb(0,153,204);
  cursor: pointer;
}
#relatedLinkAdd:hover{
  text-decoration: underline;
}
.related_link_container{
  display: block;
  clear: both;
  position: relative;
  width: 562px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(0,153,204);
}
.related_link_container .relatedLinkDel{
  display: block;
  position: absolute;
  top: 3px;
  right: 0px;
  width: 16px;
  height: 16px;
  background: url('../img/datepicker/reset.png') left top no-repeat;
  cursor: pointer;
}
.related_link_container .relatedLinkDel span{
  display: none;
}
.related_link_item
,.address_item
,.opening_hours_item{
  display: block;
  clear: both;
}
.related_link_item label
,.address_item label{
  display: block;
  float: left;
  clear: left;
  width: 80px;
  padding-top: 6px;
}
.opening_hours_item label{
  display: block;
  float: left;
  clear: left;
  width: 70px;
  padding-top: 6px;
}
.related_link_item .text_input{
  display: block;
  float: left;
  clear: right;
  width: 456px;
}
.address_item .text_input{
  display: block;
  float: left;
  clear: right;
  width: 476px;
}
.opening_hours_item .text_input{
  display: block;
  width: 69px;
  padding-right: 20px;
}
.opening_hours_item div{
  display: block;
  position: relative;
  width: 93px;
  float: left;
  clear: none;
  margin-left: 10px;
}
.opening_hours_item div.next{
  margin-left: 49px;
}
.opening_hours_item span.coma{
  display: block;
  float: left;
  clear: none;
  width: 10px;
  margin-left: 10px;
  padding-top: 4px;
  text-align: center;
}
.opening_hours_item span.reset{
  display: block;
  position: absolute;
  top: 7px;
  right: 3px;
  width: 16px;
  height: 16px;
  background: url('../img/datepicker/reset.png') left top no-repeat;
  cursor: pointer;
}
.opening_hours_item span.reset span{
  display: none;
}

/*permission begin*/
.permission-container
,.permission-container *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
}
.permission-container{
  width: 556px;
  margin-top: 3px;
  font-size: 12px;
}
.permission-container .header{
  display: block;
  clear: both;
}
.permission-container .items{
  display: block;
  clear: both;
  width: 100%;
  height: 300px;
  margin-top: 3px;
  border: 1px solid rgb(0,153,204);
  overflow-x: hidden;
  overflow-y: scroll;
}
.permission-container ul{
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.permission-container li{
  display: block;
  clear: both;
  padding: 3px 0 0 3px;
  margin: 0px;
  min-height: 18px;
}
.permission-container li .item{
  position: relative;
  height: 18px;
  margin: 0 0 0 16px;
}
.permission-container li .item:hover{
  background-color: rgb(225,225,225);
}
.permission-container li .hitarea{
  display: block;
  float: left;
  width: 16px;
  height: 18px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.permission-container li .hitarea.expandable-hitarea{
  background: url("../img/permission/expandable.png") 1px 2px no-repeat;
}
.permission-container li .hitarea.collapsable-hitarea{
  background: url("../img/permission/collapsable.png") 1px 2px no-repeat;
}
.permission-container li .hitarea.loading{
  background: url("../img/permission/ajax-loader.gif") 0 1px no-repeat;
}
.permission-container li .item-row{
  float: none;
  clear: none;
  margin-right: 163px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.permission-container li .title{
  margin: 0;
  padding: 0 0 0 3px;
  cursor: default;
}
.permission-container li .buttons{
  position: absolute;
  top: 0;
  right: 0;
  width: 163px;
  height: 18px;
  padding-top: 3px;
}
.permission-container li .buttons input{
  margin: 0 5px;
  cursor: pointer;
}
.permission-container li ul{
  display: none;
  padding-left: 14px;
}
.row1
,.row2{
  display: block;
  clear: both;
  width: 163px;
  margin-left: 375px;
}
.row1 span{
  display: block;
  float: left;
  width: 69px;
  text-align: center;
}
.row2 span{
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  margin: 0 5px;
  text-align: center;
}
.row1 span.component
,.row2 span.component{
  width: 92px;
}
.row2 span span{
  display: none;
}
.row2 span.view {
  background: url("../img/permission/view.png") 0 1px no-repeat;
}
.row2 span.add {
  background: url("../img/permission/add.png") 0 0 no-repeat;
}
.row2 span.edit {
  background: url("../img/permission/edit.png") -1px 0 no-repeat;
}
.row2 span.delete {
  background: url("../img/permission/delete.png") -1px 0 no-repeat;
}
/*permission end*/

/*text list begin*/
.list_text{
  display: block;
  clear: both;
}
.list_text_add{
  font-size: 13px;
  font-weight: bold;
  color: rgb(0,153,204);
  cursor: pointer;
}
.list_text_add:hover{
  text-decoration: underline;
}
.list_text_container{
  display: block;
  clear: both;
  position: relative;
  width: 562px;
  padding-bottom: 5px;
}
.list_text_container .list_text_del{
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  width: 16px;
  height: 16px;
  background: url('../img/datepicker/reset.png') left top no-repeat;
  cursor: pointer;
}
.list_text_container .list_text_del span{
  display: none;
}
.list_text_item{
  display: block;
  clear: both;
}
.list_text_item .text_input{
  width: 535px;
}
/*text list end*/