html { min-height: 100%; }
body { min-height: 100%;  }
body{font-family: Tahoma, Verdana, Arial; font-size: 11px; line-height: 15px; margin: 0px; border: 0px; background-color: #FFFFFF; cursor: default; color:#4F4F4F;}

/************universalne***************/
.left{text-align: left;}
.hidden{display: none;}
.right{text-align: right;}
.center{text-align: center;}
.fl_left{float: left;}
.fl_right{float: right;}
.dis_block{display: block;}
.clear{clear: both;}
a{color: #4F4F4F;}
a.hover{text-decoration: underline;}
.bold{font-weight: bold;}
.width_50_pr{width: 50%;}
.width_100_pr{width: 100%;}

/*margin_bottom*/
.mar_bottom_10{margin-bottom: 10px;}

/************logowanie***************/
div.login-form{width: 440px; height: 332px; background: url("../img/bg_crm.png") no-repeat scroll 0 0 transparent; margin: 20px auto 0; position: relative;}
.ispro_logo_link {display: block; width: 30px; height: 27px; margin-left:365px; margin-top:7px; cursor:pointer;}
.crm_name {font-family: Tahoma !important; font-size: 24px; color: #000;}
ul.login-list{width: 95%; margin:60px auto 0;}
ul.login-list li{width: 100%; height: 28px; margin-top: 4px;}
ul.login-list li.crm_name{text-align: center; margin-bottom: 15px;}
.form-field{width:295px; margin:0 auto; text-align: center;}
.form-field .form-label{float: left; width: 50px; margin-top: 5px;}
.form-field .input-text{width: 220px; float: left;}
.form-field .input-text input{width: 220px; font-size: 11px; font-family:Verdana; height: 19px; border: 1px solid #c2c2c2; background-color: #f4f4f4; padding-left: 3px;}
.btn {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: url("../img/szablony/btn.jpg"); cursor: pointer; height: 24px; width: 77px; color: #4f4f4f; border: 1px solid #c2c2c2; padding-bottom:4px;}
.form-field .input-checkbox input{width: 15px; float: right; margin-right: 22px;}
.login-list li.error{text-align: center;}
/************nawigacja***************/
#nav{width: 180px; height: 100%; float: left; padding: 1%;}
#nav .nav_info{width: 100%; float: left; margin-bottom: 7px;}
#nav .nav_info div{line-height: 18px;}
#nav .nav_info div.label{float:left; min-width: 50px; font-weight: bold;}
#nav .nav_info div.value{}
#nav ul.nav{border-top: 1px dotted #cbcbcb;}
#nav ul.nav li{height: 30px; border-bottom: 1px dotted #cbcbcb; line-height: 30px; vertical-align: middle; color: #4F4F4F }
#nav ul.nav li.active{font-weight: bold;}
#nav ul.nav li img{vertical-align: middle; }
#nav ul.nav li span{height: 30px; float: left; line-height: 30px; vertical-align: middle; min-width: 22px; margin-right: 4px;}
#nav ul.nav li a{float: left;}

/************main***************/
#main{float: left; margin: 0 auto; height: 100% !important;  border-left: 1px dotted #cbcbcb;}
#main .content{padding: 58px 25px 25px 25px;}
#main nav{color: #fff; height: 28px; width: 100%; border: #c2c2c2 1px solid; border-right: #c2c2c2 1px solid; border-bottom: #c2c2c2 1px solid; background-image: url(../img/szablony/mnubar_tlo.jpg); background-repeat: repeat-x; line-height: 28px; vertical-align: middle;  position: fixed; z-index: 100;}
#main  ul.li_nav li{float: left; margin: 0 15px 0 4px;}
#main  ul.li_nav li a{color: #000; font-weight: bold;}
#main  ul.li_nav li.separator{margin: 0 6px 0 6px; line-height: 28px; vertical-align: middle}
#main  ul.li_nav li img{vertical-align: middle;}

/**********box z komunikatami**********/
#main .message_box_icon{cursor: pointer; margin-right: 3px;}
#main .message_box_nag{background-color: #ebebeb; border: 1px solid #C2C2C2; padding: 5px 0 5px 3px;}
#main .message_box_txt{padding: 25px; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; vertical-align: middle;}
#main .message_box_txt img{vertical-align: middle; margin-right: 25px;}

/**********box informacyjny**********/
#main .info_box{padding: 25px 0; float: left; clear: both; width: 100%;}
#main .info_box ul{display: table; width: 100%;}
#main .info_box ul li{border: 1px solid #C2C2C2; border-bottom: none; float: left; clear: both; vertical-align: middle; display: table-row; vertical-align: middle; width: 100%; }
#main .info_box ul li.last{border-bottom: 1px solid #C2C2C2;}
#main .info_box span{display: table-cell; float: left; padding: 5px 3px; vertical-align: middle;}
#main .info_box span.info_box_col1{border-right: 1px solid #C2C2C2; clear: both; width: 150px; background-color: #F9F8F7; word-break: break-all; font-family: tahoma,verdana; font-size: 11px; font-weight: bold;}

/************content table***************/
.content_table{border: 1px solid #cbcbcb; margin-bottom: 25px; width: 100%; }
.content_table_container{background-color: #EBEBEB; clear: both; margin: 0px 5px 15px 5px;}
.content_table .content_table_nag{clear: both; color: #000; padding-left: 3px; height: 28px; width: 100%; border: #c2c2c2 1px solid; border-right: #c2c2c2 1px solid; border-bottom: #c2c2c2 1px solid; background-image: url(../img/szablony/mnubar_tlo.jpg); background-repeat: repeat-x; line-height: 28px; vertical-align: middle;}
.content_table ul.content_lang{clear: both; float: left; background: #FBC779; font-size: 14px; margin: 15px 5px 0px; padding: 3px 0 0 0 ; width: 100%; border: 1px solid #D8D8D3;}
.content_table ul.content_lang li{cursor: pointer; font-family: Verdana,Arial,sans-serif; float: left; border: 1px solid #D3D3D3; border-bottom-width: 0 !important; background: #fff; margin: 0 0.2em -1px 0.2em; outline: medium none; line-height: 1.3em; padding: 5px 10px 5px 10px;}
.content_table ul.content_lang li.notactive{background: #D3D3D3;}
.paging_full_numbers a.paginate_button{background-color: transparent;}
.paging_full_numbers a.paginate_active{background-color: transparent;}
.dataTables_info{font-weight: bold; height: 40px; line-height: 40px; vertical-align: middle; margin-left: 5px;}
.dataTables_length{font-weight: bold; height: 40px;  line-height: 40px; vertical-align: middle; margin-left: 10px;}
.paging_full_numbers{width: auto; font-weight: bold;}
.dataTables_filter{font-weight: bold; margin: -25px 10px 0 0;}
.content_table .next{width: 24px; height: 13px; background: url('../img/szablony/go_next.gif') no-repeat; background-position: 0px 3px; background-color: transparent;}
.content_table .previous{width: 24px; height: 13px; background: url('../img/szablony/go_prev.gif') no-repeat; background-position: 0px 3px; background-color: transparent;}
.content_table .last{width: 24px; height: 13px; background: url('../img/szablony/go_last.gif') no-repeat; background-position: 0px 3px; background-color: transparent;}
.content_table .first{width: 24px; height: 13px; background: url('../img/szablony/go_first.gif') no-repeat; background-position: -2px 3px; background-color: transparent;}

    /*content table kolory*/
.content_table .bg_brown{background-color: #CC0033;}
.content_table .bg_green{background-color: rgb(53,238,17);}
.content_table .bg_red{background-color: red;}
.content_table .bg_yellow{background-color: yellow;}
.content_table .brown{color: #CC0033;}
.content_table .green{color: green;}
.content_table .red{color: red;}
.content_table .yellow{color: yellow;}
.content_table .orange{color: orange;}

    /*content table tooltip*/
.content_table .tooltip_cont{position: relative;}
.content_table .tooltip_cont .tooltip_mes{position: absolute; top: 50%; left: 50%; padding: 3px 5px; border: 1px solid #C2C2C2; background: #fff; display: none; z-index: 100;}


/************formularze***************/
#main .forms{border: 1px solid #cbcbcb; clear: both; float: left; padding: 15px; width: 100%;}
#main form{width: 100%; float: left; clear: both;}
#main form label{width: 90px; padding-right: 20px; word-wrap: break-word; float: left; margin: 3px 0; }
#main form label.require{color: red;}
#main form label.next_2{width: 95px; padding-left: 10px;}
#main form input{float: left; border: 1px solid #C2C2C2; background: #F4F4F4; height: 19px; margin: 3px 0; padding: 0px 3px; line-height: 19px; vertical-align: middle;}
#main form textarea{float: left; border: 1px solid #C2C2C2; background: #F4F4F4; margin: 3px 0;}
#main form button{background-color: #F2F2F2; border: 1px solid #C2C2C2; color: #4F4F4F; padding: 3px 10px; margin: 3px; min-width: 100px;  line-height: 19px; vertical-align: middle; cursor: pointer;}

/************nagłówek strony***************/
#main .site_header{width: 100%; margin: 25px 0; clear: both;  }
#main .site_header.div{float: left;}
#main .site_header h1{border-bottom: 2px solid #F19719; font:bold 12px/20px tahoma; max-width: 150px;}
#main .site_header aside{border-bottom: 1px solid #c2c2c2;}



td.mceToolbar div{background: #DFE9F6;}

td.mceStatusbar{background: #DFE9F6;}

.upload-images{}

.upload-images div{width:120px;  float: left; text-align: center; margin: 5px auto; position: relative;}

.upload-images div input {width: 90px; margin:0 auto;}

.upload-images div img{border:1px solid #fff; margin: 0 auto; text-align: center;}

.remove-img{display: block; width: 16px; height: 16px; background: url('../../global/img/icons/fam/delete.gif') top left no-repeat; position: absolute; top:0; right: 0; cursor: pointer;}

#headerContent {
    background-image:url(../../admin/img/header_bottom.gif);
    background-position:center bottom;
    background-repeat:repeat-x;
    height:55px;
    margin:0 auto;
    position:relative;
    text-align:left;
    width:100%;
}


#logodiv {
    background-image:url(../../admin/img/logo.jpg);
    background-repeat:no-repeat;
    height:34px;
    margin-left:15px;
    position:absolute;
    text-align:left;
    width:138px;
    padding-top: 10px;
    top: 10px;
    left: 0px;
}

span.ext-mb-error{
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    margin-top: -10px;
    margin-left: 85px;
}

.error-text{
    float: left; 
    margin-left: 10px;
    color: #960004;
    font-weight: bold;
}

.login-list li.error{
    display: none;
}

.ispro_laws {
    font-family: Tahoma !important;
    font-size: 9px;
    color: #000;
    margin-top:10px;
    text-align:left;
    padding-left: 20px;
    position: absolute;
    bottom: 27px;
}

.ispro_service {
    padding-left: 106px;
}
.ispro_service a {
    text-decoration: none;
    color: #000;
}
.ispro_logo_link {
    display: block;
    width: 30px;
    height: 27px;
    margin-left:365px;
    margin-top:7px;
    cursor:pointer;
}

.msg .x-box-mc {
    font-size: 14px;
 }
#msg-div {
    position: absolute;
    top: 0px;
    width: 340px;
    z-index: 20000;
 }
#msg-div .msg {
    background: url(../img/info_repeat.png) top left repeat-y;
    color: #555555;
    padding: 10px 15px;
    font-weight: bold;
    position: relative;
}

#msg-div .bottom-msg {
    background: url(../img/info_bottom.png) top left no-repeat;
    width: 340px;
    height: 5px;
    float: right;
    position: absolute;
    left: 0;
    bottom: -5px;
}

#msg-div .msg span{
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 10px;
    margin-top: -2px;
    margin-right: 4px;
    margin-bottom: 4px;
    background: url(../img/info_icons.jpg) top left no-repeat;
}

#msg-div .msg.success span{
    background: url(../img/info_icons.jpg) -26px 0 no-repeat;

}

#msg-div .msg.neutral span{
    background: url(../img/info_icons.jpg) 0 0 no-repeat;

}

#msg-div .msg.failure span{
    background: url(../img/info_icons.jpg) 0 0 no-repeat;

}

#msg-div .msg h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 8px;
}
#msg-div .msg p {
    margin: 0;
}

#langSelect{
    width: 72px;
    height: 30px;
    float: left;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

#langSelect div.select{
    width: 15px;
    height: 15px;
    float: left;
    background: url(../img/lang_select.jpg) top left no-repeat;
    margin-top: 4px;
    cursor: pointer;
    position: absolute; 
    top: 0;
    left: 50px;
}

#langSelect ul{
    float: left;   
    overflow: auto;
    position: absolute;
    top: 0;
}

#langSelect .expanded-bcg{
    
}

#langSelect ul li{
    display: block;
    width: 50px;
    height: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}

#langSelect ul li img{
    float: left;
    margin-left: 4px;
}

#langSelect ul li div.lang-short{
    float: left;
    text-transform: uppercase;
    margin-top: 4px;
    margin-left: 2px;
}



