/***** users with roles table ******/

.nonLeftBorder
{
    text-align:center;
    border-left:none !important;
}

.personTr
{
    border-bottom: 1px solid #CCCCCC; 
    border-right:1px solid #CCCCCC;  
    border-left:1px solid #CCCCCC;
}

.rightAndBottomBorder
{
    text-align:center; 
    border-bottom: 1px solid #CCCCCC; 
    border-right:1px solid #CCCCCC;
}

/***** generic *****/
.crm body 
{
    font-family: "Lucida Grande" ,verdana,arial,helvetica,sans-serif;
}

.crm h1 
{
    color: Red
}

.crm p.submit
{
    font-weight: normal !important;
    font-size: 12px;
    border-top: 1px dashed #ccc;
    margin: 0;
    padding: 15px 0 0 0;
}

/***** ids *****/
#new_note_container textarea
{
    width: 100%;
    font-size: 13px;
}

/***** clases *****/
.MainContainer {
    text-align: left;
    margin: 0 auto;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF url(/Content/img/right-bg.gif) repeat-y scroll right center;
    padding-right:8px;
    padding-bottom:20px;
    width:100%;
    float: left;
}

/*Fin Modal*/

.legendTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    border: 0px solid #bbb;
    border-top: 0px solid #eee;
    border-left: thin solid #FFFFFF;
    padding: 0px 0px;
}

.importantLabel
{
    font-weight: bold;
    font-size: 15px;
}

.commonLabel
{
    font-size: 12px;
}

p.separator
{
    margin: 2px;
}

div a.grayLabel
{
    font-size: 10px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
}

div a.grayLabel:hover
{
    font-size: 10px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
}

.importantDataBox
{
    width: 100%;
    background-color: #F0F0F0;
}

.importantDataTextBox
{
    font-weight: bold;
    font-size: 15px;
    height: 20px;
    width: 90%;
}

.commonDataTextBox
{
    font-size: 12px;
    width: 90%;
}

.deleteLink
{
    background-image: url(/Content/img/icon-delete.gif);
    background-repeat: no-repeat;
}

.cancelLink
{
    font-weight: bold;
    color: Red !important;
}

.anonymousImageDiv
{
    border-style: solid;
    border-width: thin;
    width: 110px;
    height: 80px;
}

.anonymousImageDiv:hover
{
    cursor: pointer;
    background-color: #F2F2F2;
}

.validationSummaryClass
{
    color: Red;
    width: 100%;
}

.warningDivClass
{
    width: 100%;
    background-color: #F3E0E4;
    border-color: Red;
    border-style: solid;
    border-width: thin;
    font-size: 12px;
    height: 20px;
    vertical-align: middle;
}

.hSeparator
{
    width: 100%;
    color: #E9E9E9;
}

/***** DOM - clases *****/
a.to_person
{
    font-weight: normal;
}

a.admin:link, a.admin:visited
{
    color: #f00;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
}

a.admin:hover
{
    color: #fff;
    background: #f00;
}

/*a.grey
{
    color: #666;
}*/

/*a.grey:hover
{
    color: #fff;
    background: #666;
}*/

/*---Botones---*/
.fg-button
{
    outline: 0;
    margin: 0 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
}

/*a.fg-button
{
    float: left;
    text-decoration: none;
    color: #000;
}*/

/***** DOM - divs *****/
/***** DOM - divs - ids *****/
div.search_results_header
{
    padding-bottom: 10px;
    margin-top: 15px;
}

/* ------- Encabezados ------------*/
div.page_header
{
    /*background: #EBF2CC;*/
    margin: 0;
    padding: 13px 30px 13px 24px;
}

div.page_header .header_title /*h1.index{ font-size: 14px; margin: 5px 0 15px 0; padding: 0;}*/
{
    font-size: 14px;
    margin: 5px 0 15px 0;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

div.page_header .big_header_title
{
    font-size: 20px;
    /*font-weight: bold;*/
    /*margin: 0 0 7px;*/
}

div#contacts div.page_header
{
    padding-bottom: 70px;
}

div.subject_header_links
{
    float: right;
    width: 140px;
    font-size: 11px;
    margin-top: 3px;
    text-align: right;
    color: #ccc;
    line-height: 20px;
}

div#contact-list a
{
    text-decoration: none;
    padding-left: 0pt;
    padding-right: 0pt;
}

div#contact-list label.checkbox
{
    margin-top: 8px;
}

div#contact-list .person, div.search_results_header
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #efefef;
}

