@CHARSET "UTF-8";

.task_border_up {
    float: left;
    width: 100%;
    background: url('/static/images/backgrounds/firm/product_header_bck.gif') repeat-x;
    border-bottom: 1px double #CACACA;
    padding-bottom: 5px;
}

#task_main_3 ul li {
    list-style-type: decimal;
    padding: 5px 0px 5px 5px
}

#task_navi{
    margin: 10px 10px 10px 10px;
    float: right;
}
#task_navi a{
    color: #000000;
    text-decoration: none;
}
#task_show_name{
    float:left;
    width:500px;
    margin: 10px 10px 5px 20px;
}
.task_navi_text{
    margin: 6px 2px 0px 2px;
    float: right;
    font-size: 10px;
}
.task_info {
    float: left;
    border-bottom: 1px solid #dadada;
    width: 100%;
    background: url('/static/images/backgrounds/firm/form_data_bck.gif') repeat-x;
}

.task_avatar_back {
    float: left;
    width: 300px;
    height: 300px;
    border-right: 1px solid #CACACA;
}

.task_data {
    float: left;
    margin: 40px 5px 10px 10px;
    width: 380px;
}

.task_info_td1 {
    width: 150px;
    height: 30px;
}
.task_info_td2 {
    width:30px;
}

.task_input_date {
    width: 75px;
}

.task_input_short {
    width: 50px
}

#task_tabs {
    float: left;
    width: 100%;
    padding-left: 20px;
    height:43px;
    background: #eee url('/static/images/backgrounds/firm/product_bottom_panel_bck.gif') repeat-x 0 0;
    font-size: 10px;
    margin-top: -1px;
}
#task_tabs p {
    margin-top: 20px;
}

.task_tab {
    cursor: pointer;
}

.task_tab_left{
    float:left;
    width:15px;
    height:43px;
    background: url('/static/images/firm.png') no-repeat -121px 0px;
}
.task_tab_center {
    float:left;
    width:auto;
    height:43px;
    background: url('/static/images/backgrounds/product/prod_bck_center2.gif')
}
.task_tab_right	{
    float:left;
    width:15px;
    height:43px;
    background: url('/static/images/firm.png') no-repeat -230px 0px;
}