#langSelect ul li .lang-short{

}

#userbox{
    width: 354px;
    height: 32px;
    position: absolute;
    z-index: 10;
    background: url(../img/userbar.png) top left no-repeat;
    top: 0;
    right: 0;
}

#userbox #user{
    width: 282px;
    height: 100%;
    float: right;
    position: relative;
}

#userbox #user .username{
    float: left;
    margin-left: 27px;
    margin-top: 4px;
}

#userbox #user .session-time{
    float: right;
    margin-top: 4px;
    margin-right: 70px;    
}

#userbox #user .settings{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4px;
    right: 40px;
    background: url(../img/settings.jpg) top left no-repeat;
    
}

#userbox #user .settings a{
    display: block;
    width: 100%;
    height: 100%;
}

#userbox #user .logout{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4px;
    right: 20px;
    background: url(../img/logout.jpg) top left no-repeat;
    
}

#userbox #user .logout a{
    display: block;
    width: 100%;
    height: 100%;
}

div.top-expanded{
    width: 70px;
    height: 0px;
    background: url(../img/userbar_repeat.png) top left repeat-y;
}

div.bottom-expanded{
    width: 70px;
    height: 32px;
    background: url(../img/userbar_ul.png) top left no-repeat;
}

div.expanded-bcg{
    position: absolute;
    top: 0;
    left: 0;
}