div#contact-list div.person div.avatar_subject
{
    float: left;
    width: 50%;
}

div#contact-list div.person div.avatar_subject img
{
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    border-top-width: 1px;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 10px;
    margin-left: 0pt;
}

div#contact-list div.person div.avatar_subject label.checkbox
{
    height: 34px;
    float: left;
    padding-right: 5px;
}

/***** DOM - divs - clases *****/
/*--------------------Avatar-------------------*/
div.avatar_subject
{
    clear: left;
}

div.avatar_subject img.avatar
{
    padding: 1px;
    border: 1px solid #ccc;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 0 10px 0;
}

/***** DOM - divs - clases - h's *****/
div.avatar_subject .list_title
{
    font-family: lucida grande, sans-serif;
    font-size: 16px;
    /*color: #000;*/
    margin: 0 0 2px 0;
    padding: 0;
}

div.avatar_subject .list_content
{
    font-size: 12px;
    /*color: #777;*/
    font-weight: normal;
    line-height: 140%;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}

div.avatar_subject h2 a:link, div.avatar_subject h2 a:visited
{
    color: #777;
    padding: 1px 0;
}

/***** DOM - divs - clases - divs *****/
div.avatar_subject div.info
{
    margin-left: 42px;
    padding-left: 27px;
}

div.left-panel 
{
    width:69%; 
    float:left;
    margin-right:1%;
    margin-left: 1%;
}

div.bottom-panel
{
    width:100%;
    float:left;
}

div.right-panel
{
    margin-right: 1%;
    padding: 0;
    text-align: left;
    float: left;
    width: 28%;
}

div.right-panel div.module .inner
{
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.right-panel div.module
{
    clear: left;
    overflow: hidden;
    /*border-bottom: 1px solid #bbb;
    border-right: 1px solid #ccc;*/
    /*background: #EBF2CC //f5f5f5;*/
    margin-bottom: 8px;
}

.right-panel p.separator
{
    padding-top:20px;
}

.right-panel div.dim
{
    background: #ddd;
    border: none;
}

.right-panel div.dim a.admin
{
    font-size: 12px;
    font-family: lucida grande, verdana, sans-serif;
}

.right-panel h2 a.admin:hover, .right-panel div.module a.admin:hover
{
    background: #666;
    color: #fff;
}

.right-panel div.module div.inner
{
    padding: 5px 8px 10px 10px;
}

div.right-panel .header_title
{
    clear: left;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px 5px;
    width: 100%;
}


div.right-panel .title
{
    background: none;
    border: none;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 8px 0;
}

.right-panel div.indent
{
    /* align blocks below the h2 with the h2 text */
    margin-left: 5px;
}

div.right-panel h2 span.edit
{
    float: right;
    width: 125px;
    text-align: right;
    font-size: 11px;
    color: #999;
    font-weight: normal;
}

.right-panel h2 span.edit a.clicked:link, .right-panel h2 span.edit a.clicked:visited
{
    color: #f00 !important; /* admin */
}

div.right-panel div.email_dropbox
{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px dashed #bbb;
    padding: 10px;
    font-size: 12px;
}

div.right-panel div.email_dropbox h2
{
    margin: 0 0 10px 0;
    background-color: transparent;
    padding: 0;
    border: 0;
}

.sidebar div.quick_find
{
    margin: 0 0 15px 3px;
    padding: 0;
}

.sidebar div.quick_find h2
{
    font-size: 12px;
    border: none;
    background: none;
    padding: 0;
    margin: 0 0 3px 0;
    color: #000;
}

.sidebar div.quick_find input
{
    margin-right: 5px;
    width: 85%;
    padding: 2px;
}

.sidebar div.quick_find div.field
{
    white-space: nowrap;
}

div.sidebar div.email_dropbox
{
    margin-top: 20px;
    border: 1px dashed #bbb;
    padding: 10px;
    font-size: 12px;
}

div.sidebar div.email_dropbox h2
{
    margin: 0 0 10px 0;
    background-color: transparent;
    padding: 0;
    border: 0;
}

div.sidebar div.email_dropbox p
{
    margin: 0;
}

div.sidebar div.email_dropbox p a
{
    font-size: 11px;
}

div.sidebar div.email_dropbox span#generate_dropbox a
{
    color: #666;
}

div.sidebar div.email_dropbox span#generate_dropbox a:hover
{
    color: #fff;
}

div.sidebar div.email_dropbox div.reset
{
    font-size: 10px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
    color: #666;
}

div.right-panel dl.tags_list dd
{
    border-bottom: 1px solid #CCCCCC;
    display: block;
    margin: 0 0 3px;
    padding: 0 0 3px;
}

div.right-panel dl.tags_list dt
{
    float: left;
    margin-right: 12px;
    min-height: 100%;
    text-align: center;
    width: 15px;
}

.img_container
{
    display:block;
	height:30px;
	overflow:hidden;
	width:31px; 
}

div.right-panel div.email_dropbox p
{
    margin: 0;
}

div.right-panel div.email_dropbox p a
{
    font-size: 11px;
}

div.right-panel div.email_dropbox span#generate_dropbox a
{
    color: #666;
}

div.right-panel div.email_dropbox span#generate_dropbox a:hover
{
    color: #fff;
}

div.right-panel div.email_dropbox div.reset
{
    font-size: 10px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
    color: #666;
}

/*------------Notas sobre algo ----------------------*/
div#recordings_header
{
    background: #e0e0e0;
    margin: 30px -5px 5px 0px;
    font-size: 11px;
    color: #999;
    padding: 5px 5px 5px 7px;
    overflow: hidden;
}

div#recordings_header div.inner
{
}

div#recordings_header strong
{
    color: #000;
}

div#recordings_header div.filters
{
    float: right;
    text-align: right;
}

div.recordings
{
    clear: left;
    font-size: 12px;
    line-height: 18px;
}

div.written_recording
{
    margin-bottom: 15px;
}

.subject div.recordings, .subject div#new_note_container
{
    margin-left: 3px;
}

div#stream
{
    margin-top: 35px;
}

.recording h2.comments_header
{
    font-size: 12px;
    color: #fff;
    background: #333;
    margin: 0 0 10px 0;
    padding: 4px;
}

div.recordings div.recording
{
    /*border-bottom: 1px solid #dfdfdf; 	margin: 0 0 10px 0;*/
    font-family: verdana, sans-serif;
    font-size: 12px;
    margin-top: 15px;
    clear: both;
}

div.written_recording div.recording_content
{
    padding: 12px 5px 5px 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #e7e7e7;
}

div.recording div.recording-picture
{
    float:left; 
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 8px;
}

div.recording div.recording-picture a:hover
{
    background-color:transparent;
}

div.recording div.recording-picture a img
{
     height: 32px; 
     width: 32px; 
     border-style: none;
     margin-left: 5px;
     padding: 1px;
}


div.recording div.header span.action_links
{
    float: right;
    margin-right: 10px;
    font-size: 10px;
}

div.written_recording div.recording_content div.header ul, div.written_recording div.recording_content div.header li
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 1.5;
    color: #777;
}

