@font-face {
    font-family: Oxygen;
    src: url("fonts/Oxygen.otf") format("opentype");
}
@font-face {
    font-family: Oxygen;
    font-weight: bold;
    src: url("fonts/Oxygen-Bold.otf") format("opentype");
}
@font-face {
    font-family: Oxygen;
    font-weight: bold;
    font-style: italic;
    src: url("fonts/Oxygen-BoldItalic.otf") format("opentype");
}


*{
    margin: 0;
    padding: 0;
    font-family: Oxygen, Arial;
    font-style: normal;
}

body, td, th, a{
    color: #404041;
    font-style:normal;
    text-decoration: none;
}
input[type=text], input[type=password], textarea{
    border: 1px solid #CFCFCF;
    color: #404041;
    font-size: 14px;
    padding-left: 10px;
}
table{
    font-size: 13px;
}
button{
    color:white;
    background-color: #00A1E4;
    text-transform:uppercase;
    border: none;
    border-radius: 15px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 13px !important;
}
table.sosedi_login_table{
    font-size: 16px;
}
.sosedi_loginform_message button{
    margin-top: 10px;
}
INPUT{
    font-family:Tahoma,Arial,Verdana;
    font-size:9pt;
    font-style:normal;
    font-weight:normal;
}
#header-wrapper, #footer-wrapper{
    background-color: #00A1E4;
}
#footer-wrapper{
    margin-top: -102px;
}
#content-wrapper{
    overflow: hidden;
    padding-bottom: 40px;
}
#header, #content, #footer{
    width: 1120px;
    margin: 0 auto;
}
#header{
    display: block;
    height: 20px;
}
#footer{
    height: 250px;
    display: block;
    padding-top: 150px;
    color: white;
}
#footer-logo-wrapper #footer-logo{
    width: 456px;
    margin: 0 auto;
}
#footer-info-wrapper{
    background: transparent url(images/icons.png) no-repeat center center;
    display: block;
    height: 50px;
    position: relative;
}
#footer-info-wrapper div{
    position: absolute;
    font-size: 18px;
}
#footer-info-wrapper #footer-phone{
    left: 280px;
}
#footer-info-wrapper #footer-email{
    left: 500px;
}
#footer-info-wrapper a{
    color: white;
}
#footer-info-wrapper #footer-terkep{
    left: 745px;
}
#footer-info-wrapper #footer-facebook{
    left: 925px;
}
#footer-copyright{
    text-align: center;
    width: 700px;
    margin: 0 auto;
    padding-top: 70px;
    font-size: 14px;
    font-weight: bold;
}
#footer-address{
    text-align: center;
    font-size: 14px;
}
#content #logo-top-wrapper{
    padding-bottom: 50px;
    overflow: hidden;
}
#content #logo-top{
    width: 296px;
    margin: 0 auto;
}
#content #languages{
    text-align: right;
    margin-top: -70px;
}
#content #languages a{
    text-transform: uppercase;
    text-decoration: none;
}
#content #languages a.active{
    color: #404041;
}
#content-left, #content-right{
    float: left;
}
#content-left{
    width: 300px;
    padding-right: 10px;
}
#content-right{
    width: 800px;
    padding-left: 10px;
}
#content-right .box_title.new{
    color: #404041;
    font-weight:bold;
    text-transform:lowercase;
    font-size: 20px;
}
#content-right .box_subtitle.new{
    color: #00A1E4;
    font-weight:bold;
    text-transform:lowercase;
    font-size: 20px;
}

.sosedi_loginform_title{
    color: #404041;
    font-weight:bold;
    text-transform:lowercase;
    font-size: 20px;
}
.sosedi_loginform_header{
    color: #00A1E4;
    font-weight:bold;
    text-transform:lowercase;
    font-size: 20px;
    padding-bottom: 10px;
}
.sosedi_loginform_logo{
    background: transparent url("images/componex_logo2.png") no-repeat center center;
    display: block;
    width: 296px;
    height: 121px;
}
.sosedi_loginform_body{
    padding: 15px 0 0 0;
}
.sosedi_loginform_username{
    font-weight: bold;
    margin-top: 3px;
}

.sosedi_loginform form{
    margin: 0;
}
.sosedi_loginform_body td{
    font-weight:bold;
}
.sosedi_login_table td{
    padding: 2px;
}
.sosedi_loginform_field{
    width: 100%;
    height: 30px;
    font-size: 15px;
}
.sosedi_loginform_footer{
    height: 16px;
}
.sosedi_submit_field button{
    margin-top: 20px;
}

.search_box_header{
    padding: 5px 0;
    font-weight:bold;
    text-transform:uppercase;
}
.search_box_body{
    padding: 5px 0 5px 0;
}
.search_box_body td{
    font-weight:bold;
}
.search_box_table td{
    padding: 2px;
}
.search_box_field{
    width: 70px;
}


.menu_header, .languages_header{
    padding: 5px 0;
    font-weight:bold;
    text-transform:uppercase;
}
.menu_body, .languages_body{
    padding: 5px 0 10px 0;
}
.menu_footer, .languages_footer{
    height: 16px;
}

.menu a{
    display: block;
}
#menu_edi_orders, #menu_edi_customer{
    margin-top: 8px;
}
.articles_search_form{
    margin-top: 10px;
}
.articles_search_form textarea{
    width: 100%;
    height: 261px;
}
.articles_search_search{
    font-size: 15px;
    margin: 24px 0;
    vertical-align: middle;
    display: block;
}