#loading-mask{
    width: 100%;
    height: 100%;
}

#loading-mask #loading{
    width: 138px;
    margin:300px auto;
    vertical-align: middle;
    text-align: center;
}

#user-info ul span{
    font-weight: bold;
}

.upload-images{}

.upload-images div{width:120px;  float: left; text-align: center; margin: 5px auto; position: relative;}

.upload-images div input {width: 90px; margin:0 auto;}

.upload-images div img{border:1px solid #fff; margin: 0 auto; text-align: center;}

.remove-img{display: block; width: 16px; height: 16px; background: url('../../global/img/icons/fam/delete.gif') top left no-repeat; position: absolute; top:0; right: 0; cursor: pointer;}

#messagebox {
    width: 420px;
    margin:0 auto;
    margin-top: 200px;
}

.msgBar {
    background-color: #EBEBEB;
    border: 1px solid #C2C2C2;
    color: #333333;
    width: 100%;
}
.msgBar td {
    padding: 4px;
}
.msgBox {
    background-color: #FFFFFF;
    border-bottom: 1px solid #C2C2C2;
    border-left: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
    border-width: 0 1px 1px;
    width: 100%;
}
.msgBox td {
    padding: 0;
}

#messagebox_msg12{
  
}

#messagebox_msg12 tr td{
    height: 60px;
    vertical-align: middle;
}

#user-info ul span{
    font-weight: bold;
}


.user-row{
    padding: 10px;
    line-height:16px;
}

.user-row a{
    color: #960004;
    text-decoration: underline;
}

.user-row b{
    font-weight: bold;
}