div.written_recording div.recording_content div.header li.date
{
    font-weight: bold;
}

div.recording.email div.recording_content div.header li.kind_and_author, div.recording.email div.recording_content div.header li.email_subject, div.recording.email div.recording_content div.header li.see_also
{
    margin-left: 31px;
}

div.recordings div.email div.recording_content div.header li.date
{
    margin-bottom: 6px;
}

div.written_recording div.recording_content div.header img.email_icon
{
    float: left;
    height: 18px;
}

div.private div.recording_content div.header li span.kind_of_recording
{
    color: #9e414c;
    font-weight: bold;
}

div.aggregated_recordings div.written_recording div.recording_content div.header li.date
{
    font-weight: normal;
    color: #666;
}

div.written_recording div.recording_content div.header li.subject
{
    font-size: 12px;
}

div.written_recording div.recording_content div.body div.more
{
    text-align: right;
    font-weight: bold;
    padding: 5px 0 10px 0;
}

div.recordings div.email div.body blockquote
{
    margin: 10px 0 0 0;
}

div.written_recording div.recording_content div.body div.file
{
}

div.written_recording div.recording_content div.body a.read_more
{
    font-size: 10px;
    font-weight: normal;
    color: #999;
    text-decoration: underline;
}

div.written_recording div.recording_content div.body a.read_more:hover
{
    color: #444;
    background-color: transparent;
    text-decoration: underline;
}

div.written_recording div.body
{
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 1px 0;
}


div.written_recording div.body p.editable
{
    margin: 0px 3px 3px 0px;
    cursor: pointer;
}

div.written_recording div.body p.editable textarea
{
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    line-height: 140%;
    max-width: 99%;
    min-width: 99%;
}

div.written_recording a
{
    color: #333;
}