.task_tab_left_no {
    float:left;
    width:10px;
    height:43px;
}
.task_tab_center_no	{
    float:left;
    width:auto;
    height:43px;
    color:#FFFFFF;
}
.task_tab_right_no			{
    floaT:left;
    width:10px;
    height:43px;
}
.task_hover	{
    text-decoration:underline;
}
.task_main {
    float:left;
    display: none;
}
#task_main_2{
    margin: 20px 0 15px 20px;
}
#task_main_1{
    margin: 20px 0 15px 20px;
    line-height: 170%;
}
#task_main_3{
    margin: 20px 0 15px 20px;
}
#task_main_4{
    margin: 20px 0 15px 20px;
}
.task_u_title {
    position: relative;
    padding: 5px 10px 5px 10px;
    margin: -10px 0 0 10px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #D8D8D8;
    background: #ffffff;
    float:left;
}
.tasks_list_border{
    border: 1px solid #D8D8D8;
    width:665px;
    padding: 15px 0 0 0;
    margin: -12px 0 30px 0;
    float:left;
}
.task_edit_elem {
    height: 52px;
    clear: left;
    valign: top;
    margin: 5px 0 15px 20px;
}
.task_edit_show {
    height: auto;
    clear: left;
    valign: top;
    float:left;
    margin: 3px 6px 3px 6px;
    padding: 5px;
}
.task_edit_border{
    border-top: 1px solid #DADADA;
}
.task_edit_show:hover {

}
#task_list_menu {
    height: 15px;
    clear: left;
    valign: top;
    margin: 5px 0px 15px 15px;
}
.task_elem {
    float: left;
    width: 690px;
}
.task_u_name {
    float:left;
    width: 150px;
    margin: 2px 2px 0px 0px;
    border-right: 0px solid #CACACA;
}
#task_u_name_title{
    margin: 0px 0px 0px 0px;
}
.task_u_count {
    float:left;
    width: 75px;
    margin: 2px 10px 0px 0px;
    border-right: 0px solid #CACACA;
    text-align:right;
}
.task_u_type {
    float:left;
    width: 70px;
    margin: 2px 0px 0px 0px;
    border-right: 0px solid #CACACA;
}
.task_u_text {
    float: left;
    width: 340px;
    margin: 0px 5px 0px 5px;
    border-right: 0px solid #CACACA;
    overflow:hidden;
}
.task_u_text2 {
    float: left;
    width: 260px;
    margin: 2px 5px 0px 5px;
    border-right: 0px solid #CACACA;
    overflow:hidden;
}
.task_u_action{
    float:left;
    margin: 0 10px 10px 27px;
    color: #1791D7;
    cursor: pointer;
    clear: right;
    font-weight: bold;
}
.task_s_action{
    float: left;
    margin: 4px 10px 0px 0px;
    color: #1791D7;
    font-size: 10px;
    cursor: pointer;
}
#task_table{
    width: 320px;
}
#task_table tr{
    height: 33px;
}
#new_task_label{
    margin: 7px 8px 8px 0!important;
    vertical-align: middle;
}
#task_table td{
    vertical-align: middle;
}
#task_all{
    padding: 12px 0px 0px 20px;
    width:685px;
    margin-left: 1px;
    height: 26px;
    float:left;
    background: url('/static/images/backgrounds/firm/pro2_nav2_bck.gif') repeat-x;
    border-bottom:1px solid #eaeaea;
}
#task_cat {
    margin: 12px 0px 0px 20px;
    float: left;
}
#task_cat_title {
    width:687px;
    height: 22px;
    float:left;
    background: url('/static/images/backgrounds/firm/pro2_title_bck.gif') repeat-x;
    font-weight: bold;
    padding: 8px 0px 0px 20px;
}
#task_menu{
    font-size: 10px;
    float:left;
}
#task_menu a{
    color: #1791D7;
}
#task_menu label{
    color: #888888;
}
.task_menu_elem {
    float: left;
    margin: 5px 30px 10px 0px;
}
.task_elem {
    height: 102px;
    margin: 10px 10px 10px 10px;
    position: relative;
}
.task_avatar_min{
    float: left;
    width: 133px;
    height: 100px;
    overflow: hidden;
    margin: 0px 10px 0px 0px;
    text-align:center;
    position: relative;
    border: 1px solid #ccc;
}
.task_avatar_min img{
    position: absolute;
}

#short_txt {
    width: 370px;
    height: 80px;
}

.task_list_item {

}

.task_short_txt {
    line-height: 128%;
    margin-top: 1px;
}
.task_elem_name{
    float: left;
    width:300px;
    margin: 5px 20px 0px 5px;
}
.task_elem_date{
    font-size: 12px;
    float:right;
    margin: 5px 15px 5px 0;
}
#task_show_elem_add {
    float: left;
    margin-left: 140px;
}

.task_elem_add, .task_elem_remove {
    float:right;
    padding: 7px 0px 0px 0px;
    margin:10px auto;
    width: 122px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    background: url('/static/images/buttons/buttons.png') 0px -50px no-repeat;
}

.task_code_gen_button {
    float:right;
    margin:5px 0px 0px 15px;
    padding:10px 0px 0px 0px;
    width:155px;
    height:22px;
    text-align: center;
    cursor: pointer;
    clear:left;
    color:#000000;
    /*background: url('/static/images/buttons/buttons.png') 0px -154px no-repeat;*/
    background: url('/static/images/buttons/button.png') 0px 0px no-repeat;
}
.task_history_code_button {
    float:right;
    margin:5px 0px 0px 15px;
    padding:10px 0px 0px 0px;
    width:155px;
    height:22px;
    text-align: center;
    cursor: pointer;
    clear:left;
    color:#000000;
    /*background: url('/static/images/buttons/buttons.png') 0px -189px no-repeat;*/
    background: url('/static/images/buttons/button.png') 0 0 no-repeat;
}

