@CHARSET "UTF-8";

/* NEW */
.href_more { display: block; width: 73px; height: 26px; background: url(../images/gumb_vec.png) no-repeat top left; }

#hb_toolbar { margin-left: 188px }
#hb_toolbar span { float: left}
span.user_icon { background: url(../images/icon_name.jpg) no-repeat top left; width: 35px; height: 33px; display: block; margin-top: 7px; }
span.user_data { padding-left: 8px; color: #ffffff; margin-top: 16px; width: 275px; font-size: 12px }
span.user_logout { margin-top: 16px; padding: 0px 8px; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; font-size: 12px; margin-right: 15px; float: right !important;}
span.user_logout a { color: #4e4d4d; }

div.search_bar { float: right; width: 292px; background-color: #b4b9ba; height: 40px; margin-top: 1px; }
div.search_bar>form {  }
div.search_bar>form input   { margin: 0 0; padding: 0 0; border: 0px; border: 0px solid #aa0000; float: left; -moz-box-shadow: none }
div.search_bar span.label { width: 73px; height: 42px; display: block; text-align: center; background: url(../images/top_search_label.jpg) no-repeat top left; float: left;}
div.search_bar span.tb { width: 178px; height: 42px; display: block; background: url(../images/top_search_bg.jpg) no-repeat top left; border: 0px solid; overflow: hidden; }
div.search_bar span.tb>input { margin: 11px 10px 10px 35px; }
div.search_bar input[type="image"] { width: 41px; height: 42px; display: block; background: url(../images/top_search_btn.jpg) no-repeat top left; position: relative; margin: 0 0; padding: 0 0 }


.data_box { margin-bottom: 15px;  }
.data_box_head { background: url(../images/db_left.png) no-repeat top left; height: 38px; }
.data_box_title { margin-left: 3px; margin-right: 41px; background: url(../images/db_bg.png) repeat-x top left; height: 38px; color: #3b3b3b; font-size: 14px; font-weight:bold; padding: 10px 16px }
.data_box_open { cursor: pointer; background: url(../images/db_icon_open.png) no-repeat top right; width:41px; height: 38px; float: right }
.data_box_no_icon { cursor: pointer; background: url(../images/db_noicon.png) no-repeat top right; width:41px; height: 38px; float: right }
.data_box_closed { cursor: pointer; background: url(../images/db_icon_closed.png) no-repeat top right; width:41px; height: 38px; float: right }
.data_box_content { background-color: #ffffff; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 8px 18px; overflow: visible; }

.data_box_title span.Moji-podatki {  background: url(../images/db_icon_mydata.png) no-repeat top left; width: 26px; height: 26px; display: block; float: left; margin-right: 10px; }

.sd_box { }
.sd_head > .sd_hleft { background: url(../images/tbl_levo_zg.png) no-repeat top left; display: block; width: 6px; height: 29px; float: left }
.sd_head > .sd_htitle { background: url(../images/tbl_bg_zg.png) repeat-x top left; height: 29px; margin: 0px 6px 0px 6px }
.sd_htitle > span { color: #ffffff; font-size: 12px; padding: 7px 0px 0px 5px; display: block }
.sd_head > .sd_hright {  background: url(../images/tbl_desno_zg.png) no-repeat top right; display: block; width: 6px; height: 29px; float: right }
.sd_content { border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; max-width: 350px; }
.sd_foot > .sd_fleft { background: url(../images/tbl_levo_sp.png) no-repeat top left; display: block; width: 6px; height: 14px; float: left }
.sd_foot > .sd_fmiddle { background: url(../images/tbl_bg_sp.png) repeat-x top left; height: 14px; margin: 0px 6px 0px 6px; }
.sd_fmiddle > span { background: url(../images/tbl_puscica.png) no-repeat top right; display: block; width: 24px; height: 14px; margin: 0px auto }
.sd_foot > .sd_fright { background: url(../images/tbl_desno_sp.png) no-repeat top right; display: block; width: 6px; height: 14px; float: right }


/* SERVICE LIST */
table.services { border-collapse: collapse; background-color: #bababa; background-color: #eeeeee; width: 100% }
table.services td, table.services th { padding: 3px; }
table.services thead th { border-bottom: 1px solid #a7a7a7; border-top: 1px solid #a7a7a7; background-color: #ffffff; text-align: left; font-weight: normal }
table.services tbody td { border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; color: #000000; height: 27px }
table.services tbody td a { color: #000000; }
table.services tfoot th { border-top: 1px solid #a7a7a7; background-color: #ffffff; }
table.services td.sklop_dodatki { padding-left: 15px }
table.services td.dodatki { padding-left: 25px }
table.services td.sklop_v_paketu { color: navy }
table.services tr:hover td { background-color: #fafad2 }
.normalt { font-weight: normal }
table.coupons tr td:first-child { width: 134px; text-align: center; }
table.coupons tr td:last-child { width: 153px; }

/* default SS table */
table.ss_table { border-collapse: collapse; background-color: #bababa; background-color: #eeeeee; width: 100% }
table.ss_table td, table.ss_table th { padding: 4px 4px; }
table.ss_table thead th { border-bottom: 1px solid #a7a7a7; border-top: 1px solid #a7a7a7; background-color: #ffffff; text-align: left; font-weight: normal }
table.ss_table tbody td { border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; color: #000000; height: 27px}
table.ss_table tbody td a { color: #000000; }
table.ss_table tfoot th { border-top: 1px solid #a7a7a7; background-color: #ffffff; }


table.services .tdbold { font-weight: bold }

table.services .duedate { width: 120px; }
table.services .packet_label { width: 120px; }
table.services .service_label { width: 140px; }
table.services .status { width: 120px; }
table.services .price { width: 80px; }
table.services .icon{ width: 40px; }
table.services .subprocess300{ width: 230px; }


.even { background-color: #f6f6f6  }

div.usage_screen { background: url(../images/poraba.jpg) no-repeat top left; min-height: 745px; width: 546px}

td.process_icon { background: url(../images/ico_edit_pencil.png) no-repeat center left;  }
td.suggest1_icon { background: url(../images/ico_edit_star_yellow.png) no-repeat center left;  }
td.suggest2_icon { background: url(../images/ico_edit_star_green.png) no-repeat center left;  }
td.suggest3_icon { background: url(../images/ico_edit_star_red.png) no-repeat center left;  }
td.item_process_icon { background: url(../images/icon_dodaj_storitev1.png) no-repeat top left;  }
.item_process_icon_new { background: url(../images/dodaj.png) no-repeat center center !important; width: 34px; height: 29px; }
td.remove_icon { background: url(../images/delete.gif) no-repeat top left;  }
td.preview_icon { background: url(../images/ico_edit_eye.png) no-repeat center left; }
td.print_icon { background: url(../images/ico_edit_print.png) no-repeat center left; }
td.pdf_icon { background: url(../images/ico_edit_pdf.png) no-repeat center left; }

td span.icon_block { min-height: 27px; min-width: 5px; display: block; cursor: pointer }
/*td.process_icon div { display: none; }*/
/*.process_icon div { display: none; }*/

.service_add div { }
.service_add { background: url(../images/icon_dodaj_storitev.png) no-repeat top left; padding-left: 20px;; min-height: 20px; width: 100px }

.hint>div { }

.processDialog { margin-top: 10px; }
p.addProcessListTitle { background-color: #535353; color: #ffffff; font-weight: bold; padding: 5px 5px; }
ul.addProcessList { background-color: #f2f2f2; min-width: 150px; padding: 0px 5px 5px 5px }
ul.addProcessList li { display: block; line-height: 20px; min-height: 20px; padding: 0px 15px; border-bottom: 1px solid #dcd3c4 }
ul.addProcessList li:hover { background-color: #fae083 }
ul.addProcessList li>a { color: #000000 }

.wizard_form_label { border: none; background: none; -moz-box-shadow:none; cursor: default }

/* OLD */

#content h3 { padding: 5px 5px; font-size: 14px; color: #ff3366; font-weight: bold; margin-top: 10px; display: block; border-bottom: 1px solid #ff3366; }

#content ul { list-style-position: inside; overflow: auto; }
#content ul li { /*padding-left: 5px; line-height: 18px;*/ }
#content ul li>span { color: #000000 }

ul.no-decoration { list-style-type: none; }

.account_contacts { border: 1px solid #686868; margin: 5px 0px; }
.btn {  color: #ffffff; padding: 2px 5px; background-color: #686868; overflow:auto; display: block }


#process-steps { list-style-type: none }
#process-steps li { float: left; margin-right: 10px; background: url(../images/wiz_nact_bg.png) repeat-x top left;  display: block; min-width: 144px; min-height: 50px; font-size: 11px; font-weight: bold; color:#3B3B3B; line-height: 35px; }
#process-steps li.active { background: url(../images/wiz_act_bg.png) repeat-x top left;  display: block; min-width: 144px; height: 50px; }
#process-steps li span.order { font-size: 14px; color: #ffffff !important; float: left; padding: 0px 5px; }
#process-steps li.active span.activebg { background: url(../images/wiz_act_l.png) no-repeat top left; display: block; height: 50px; padding-right: 10px; }


.help_td_left { border-right: 1px solid #ebebeb }
.help_td_left p { padding: 10px 5px; color:  #ff3366 }
.help_td_left p a { color:  #000000 }
.help_td_right { padding: 5px 5px  }
.help_td_right h2 { padding: 5px 0 10px 0px ; margin: 0 0; border-bottom: 1px solid #ebebeb }
.help_td_right div { margin: 10px 0; }
.help_td_right div ul>li { margin-left: 20px; }

.help_td_right div table {  border-collapse: collapse; width: 100% }
.help_td_right div table td, table.ss_table th { padding: 4px 4px; }
.help_td_right div table thead th { border-bottom: 1px solid #a7a7a7; border-top: 1px solid #a7a7a7; background-color: #ffffff; text-align: left; font-weight: normal }
.help_td_right div table tbody td { border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; color: #000000; height: 27px}
.help_td_right div table tbody td a { color: #000000; }
.help_td_right div table tfoot th { border-top: 1px solid #a7a7a7; background-color: #ffffff; }

.help_active { font-weight: bold }


.dashboard_news { list-style-type: none; }
.dashboard_news .dnt {  padding: 10px 0px 0px 0px;  }
.dashboard_news .dnt, .dashboard_news .dnt a { font-size: 13px; font-weight: bold; color: #000000; margin-bottom: 10px; }
.dashboard_news .dnd { overflow: auto; display: block; padding: 5px 0px }
.dashboard_news .dnl { margin-bottom: 10px; padding: 0px 0px 10px 0px;  border-bottom: 1px solid #ebebeb;}
.dashboard_news .dnl a { color: #000000; font-weight: bold }

ul.account-news>li a { color: navy }
ul.account-news>li a:hover { color: #868686 }
ul.account-news>li span { font-style: italic; font-size: 11px; }

.pagination { text-align: center }
.usage_export { text-align: right }

.nagovor {
    font-size: 12px;
    padding: 5px 5px;
    color: #686868;
    background-color:#fef7ec;
    margin-bottom: 5px;
    border: 1px solid #f59000;
}
.nagovor b { font-size: 12px; }

/* --- LOYALTY PROGRAM --- */

#loyalty_left { float: left; width: 470px; }
#loyalty_right { margin-left: 475px; }
#loyalty_right p, #loyalty_right strong { font-size: 12px }
#loyalty_left p.loyalty_text { padding: 10px 15px 10px 20px; }
#loyalty_right p.loyalty_text { padding: 10px 15px 10px 10px; }
#loyalty_right p.loyalty_status { padding-left: 8px }

#loyalty_form { width: 460px; }
#loyalty_form_header { background: url(../images/loyalty_form_bg_top.png) no-repeat top left; height: 43px; display: block; overflow: hidden }
#loyalty_form_content { background: url(../images/loyalty_form_bg.png) repeat-y top left; }
#loyalty_form_footer { background: url(../images/loyalty_form_bg_bottom.png) no-repeat top left; height: 7px; display: block }

#loyalty_form_header span { float: left; margin-top: 4px; display: block; height: 34px; margin-right: 2px; font-size: 12px; text-align: center; padding-top: 8px; }
#loyalty_form_header span a { color: #3b3b3b; }
.loyalty_tab1_active { background: url(../images/loyalty_tab1_active.png) no-repeat top left; width: 139px; margin-left: 15px;  ; font-weight: bold; }
.loyalty_tab1_not_active { background: url(../images/loyalty_tab1_notactive.png) no-repeat top left;  width: 139px; margin-left: 15px; }
.loyalty_tab2_active { background: url(../images/loyalty_tab2_active.png) no-repeat top left; width: 193px;  font-weight: bold; }
.loyalty_tab2_not_active { background: url(../images/loyalty_tab2_notactive.png) no-repeat top left; width: 193px; }

#loyaltyFormAddMore { background: url(../images/loyalty_btn_addmore.png ) no-repeat top left; height: 33px; width: 420px; display: block; margin: 5px 5px 5px 20px; font-size: 12px; color: #000000; font-weight: bold; cursor: pointer }
#loyaltyFormAddMore span { padding: 9px 0px 0px 35px; display: block }

.loyalty_step { background: url(../images/loyalty_step_bg.png ) no-repeat top left; height: 30px; width: 419px; display: block; font-size: 12px; color: #000000; clear: left; margin-left: 20px }
.loyalty_step span { padding: 6px 0px 0px 5px; display: block }

.loyalty_frm { margin: 0 0; }
.loyalty_frm dt { width: 170px; }
.addedform_content dl dt { width: 150px; }

.addedform { width: 420px; margin: 5px 5px 5px 20px }
.addedform_header { background: url(../images/loyalty_add_bg_top.gif) no-repeat top left; height: 33px; display: block; font-size: 12px; color: #000000; font-weight: bold; cursor: pointer }
.addedform_header span { padding: 9px 0px 0px 35px; display: block; }
.addedform_content { background: url(../images/loyalty_add_bg.gif) repeat-y top left; }
.addedform_footer { background: url(../images/loyalty_add_bg_bottom.gif) no-repeat top left; ; height: 12px; display: block }


.loyalty_submit input[type='image'] {
    position: relative;
    margin: 0 0;
    z-index: 0;
}

.loyalty_status_sum { height: 235px; background: url(../images/loyalty_status_sum.png) no-repeat top left; width: 451px; margin-left: 5px; padding: 55px 25px 15px 25px }
.loyalty_status_sum p, .loyalty_status_sum p>span { font-size: 15px; font-weight: bold; overflow: auto; height: 37px; }
.loyalty_status_sum p>span { float: right; width: 100px; height: 30px; display: block }
.loyalty_status_sum p.text_mini { font-size: 11px; text-align: right; padding-right: 70px; }

.loyalty_status_table { padding: 5px 5px 0 5px; }
.loyalty_status_table_inner {  background-color: #ffffff; padding: 5px 5px 0 5px; }

.sales_box { background: url(../images/sd_text_bg.gif) repeat-x center left; margin-bottom: 5px; overflow: auto; }
.sales_box_1 { background: url(../images/sb_rb.png) no-repeat bottom right; overflow: auto; }
.sales_box_2 { background: url(../images/new_sb_rt.png) no-repeat top right; overflow: auto; }
.sales_box_3 { background: url(../images/sb_lb.png) no-repeat bottom left; overflow: auto;}
.sales_box_4 { background: url(../images/sb_lt.png) no-repeat top left ; overflow: auto; }

.sales_box_inner { background: url(../images/sd_bulb_icon.png) no-repeat center left; min-height: 60px; }

.sales_box_inner p { margin-left: 75px; padding: 15px 15px; font-size: 12px; }
.sales_box_inner p>strong, .sales_box_right p>b  { font-size: 12px; }

#termsRegister ol>li { margin: 5px 0px 0px 0px }
#termsRegister ol { margin: 0px 0px }

.bill_open { color: red; font-weight: bold }
.bill_closed { color: green; font-weight: bold }

#loyalty_success { line-height: 18px }
#loyalty_success a { color:#dd0059; }


.wizard_combined_label {
    color: #403E3E;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    overflow: auto;
    padding: 2px 5px;
}

#wizardFrmBtn { position: absolute; margin-top: -49px; }                /* Mozilla Firefox */

/* == Using JavaScript to detect browser: css_browser_selector.js == */
.chrome #wizardFrmBtn { position: absolute; margin-top: -53px; }        /* Google Chrome */  
.ie #wizardFrmBtn { position: absolute; margin-top: -51px; }            /* Internet Explorer */
/* == == */

#wizardFrmBtn dl { width: 293px; padding: 0 0; margin: 0 0;  }
#wizardFrmBtn dl dt { display: none; width: 1px; }
#wizardFrmBtn dl dd { float: right; }

#selfcare_email_and_alias { text-align: center; }

/* AmisMobil */
input.send_coupon_email { width: 200px; }
table.print_send_coupon td { padding: 0px 5px; vertical-align: middle; }
span.send_coupon_error { color: red; font-weight: bold; }
span.send_coupon_success { color: green ; font-weight: bold; }
.coupon_button { width: 100px !important; height: 25px !important; }
p.coupon_line { width: 100%; border-bottom: 1px solid #a7a7a7; margin-bottom: 10px; }
#amismobil_pogoji_checkbox { vertical-align: middle; }
#amismobil_splosni_pogoji_text { cursor: pointer; }
#amismobil_splosni_pogoji_text:hover { text-decoration: underline; }
#amismobil_splosni_content { display: none; text-align: justify; }

.amismobil_coupon_action { border: 0px solid red; width: 100px; height: 18px; padding-top: 8px; float: left; padding-left: 30px; margin-top: 10px; margin-bottom: 10px; }
.amismobil_coupon_action a { color: #686868; font-weight: bold; }
#amc_print { background: url(../images/amismobil_print.png) left center no-repeat; }
#amc_save { background: url(../images/amismobil_save.png) left center no-repeat; }
span.amismobil_red { color: #ed1066; }
img.amismobil_redcheck { vertical-align: middle; margin-left: 10px; margin-right: 5px; }

.amismobil_subtitle { font-weight: bold; }