div.written_recording a:hover
{
    color: #fff;
}

div.written_recording div.body p
{
    margin: 12px 0 12px 0;
    font-size: 13px;
}

div.written_recording div.body
{
    line-height: 1.4em;
}

div.recordings div.recording.newest
{
    background-color: #FFFFCC;
}

div.recordings div.first, .recording div.first
{
    border: none !important;
}

div.recordings div.recording p
{
    line-height: 140%;
}

div.recordings div.recording div.header_link
{
    padding-left: 2px;
}

div.recordings div.recording div.header_link strong
{
    font-size: 12px;
}

table.subject_header td.icon img
{
    width: 53px;
    height: 53px;
}

/*---------------------CustomForms--------------------*/
div.custom-form
{    
    margin-left:20px;
}

div.custom-form label
{
    font-weight: bold;
    display: block;
    float: left;
    width: 98%;
    margin: 10px 0px 5px 0px;
}

div.custom-form img 
{
    display: block;
    float: left;
}

div.custom-form input
{
    width: 300px;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    float: left;
}

div.custom-form input.checkbox
{
    width:20px;
    padding: 3px 3px 3px 0px;
    font-weight: bold;
    float: left;
}


div.custom-form select {
    float:left;
}

div.custom-form textarea
{
    width: 410px;
    padding: 3px 3px 3px 3px;
    float: left;
}

div.custom-form p.submit
{
    width: 100%;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #cccccc;
    margin: 15px 0pt 0pt 0pt;
    padding: 15px 0pt 0pt 0pt;
    float: left;
}

div.custom-form p.submit input
{
    font-weight: normal;
    width: auto;
}

div.custom-form p.submit span
{
    margin: 0px 1px 0px 3px;
}


/*---------------------CustomForms--------------------*/
body.forgot_password
{
    background-color: #e5e5e5;
}

/*Olvido de password*/
body.forgot_password div#login_top
{
    background: url(/Content/img/login_crm.png) no-repeat -480px top;
    border: none;
    margin: 0 auto;
    height: 12px;
    padding: 0 0 12px;
    width: 650px;
}

body.forgot_password .modal_container
{
    background: url(/Content/img/login_crm.png) no-repeat -480px bottom;
    border: none;
    margin: 0 auto;
    width: 650px;
}

body.forgot_password .modal_container .inner
{
    padding: 5px 20px 20px;
    margin-top: 0;
}

body.forgot_password .modal_container div.content
{
    margin-left: 0;
}

body.forgot_password p
{
    font-size: 13px;
    line-height: 18px;
}

body.forgot_password input#Email
{
    width: 300px;
    padding: 3px;
    margin-bottom: 5px;
}

body.forgot_password div.go_back
{
    border-top: 1px dashed #ccc;
    margin-top: 15px;
    padding: 10px 0 0 0;
}

body.forgot_password div.go_back a.admin
{
    color: #00e;
    text-decoration: underline;
}
/*Olvido de password*/

/*#loading
{
    margin: 2em 0 1em 0;
    float: left;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-style: none;
    height: 22px;
    line-height: 1.5em;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
}*/
#pagination
{
    margin: 2em 0 1em 0;
    float: left;
    width: 100%;
}

/*-------------Editar/Crear Deal ------------------*/
/*=== NEW/EDIT DEAL ===========================================*/

label.deal-category
{
    display:inline-block;
    /*background-color:#000;*/
    /*color:#FFF;*/
    padding:2px;
    font-size:smaller;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 0.7;
}

div.edit_deal div.innercol
{
    padding-left: 20px;
    width: 90%;
}

div.edit_deal p
{
    font-size: 13px;
    margin: 5px 0;
}

div.edit_deal input.name
{
    font-size: 18px;
    width: 98%;
}

div.edit_deal div.permissions
{
    margin-top: 15px;
}

div.edit_deal div.permissions h2
{
    padding-bottom: 3px;
}

div.edit_deal div.permissions div.form_section
{
    padding: 0 5px 5px 5px;
}

div.edit_deal div.form_section
{
    margin-bottom: 15px;
}

div.edit_deal p.submit
{
    border-top: 1px dashed #ccc;
    margin: 0;
    padding: 15px 0 0 0;
}

div.edit_deal div.results
{
    width: 70%;
}

div.edit_deal div.results div.results_box
{
    border: 1px solid #999;
}

div.edit_deal div.results div.results_inner_box
{
    border: 3px solid #ffc;
}