#task_text{
    margin: 30px 20px 30px 30px;
}
.task_comment{
    width:240px;
    border: 1px solid #DADADA;
}
.task_gen_action{
    float: left;
    margin: 2px 10px 0px 0px;
    color: #1791D7;
    font-size: 10px;
    cursor: pointer;
}
.task_menu_black a{
    color: #000000!important;
}
#task_users{
    float:left;
    margin: 30px 20px 20px 80px;
}
.task_user{
    margin: 5px 5px 5px 5px;
}
.task_green{
    color: #008000;
}

.under_task_img{
    float:left;
    clear:left;
    width:71px;
    height:17px;
    margin: 5px 5px 5px 5px;
}
.under_task_img_ok{
    background: transparent url("/static/images/buttons/buttons.png") no-repeat 25px -101px;
}
.under_task{
    float:left;
    width:200px;
    margin: 5px 5px 5px 5px;
}
.under_task_firm_img{
    float:left;
    clear:left;
    width:30px;
    height:17px;
    margin: 0px 5px 5px 5px;
}

.under_task_firm_img_ok{
    background: transparent url("/static/images/buttons/buttons.png") no-repeat -13px -101px;
}

#task_under_show{
    float:left;
    clear: both;
    font-size: 10px;
    cursor:pointer;
    color: #1791D7;
}
.input_code {
    font-size: 10px;
    color: #1791D7;
    cursor:pointer;
}
#code_dialog {
    text-align:center;
}
.task_elem_desc {
    width:330px;
    height: 37px;
    overflow: hidden;
    float: left;
    margin: 10px 10px 5px 10px
}
#task_progress_bar{
    float:left;
    margin: 30px 10px 10px 100px;
    width:200px;
    height:20px;
}

#task_progress_bar_info{
    text-align:center;
    font-size: 12px;
    margin: 3px 0px 0px 0px;
}


.mini_progress_bar {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    height: 14px;
    line-height: 9px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 75px;
}
.progress_bar{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 200px;
}
.progress_text {
    position:absolute;
    left:0;
    top: 0;
    height: 100%;
    width: 100%;
}

.task_content {
    float: left;
    width: 420px;
}

.task_date_content {
    float: right;
    font-size: 12px;
    width: 125px;
}

.progress {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 100%;
    background-color: #D6E7FC;
}
.input_name{
    width:250px;
}
.code_amount{
    margin: 10px 0 0 0;
}
.code_amount input{
    width:30px;
}
#gen_code_wrong{
    margin: 5px 0 5px 0;
    color: red;
    font-weight: bold;
}
#task_tooltip1{
    float: right;
    margin:-3px 0 0 5px;
}
.task_input_name{
    width: 135px;
    border: 1px solid #DADADA;
}
#task_code_type{
    float: left;
    width: 47px;
}
#code_type_tooltip{
    float: right;
    margin: 2px 2px 0 0;
}
#portal_task_table{
    margni-left: 18px;
    width: 440px;
}
.code_history_list1{
    clear: left;
    width:120px;
    float:left;
    margin: 5px;
}
.code_history_list2{
    width:60px;
    float:left;
    margin: 5px;
}
.code_history_list3{
    width:150px;
    float:left;
    margin: 5px;
}
#task_portal_tooltip img{
    margin: 0!important;
}

.task_main .description_top {
    display: none;
}
.desc_short_desc {
    width: 425px!important;
    margin-top: 10px!important;
}
.desc_flags_frame {
    margin: 20px 0 0 545px;
    position: absolute;
    z-index: 1;
}
#task_tabs .desc_flags_frame {
    margin-top: 11px!important;
}

.desc_name {
    display: block;
    height: 14px;
    overflow: hidden;
    width: 420px;
}
#task_tabs #add_edit_desc_select {
    margin-top: 10px;
}
#task_tabs .desc_lang_select_title {
    padding-top: 10px!important;
    float:left;
}

.subtask_textarea {
    width: 240px;
    border: 1px solid #DADADA;
}
.subtask_input {
    width: 135px;
    border: 1px solid #DADADA;
}
#task_tabs .desc_form_flags {
    margin-right: -3px!important;
}