.articles_search_wait{
    background: url(images/circling-squares-with-trail.gif) no-repeat;
    padding-left: 30px;
}
.articles_current_mode{
    text-decoration:none; font-weight:normal;
}
.articles_message{
    margin-bottom: 15px;
}
.articles_mode{
    margin-bottom: 15px;
}
.articles_mode a{
    color: #00a1e4;
    text-decoration: underline;
}
.articles_navigation{
    margin: 4px;
    margin-top:15px;
    text-align:center;
}
.articles_navigation A{
    padding: 2px;
}
.articles_filter input,
.articles_filter button{
    margin-left: 10px;
}
.article_results{
    padding:10px;
}
.article_search{
    ddheight: 470px;
    border: 1px solid #00A1E4;
}

.article_search_top{
    height:10px;
    margin-top:20px;
    width:100%;
    padding:0;
    overflow:hidden;
}
a.article_search_head{
    display:block;
    margin:0;
    text-decoration:none;
    font-size: 140%;
    padding:5px;
    background: #00A1E4;
    border-bottom: 1px solid #00A1E4;
    font-weight: bold;
    color: white;
}
a.article_search_head:hover{
    background-color: #00A1E4;
}
a.article_search_head.closed{
    background-color: #00A1E4;
}
a.article_search_head.closed:hover{
    background: #00A1E4;
} 
.article_results .col_2{
    width:35px;
}
.article_results .col_3{
    width:60px;
}
.article_results .col_4{
    width:60px;
}
.article_results .col_5{
    width:60px;
}
.article_results .col_6{
    width:70px;
}
.article_results .col_7{
    width:50px;
}




.article_results .articles_available{
    display: block;
    width: 18px;
    height: 15px;
    text-indent: 100px;
    overflow: hidden;
}

.article_results .articles_available_1{
    background: url(images/stock.gif);
}
.article_results .articles_available_2{
    background: url(images/truck.gif);
}
.article_results .articles_available_3{
    background: url(images/phone_info.gif);
}
.article_results .articles_available_stockcall{
    background: url(images/phone_stock.gif);
}



.table{
    table-layout: fixed;
    width: 100%;
}
.table th{
    background: #00A1E4;
    color: white;
    cursor: default;
}
.table td{
    padding: 3px;
    vertical-align: top;
}
.table tr.even{
    background: #ECF5FD;
}
.table tr.odd{
    background: #CFE8FF;
}
.table col{
    -s-width: 100px;
}
.table th a, .table th span{
    display: block;
    padding: 5px;
    padding-bottom: 12px; 
    background-repeat: no-repeat;
    background-position: 50% 100%;
    color: white;
}
.table th a:hover{
    background-color: #3BB2AD;
    color: white;
}
.table th a.marker_asc{
    background-image: url(../../modules/sosedi/arrow_down.gif);
}
.table th a.marker_desc{
    background-image: url(../../modules/sosedi/arrow_up.gif);
}

.table td.tooltipped div{
    cursor:default;
    overflow:hidden;
    white-space:nowrap;
}


div#tooltip {

    position:absolute;
    z-index:10;
    display:none;
    white-space:nowrap;
    cursor:default;

    background:#FFFFFF none repeat scroll 0%;
    border:1px solid black;
    margin-top: 0px;
    margin-left: 0px;
    color:#404041;
    font-weight:normal;
    padding: 1px 2px 3px;
}



.sosedi_customer{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.sosedi_info{
    padding: 2px;
    margin-bottom: 20px;
}
.sosedi_info2{
    text-align: right;
}
.sosedi_info21{
    dcolor: green;
}
.sosedi_info22{
    color: red;
}
.sosedi_info3{
    margin-top: 20px;
}
.sosedi_overtime{
    color: red;
}

#center, #right{
    dborder: 1px solid black;
}

#table_orders #col_nr, #table_invoices #col_nr, #table_payments #col_nr, #table_positions #col_nr{
    width: 30px;
}
#table_orders #col_article{
    width: 80px;
}
#table_orders #col_order_code{
    width: 80px;
}
#table_orders #col_producer{
    width: 50px;
}
#table_orders #col_quantity{
    width: 50px;
}
#table_orders #col_price{
    width: 60px;
}
#table_orders #col_value{
    width: 75px;
}
#table_orders #col_currency, #table_invoices #col_currency{
    width: 40px;
}
#table_orders #col_order_number{
    width: 100px;
}
#table_orders #col_term{
    width: 45px;
}
#table_orders #col_confirmed_term{
    width: 45px;
}
#table_orders #col_status{
    width: 25px;
}
#table_invoices #col_type{
    width: 60px;
}
#table_positions #col_tax{
    width: 45px;
}
#table_positions #col_quantity{
    width: 50px;
}
#table_positions #col_net_price{
    width: 60px;
}
#table_positions #col_net_value, #table_positions #col_tax_value, #table_positions #col_gross_value{
    width: 75px;
}

#table_payments{
    width: 450px;
}


#customer_data{
    line-height: 1.1;
}
#customer_data th, #invoice_data th{
    font-weight: bold;
    text-align: left;
}
#customer_data_captions{
    width: 150px;
}


h3{
    margin-top: 10px;
}

.download_xls_file{
    color: white;
    background-color: #00A1E4;
    text-transform: uppercase;
    border: none;
    border-radius: 15px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: bold;
}

.red_text{
    color: darkred;
}

tr.red_text td{
    color: red;
    font-weight: bold;
}