﻿
#dialog-contact label {
    margin-top:8px;
    width:120px;
    display:block;
    float:left; 
}

#dialog-contact input, #dialog-contact select, #dialog-contact textarea
{
    clear:none;
    width:150px;
    margin: 4px 0 0 0;
}

#dialog-contact textarea
{
    width:375px;
    height:230px;
}

#dialog-contact .line
{
    width:100%;
    height:1px;
    border-bottom:solid 1px #ccc;  
    margin:5px 0 5px 0;
}

#dialog-contact br {
    clear:both;
}

#dct_categories { 
    /*<jasobNoObfs>*/
    width: calc(100% - 2px);
    /*</jasobNoObfs>*/
    height: 15px;
    display: block;
    float: left;
    border-bottom: solid 1px #B5B6C6;
    border-left: solid 1px #B5B6C6;
}

#dct_categories div, #ssd-category-bar div,#esd-category-bar div
{
    display:block;
    float:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    border-right:solid 1px #B5B6C6;
    height:15px;
}

/************** Contact Category ***************/
#dialog-contactcategory, #dialog-loading {
    padding:0;
	margin:0;
	display:none;
}

#dialog-contactcategory {
    margin-top:5px;
}

#con-cat-content {
    width: 620px;
}

#con-cat-content .right {
    float:right !important;
    height:370px;
    width:430px;
    padding-left: 2px;
}

#con-cat-content .left {
    float:left !important;
    width:180px;
    height:358px;
    overflow-x: hidden;
    overflow-y: scroll;
    border:solid 1px #A9B1B8;  
    margin-top:1px;
}

#con-cat-content .dialog-row-small
{
    margin-top: 6px;
    padding-left:5px;
    border:0;
}

#con-cat-content .dialog-row-medium
{
    margin-top: 6px;
    padding-left:5px;
    border:0;
    height: 100px;
}

#con-cat-content .dialog-row-large
{
    margin-top: 6px;
    padding-left:5px;
    border:0;
    height: 230px;
}

    #con-cat-content .dialog-row-large-disabled {
        position: relative;
        top: -225px;
        opacity: 0.5;
        filter: alpha(opacity=50);
        display: none;
        background-color: #ffffff;
    }

ul.con-cat-list, .no-list-style {
    list-style-type:none;
}

ul.con-cat-list li {
    padding: 0;
    display:block;
    height:21px;
}

ul.con-cat-list a , ul.con-cat-list a:hover
{
    display:block;
    height:21px;
    color : #000;
}

ul.con-cat-list a img 
{
    padding:3px 2px 0;
    display:block;float:left;
    vertical-align:middle;
}

ul.con-cat-list a div 
{
    padding:3px 0;
    display:block;float:left;
    vertical-align:middle;
    
}

ul.con-cat-list .selected {
    background-color:#3399ED;
    border:0;
}

/********* CONTACT CATEGORY  ***********************************/
#dcc-members {
    float:left;
    width:300px;
    height:80px;
    border:solid 1px #A9B1B8;
    margin-top: 1px;
    display:block;
}

#dcc-pover-grid {
    height:185px;
    vertical-align:bottom;
}
#dcc-po-grid .col-presence {
    width:150px; 
}
#dcc-po-grid .col-ov-type {
    width:150px;
}

#dcc-po-grid .col-ov-type select {
    display:none;
}

#dcc-po-grid .dcc-g-img {
    display:block;
    float:left;
    width:20px;
    height:16px;
    padding-left:2px;
}

#dcc-po-grid .dcc-c-img {
    display:block;
    float:left;
    width:20px;
    height:16px;
    padding-left:5px;
    border:solid 1px transparent;
}

#dcc-members-buttons {
    float:left;
    width:105px;
    margin: 1px 0 0 10px;
}

#dcc-po-grid {
    margin-right: 2%;
    margin-top: 1px;
}