div.edit_deal div.results div.instruction
{
    background: #ffc;
    font-size: 11px;
    padding: 3px 3px 6px 3px;
}

div.edit_deal div.results ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div.edit_deal div.results li
{
    font-size: 12px;
    margin-bottom: 0;
    padding: 0;
}

div.edit_deal div.results li a
{
    display: block;
    padding: 7px;
}

div.edit_deal div.results li a:hover, div.edit_deal div.results li.highlighted a, div.edit_deal div.results li.highlighted a:hover
{
    background: #03b;
    color: #fff;
    text-decoration: none;
}

div.edit_deal div.results li.selected a, div.edit_deal div.results li.selected a:hover
{
    background: #03b;
    color: #fff;
    text-decoration: none;
}

div.edit_deal div.results div.no_matches
{
    background: #ffc;
    padding: 5px 10px 10px 10px;
    font-weight: normal;
}

div.edit_deal div.results div.no_matches p
{
    font-weight: normal;
    margin: 0 0 5px 0;
}

div.edit_deal div.permissions h2
{
    font-size: 13px;
    margin-bottom: 0px;
}

div.edit_deal table.subject_header td.icon img
{
    border: none;
}

table.deals td
{
    vertical-align: middle;
    padding-bottom: 15px;
    border-bottom: none;
}

table.deals td img
{
    margin: 0;
    padding: 0;
}

table.deals td h2
{
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1em;
}

div.edit_deal p
{
    font-size: 13px;
    margin-bottom: 15px;
    font-weight: bold;
}

div.edit_deal div.choose_the_deal_party
{
    margin-bottom: 15px;
}

div.edit_deal div.choose_the_deal_party p.header
{
    margin: 0 0 4px 0;
    line-height: 17px;
    font-size: 14px;
}

div.edit_deal div.choose_the_deal_party img.avatar
{
    width: 32px;
    height: 32px;
    float: left;
    margin: -5px 0 0 -45px;
}

div.edit_deal input.name, div.edit_deal textarea
{
    font-size: 14px;
}

div.edit_deal textarea
{
    width: 95%;
}

div.edit_deal input.name
{
    width: 70%;
}

div.edit_deal p span.details
{
    font-size: 11px;
    font-weight: normal;
}

div.edit_deal p.submit
{
    font-weight: normal !important;
    font-size: 12px;
}

div.edit_deal div.page_header h1
{
}

div.edit_deal div.delete_and_vcard
{
    margin-top: 20px;
}

    /*-------------     && Lista de tareas     ------------------*/

table.tasks, table.deals
{
    width: 100%;
}

table .task_item
{
    padding-top:0px;
    padding-left:20px
}

div.list_sub_title
{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    width: 100%;
}

table.tasks tr div.list_sub_title, table.deals tr div.list_sub_title
{
    padding: 3px 5px;
}

table.tasks tr div.list_sub_title, table.deals tr div.list_sub_title
{
    font-size: 11px;
    margin: 0 0 1px 0;
    /*padding: 0;*/
}

table.tasks tr div.list_sub_title span, table.deals tr div.list_sub_title span
{
    float: right;
    font-size: 10px;
    margin: 0;
    padding: 2px 0 0 0;
    font-weight: normal;
    /*color: #fff;*/
}

table.tasks tr div.list_sub_title.pending, table.deals tr div.list_sub_title.pending
{
    border-bottom: 1px solid #dcdcdc;
    border-bottom: 1px solid #bbb;
    /*background: #489CD4;*/
}

/*table.tasks tr th.pending h2, table.tasks tr th.pending h2 span
{
    color: #fff;
}*/

table.tasks tr div.list_sub_title.completed, table.deals tr div.list_sub_title.completed
{
    border: none;
    padding: 3px 5px;
    /*background: #090;*/
}

/*table.tasks tr th.completed h2, table.tasks tr th.completed span, table.tasks tr th.completed a
{
    color: #fff;
}*/

table.tasks tr div.list_sub_title.cancelled, table.deals tr div.list_sub_title.cancelled
{
    /*background: #e8e8e8;*/
    padding: 3px 5px;
}

/*table.tasks tr th.cancelled h2 span, table.tasks tr th.cancelled h2
{
    color: #000;
}
table.tasks tr th.cancelled h2 a:hover
{
    color: #fff;
}

table.tasks tr th.cancelled h2 a
{
    color: #0033BB;
}*/

table.tasks tr.task td, table.deals tr.task td
{
    vertical-align: top;
    padding: 10px 5px 5px 0;
    /*border-bottom: 1px solid #dcdcdc;*/
    border-bottom: 1px solid #dcdcdc;
}

table.tasks td.avatar img.avatar, table.deals td.avatar img.avatar
{
    /*border: 1px solid #ccc;*/
    width: 42px;
    height: 42px;
    border: none;
    padding: 0;
    margin-bottom: 5px;
}

table.tasks tr.task td.avatar, table.deals tr.task td.avatar
{
    width: 1%;
    padding-left: 10px;
    padding-top: 7px;
}

table.tasks tr.task td.details, table.deals tr.task td.details
{
    padding-left: 20px;
    text-align: right;
}

table.tasks tr.task td.name_and_party, table.tasks tr.task div.name_and_party, table.deals tr.task td.name_and_party, table.deals tr.task div.name_and_party
{
    width: 60%;
    padding-top: 8px;
    float: left;
}

table.tasks td.name_and_party .sub_title, table.tasks div.name_and_party .sub_title, table.deals td.name_and_party .sub_title, table.deals div.name_and_party .sub_title
{
    font-size: 14px;
    margin: 0;
    line-height: 1.1em;
    padding: 0;
    font-weight: bold;
}

table.tasks td.name_and_party .sub_title2, table.tasks div.name_and_party .sub_title2, table.deals td.name_and_party .sub_title2, table.deals div.name_and_party .sub_title2
{
    font-size: 14px;
    margin: 0 0 2px 0;
    padding: 0;
    font-weight: normal;
}

table.tasks td.name_and_party .sub_title span, table.tasks div.name_and_party .sub_title span, table.deals td.name_and_party .sub_title span, table.deals div.name_and_party .sub_title span
{
    font-size: 11px;
    font-weight: normal;
}

table.tasks td.name_and_party p, table.tasks div.name_and_party p, table.deals td.name_and_party p, table.deals div.name_and_party p
{
    font-size: 11px;
}

table.tasks div.details, table.deals div.details
{
    text-align: right;
    margin-right: 10px;
}

table.tasks td.details p, table.tasks div.details p, table.deals td.details p, table.deals div.details p
{
    font-size: 11px;
    /*color: #666;*/
    margin: 0;
    padding: 0;
}

table.tasks td.details p span.owner, table.tasks div.details p span.owner, table.deals td.details p span.owner, table.deals div.details p span.owner
{
    /*color: #000;*/
    font-size: 11px;
}

table.tasks td.details .comments, table.tasks div.details .comments, table.deals td.details .comments, table.deals div.details .comments
{
    font-size: 11px;
    margin: 0 0 4px 0;
    padding: 0;
}

table.tasks td.details .comments span.category, table.tasks div.details .comments span.category, table.deals td.details .comments span.category, table.deals div.details .comments span.category
{
    /*background-color: #000000;*/
    padding: 2px 4px;
    /*color: #FFFFFF;*/
    font-weight: normal;
    opacity: 0.7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.lite-category
{
    padding: 0px !important;
    margin-top: 0px !important;
    opacity: 0.7 !important;
}

table.tasks td.details .comments span.price, table.tasks div.details .comments span.price, table.deals td.details .comments span.price, table.deals div.details .comments span.price
{
    font-size: 11px;
    /*color: #000;*/
    font-weight: normal;
}

table.tasks tr.last td, table.deals tr.last td
{
    padding-bottom: 30px;
    border-bottom: none;
}

/* ---------- Home images  ---------- */
div.notification-note
{
    padding: 4px 0 2px 0;
}

div.notification-note div.deal-state-notification img
{
    height:24px; 
    width:24px; 
    display:inline
}

div.notification-note div.deal-state-notification 
{
    padding:3px;
    font-weight:bold; 
}

div.notification-note-info
{
    float: left;
    padding: 0px 0px 0px 5px;
    width: 87%;
}

div.deal-state-pending
{
    margin-top: 0px;
    margin-left: 0px;
    opacity: 1;
    width: 82px;
}

div.deal-state-won, deal-state-lost, deal-state-pending
{
    width: 80px;
}

div.note-responsible 
{
    width:100%; 
    font-size:10px; 
    /*color:#333333;*/
    text-align:right;
    padding-right:10px;
}

div.note-responsible a
{
    color: inherit;
}
    
div.note-responsible a:hover
{
    background-color: inherit;
    text-decoration: underline;
}

/********************************************/

.filter-section
{
    float: left;
    padding-bottom: 10px;
}