﻿body
{
    font-family: "Lucida Grande" ,verdana,arial,helvetica,sans-serif;
}

/*  ------------------ Header  ---------------------- */

div#Header
{
    padding: 4px 12px 8px 8px;
    background-image: url(/Content/img/simple.png);
    background-repeat: repeat;
    background-position: 0 bottom;
    height: 85px;
    min-width: 800px;
}

div#Header h1 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    color: #fc0;
    text-align: left;
}

.DropDownResponsible {
    
}

.DropDownResponsibleBlock {
    
}

#ImgLogo{
    height:50px; 
    margin-top:5px;
    max-width:75%; 
    display:inline-block; 
    float:left;
 }
 
.btnGenRepDealTag {
    background: -moz-linear-gradient(center top , #EDEDED 0%, #C4C4C4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    min-width: 170px;
}

.btnGenRepDealTag:hover {
    background: -moz-linear-gradient(center top , #EDEDED 0%, #d6e0f9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    min-width: 170px;
}


.btnSearchContact {
   background: -moz-linear-gradient(center top , #EDEDED 0%, #DFDFDF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
   /*min-width: 150px;*/ 
    padding:5px;
    width: 85%;
    
}

.btnSearchContact:hover {
    background: -moz-linear-gradient(center top , #EDEDED 0%, #C5C5C5   100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    /*min-width: 150px;*/
}

.btnEditContact {
   background: -moz-linear-gradient(center top , #EDEDED 0%, #DFDFDF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
   min-width: 213px;
    padding:5px;
    width: 30%;
    
}

.btnEditContact:hover {
    background: -moz-linear-gradient(center top , #EDEDED 0%, #C5C5C5   100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    min-width: 213px;
     width: 30%;
}

#errorDisplay
{
    position:absolute;
    z-index: 2000;
    text-align: center;
    background-color: #FFDFDF;
    color: #000;
    font-weight: bold;
    margin-right: 200px;
    margin-left: 200px;
    margin-top: 10px;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}

#global_links
{
    float: right;
    width: 100%;
    text-align: right;
    line-height: 10px;
    font-size: 10px;
    color: #56778b;
}

#global_links a
{
    color: #666666;
    padding: 0;
}

#global_links a:hover
{
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    
}

label#current-user
{
    display:inline-block;
    padding:3px;
    background-color:#E5E5E5;
    color:#000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/* Validacion */

.validation-summary-errors
{
    color: #D50A3B;
    text-align: left;
    padding: 0 !important;
    margin: 0 0 0 20px !important;
}

ul.validation-summary-errors
{
    list-style: none;
}

span.field-validation-error
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

ul.attachments
{
    padding: 0;
    margin: 0 0 9px 0;
}

ul.attachments img
{
    vertical-align: middle;
}

ul.attachments li
{
    list-style: none;
    margin: 5px 0 10px 0;
    padding: 0;
    vertical-align: middle;
}

ul.attachments li a.file_icon
{
    float: left;
    margin: 0 8px 0 0;
}

ul.attachments li a:hover
{
    background: none;
    color: #03c;
    text-decoration: underline;
}

ul.attachments li div h2
{
    height: 16px;
    font-size: 13px;
    font-weight: normal;
    margin: 7px 0 3px 0;
}

ul.attachments li div p
{
    color: #999;
    font-size: 10px !important;
}

/* Validacion */

/*-------------------------------------------------
LOGIN FORM
-------------------------------------------------*/
body.login
{
    background-color: #e5e5e5;
}

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

body.login .modal_container
{
    background: url(/Content/img/login_crm.png) no-repeat left bottom;
    border: none;
    margin: 0 auto;
}

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

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

body.login label
{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0 0 2px;
}

body.login p
{
    margin: 0 0 5px 0;
    font-size: 11px;
}

p.password_entry
{
    padding-bottom: 20px;
}

body.login p label
{
    font-size: 14px;
    padding-top: 3px;
}

body.login p span.note
{
    color: #ccc;
    font-size: 11px;
    margin-left: 5px;
}

body.login input#UserName, body.login input#Password
{
    width: 300px;
    padding: 3px;
}

body.login div.checkbox_and_submit
{
    font-size: 12px;
    color: #666;
}

body.login div.checkbox_and_submit p
{
    margin: 10px 0 0 0;
}

body.login div.checkbox_and_submit p label
{
    float: none;
    display: inline;
    font-size: 12px;
    width: auto;
    font-weight: normal;
}

body.login div.extras
{
    border-top: 1px dashed #ccc;
    margin-top: 20px;
    padding-top: 10px;
}

body.login div.extras ul
{
    margin: 0 0 0 17px;
    padding: 0;
}

body.login div.extras ul li
{
    list-style: square;
    font-size: 12px;
    padding-bottom: 3px;
}

/*-------Fin Login Form--------*/

/*Modal*/
body.modal
{
}

body.modal div.outer
{
    margin: 60px 0 15px 0;
}

body.modal div.below
{
    width: 480px;
    margin: 5px auto 0 auto;
    font-size: 10px;
    text-align: right;
}

body.modal div.below a
{
    color: #777;
}

body.modal div.below a:hover
{
    color: #fff;
    background: #666;
}

.modal_container
{
    border: 10px solid #ccc;
    background: #fff;
    text-align: left;
    width: 480px;
    margin: 0 auto;
}

.modal_container div.inner
{
    margin: 15px 20px 10px 20px;
}

.modal_container div.content
{
    margin: 0 0 15px 120px;
}

/*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%;
}



.button_SearchContact {
    background: none repeat scroll 0 0 #EDF3FE;
    margin: 0;
    padding: 13px 30px 13px 24px;
    border: 1px solid #D2DBF4;
    border-radius: 0 !important;
    color: #0D2054;
    width: 200px;
    text-align: center;
}

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

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

.commonDataTextBoxModal
{
    font-size: 12px;
    width: 96%;
}

.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;
    padding: 6px;
    vertical-align: middle;
}

.successbox{
    width: 100%;
    background-color: #D2DBF4;
    border: 1px solid #D2DBF4;
    font-size: 12px;
    height: 20px;
    vertical-align: middle;
    color: #0D2054;
    border-color:#0D2054;
}

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



h1, h2
{
    margin-bottom: 5px;
}

h1
{
    font-size: 16px;
}

a
{
    text-decoration: underline;
    padding: 1px;
}
a:link
{
    color: #03c;
}
a:visited
{
    color: #03c;
}
a:hover
{
    color: #fff;
    background-color: #ccc;
    text-decoration: none;
}

a.ui-icon:hover
{
    background-color: transparent;
}

a img
{
    border: 1px solid #efefef;
}
a.image img
{
    border: none;
    padding: 0;
    margin: 0;
}

a.image:hover
{
    background-color: transparent;
}

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.linkTaskPendding:link, a.linkTaskPendding:visited
{
    color: #7C0909;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;

}

a.linkTaskPendding:hover
{
    color: #fff;
    background: #7C0909;
    opacity: 0.3;
    border-radius: 4px;
}


a.grey
{
    color: #666;
}

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


/*=========================*/
/*=======   Panes   =======*/
/*=========================*/

div.container   {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 68%;
    float: left;}

.container .innercol { padding: 15px 23px 20px 13px; }

.panel
{
	margin: 0 1%;
	padding: 0;
	float:	left;
	display: inline-block;
}
.right-panel	        { width: 28%; }
.left-panel		        { width: 67%; } 
.reset-right-margin 	{ margin-left: 0; }
.reset-left-margin 	    { margin-right: 0; }
.text_right		        { text-align: right; }

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

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

.right-panel h2 a.admin, .right-panel div.module a.admin
{
    color: #555;
}

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

.innercolDeal form > table {
   
    margin: 1% 0.5%;
    min-width: 525px;
    padding: 1%;
    width: 48%;
}

.buttonsTable {

    margin: 0px auto;
}

.tableSuperTag {
  
    margin: 1% 0.5%;
    min-width: 525px;
    padding: 1%;
    width: 48%;
}

div.right-panel h2
{
    clear: left;
    background: #f0f0f0;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px 5px;
}

div.right-panel div.module div.inner h2
{
    background: none;
    border: none;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 8px 0;
}

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;
}

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;
}

h1.index
{
    font-size: 14px;
    margin: 5px 0 15px 0;
    padding: 0;
}

div.page_header h1.index
{
    color: #000000;
    margin: 0;
}

/* ------- Encabezados ------------*/

div.page_header
{
    background: #edf3fe;
    margin: 0;
    padding: 13px 30px 13px 24px;
}

div.page_header h1 span
{
    font-size: 12px;
    color: #666;
    font-weight: normal;
}


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

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

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

/*Tags*/
div.tags
{
    width: 100%;
}
div.tags div.list
{
    margin-top: 4px;
    font-size: 11px;
    color: #666;
}

div.tags div.list img.tag
{
    width: 15px;
    height: 16px;
    vertical-align: middle;
    margin-right: 2px;
}

div.tags div.list a
{
    color: #333;
    white-space: nowrap;
}

div.tags div.list a:hover
{
    color: #fff;
}
/*Fin Tags*/

div.subject_header_links a.active:link, div.subject_header_links a.active:visited, div.subject_header_links a.active:hover
{
    background: #999;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

div.subject_header_links a.edit
{
    text-decoration: none;
    color: #777;
}

div.subject_header_links a.edit:hover
{
    color: #fff;
}

table.subject_header
{
    border-collapse: collapse;
}

table.subject_header td
{
    padding: 0;
}

table.subject_header td.name span
{
    color: #ccc;
    font-weight: normal;
}

table.subject_header td.name
{
    font-size: 13px;
    line-height: 18px;
    padding: 2px 0 0 10px;
}

table.subject_header td.name h1
{
    letter-spacing: -1px;
    font-size: 22px;
    color: #000;
    margin: 0 0 7px 0;
    padding: 0;
    line-height: 1.1em;
}

table.subject_header td.name a
{
    padding: 2px 0;
}

table.subject_header td.name a.to_person
{
    font-weight: bold;
}

table.subject_header td.icon
{
    vertical-align: top;
    text-align: right;
    width: 57px;
}

table.subject_header td.icon a
{
    padding: 0;
}

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

a.avatar:hover
{
    background: none;
}

img.avatar
{
    padding: 1px;
    border: none;
}

img.blank_avatar
{
    padding: 0;
}

img.white
{
    background: #fff;
    padding: 10px;
}

div.subject_details
{
    color: #333;
    margin: 0 0 0 0;
}

div.subject_details a
{
    color: #333;
}

div.subject_details a.image:hover
{
    background: none;
}
/* ------- Encabezados ------------*/

/*-------------------- LISTA CONTACTOS ---------------------*/

div.bulk_controls
{
    font-size: 11px;
    margin: 6px 0;
    background-color: #ffc;
    padding: 15px;
    border-top: 1px solid orange;
}

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

div#contact-list div.person.selected
{
    background-color: #ffd;
}

div.search_results_header
{
    padding-bottom: 10px;
    margin-top: 15px;
}

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

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

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;
}

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

div#contact-list div.person .metadataDataRow
{
    float: left;
    width: 30%;
}



div#contact-list div.person .ButtonSelect
{
    float: right;
    width: 15%;
}

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

div#contact-list div.person .metadata div.tags
{
    color: #999;
    font-size: 10px;
}

div#contact-list div.person .metadata div.tags a
{
    color: #999;
}

div#contact-list div.person .metadata div.tags a:hover
{
    color: #fff;
}

div.avatar_subject div.info
{
    margin-left: 42px;
    padding-left: 27px;
}

div.avatar_subject h1
{
    font-family: lucida grande, sans-serif;
    font-size: 16px;
    color: #000;
    margin: 0 0 2px 0;
    padding: 0;
}

div.avatar_subject h1.private a:link, div.avatar_subject h1.private a:visited
{
    padding-right: 3px;
    text-decoration: none;
}

div.avatar_subject h1.private a span
{
    text-decoration: underline;
}

div.avatar_subject h1.private a:hover span
{
    text-decoration: none;
}

div.avatar_subject h2
{
    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;
}

div.avatar_subject h2 a:hover
{
    color: #fff;
    background-color: #666681;
}

div#parties_search div.basic div.live_search
{
    color: #666666;
    float: left;
    font-size: 10px;
    margin: 4px 0 3px;
    overflow: hidden;
    width: 100%;
}

div#parties_search div.basic div.live_search input
{
    font-size: 16px;
    width: 95%;
}

live_search
{
    font-size: 16px;
    width: 95%;
}

/*-------------------- LISTA CONTACTOS ---------------------*/

/*-------------------------------------------------
Datos de Contacto
-------------------------------------------------*/

div.contact_info p
{
    font-size: 13px;
}

div.contact_forms h2
{
}

div.contact_info .no_contact_info p
{
    font-size: 11px;
    color: #777;
}

.contact_info table
{
    margin-bottom: 7px;
}

.contact_info th
{
    text-align: right;
    padding: 2px 0 0 0;
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
    width: 45px;
    white-space: nowrap;
}

.contact_info td
{
    padding: 0 0 3px 6px;
    font-weight: normal;
    letter-spacing: normal;
    font-size: 12px;
    line-height: 140%;
}

.contact_info td span
{
    font-size: 10px;
    color: #888;
}

.contact_info td.primary_phone
{
    font-weight: bold;
}

.contact_info td.vcard
{
    font-size: 11px;
}

.contact_info .address th
{
    padding-top: 1px;
}


/*--------------------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;
}

div.avatar_subject img.blank_avatar
{
    padding: 0;
}

div.avatar_subject div.info
{
    margin-left: 42px;
}

div.avatar_subject h1
{
    font-family: lucida grande, sans-serif;
    font-size: 16px;
    color: #000;
    margin: 0 0 2px 0;
    padding: 0;
}

div.avatar_subject h1.private a:link, div.avatar_subject h1.private a:visited
{
    padding-right: 3px;
    text-decoration: none;
}

div.avatar_subject h1.private a span
{
    text-decoration: underline;
}

div.avatar_subject h1.private a:hover span
{
    text-decoration: none;
}

div.avatar_subject h2
{
    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;
}

div.avatar_subject h2 a:hover
{
    color: #fff;
}

div.avatar_subject h2.groups a
{
    color: #333;
}

div.right-panel div.avatar_subject div.info
{
    padding-top: 3px;
    margin-left: 42px;
}

.right-panel div.avatar_subject h1
{
    font-size: 14px;
}

.right-panel div.avatar_subject h2
{
    color: #666;
    font-size: 12px;
    border: none;
    background: none;
    clear: none;
    font-weight: normal;
}

/*--------------------Avatar-------------------*/

/*----------Personas de una empresa ---------------*/

div.right-panel div.aggregated_people
{
    clear: left;
}


div.right-panel div.aggregated_people div.avatar_subject h1 > a
{
    text-decoration: none;
}

div.right-panel div.aggregated_people div.avatar_subject h1 > a span
{
    text-decoration: underline;
}

div.right-panel div.aggregated_people div.avatar_subject h1 a:hover span
{
    text-decoration: none;
}

contactEdit_tags
{
    background: #FFFFFF none repeat scroll 0 0;
    border: thin solid #C0D1EC;
    color: #666666;
    font-size: 14px;
    margin: 10px 0 0;
    min-width: 350px;
    padding: 5px 10px 10px;
}
/*----------Personas de una empresa ---------------*/

/*----------Nueva nota---------------*/
div#new_note_container
{
    font-family: "Lucida Grande" , verdana, sans-serif;
    margin-bottom: 22px;
    margin-bottom: 18px;
    padding: 0;
    overflow: visible;
}

#new_note_container
{
    padding-top: 0;
    border: none;
}

#new_note_container div.permalink
{
    margin-bottom: 5px;
    padding: 2px 0 0 0;
}

#new_note_container div.permalink strong
{
    font-size: 14px;
}

#new_note_container div.body
{
    margin: 0;
}

.aggregated_stream #new_note_container div.body
{
    margin-left: 50px;
}

#new_note_container div.inputs
{
    width: 100%;
}

#new_note_container textarea
{
    /*font-family: verdana, sans-serif;*/
    width: 100%;
    font-size: 13px;
}

#new_note_container div.submits
{
    background-color: white;
    padding-bottom: 5px;
    padding-top: 3px;
    text-align: right;
    width: 120px;
    float: right;
}

#new_note_container div.submits input
{
    font-size: 12px;
}


/*---------- Notas que se muestran en el inicio y que se refieren a cambios de estados de oportunidade u otras notificaciones ---------------*/

    div.note-responsible 
    {        
        font-size:11px; 
        color:#333333; 
        text-align:right;
        padding-right:10px;
    }
    
    div.note-responsible a
    {
        color: inherit;
    }
    
    div.note-responsible a:hover
    {
        background-color: #0033BB !important;
        text-decoration: underline;
    }
    
    div.notification-note 
    {
        /*padding-left:10px;*/
    background-color: #F5F5F5;
    border-color: #CFCFCF;
    border-style: solid;
    border-width: 1px;
    min-height:55px;
    max-height:300px;
    margin: 5px 1px 1px;
    padding: 4px 0 2px;
    }
    
    div.notification-note span.task-done-notification 
    {
        text-decoration:line-through;
    }
    
    div.notification-note span.task-done-notification img
    {
        float:left;
        display: inline;
        border-style: none; 
    }
    
    div.notification-note span.deal-state-notification 
    {
        padding:3px;
        font-weight:bold; 
        color:White
    }
    
    div.notification-note span.deal-state-won  
    {
        background-color:green;
    }
    
    div.notification-note span.deal-state-lost
    {
        background-color:red;
    }
    
    div.notification-note span.deal-state-pending
    {
        background-color:gray;
    }
    
    
    
    div.notification-note span.deal-state-notification img,
    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
    {
        
    margin-left: 40px;
    padding: 0 0 0 5px;
       
    }

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

    .newStyleNote
    {
        width: 25px;
    }
    
    .font-notes
    {
        font-weight:bold;
        font-family:@Verdana;
        color: #1a1a1a;
        }

    #deal_State_Note{
        border-radius: 3px 3px 3px 3px;   
        float: left; 
    }

/*------------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:5px;
}

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;
    color: #000;
}

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;
}
/*------------Notas sobre algo ----------------------*/

/*-------------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;
}

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 div.choose_the_deal_party img.avatarDeal
{
    width: 32px;
    height: 32px;
    float: left;
    margin: 5px 0 0 5px;
}

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

div.edit_deal textarea
{
    width: 100%;
}

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;
}




/*-------------Editar/Crear Deal ------------------*/



/****** ESTILOS DE TAGS *******/
.edit_link
{
    background: url(/Content/img/editLink.gif) no-repeat scroll left -36px;
    display: inline-block;
    height: 18px;
    right: 3px;
    top: 3px;
    width: 18px;
}

.edit_link:hover
{
    background-position: right -18px;
}



.tag_link
{
    font-family: "Lucida Grande" ,verdana,arial,helvetica,sans-serif;
    font-size: 16px;
}

.tag_link .cancelLink
{
    font-size: 11px;
}

.tag_link span
{
    color: #CCCCCC;
    font-weight: normal;
    font-size: 11px;
}

.superTagLink
{
    font-size:12px;
    color:#034AF3;
}

.centerDiv
{
    background: #FFFFFF;
}
/****** FIN Estilos de tags *******/

/*-------------Lista de Deals -----------------------*/
table.deals
{
    width: 100%;
}

table.deals tr th
{
    padding: 3px 5px;
}

table.deals tr th h2
{
    font-size: 11px;
    margin: 0 0 1px 0;
    padding: 0;
}

table.deals tr th h2 span
{
    float: right;
    font-size: 10px;
    margin: 0;
    padding: 2px 0 0 0;
    font-weight: normal;
    color: #fff;
}

table.deals tr th.pending
{
    border-bottom: 1px solid #dcdcdc;
    border-bottom: 1px solid #bbb;
    background: #e8e8e8;
}

table.deals tr th.pending h2 span
{
    color: #666;
}

table.deals tr th.won
{
    border: none;
    padding: 3px 5px;
    background: #090;
}

table.deals tr th.won h2
{
    color: #fff;
}

table.deals tr th.lost
{
    background: #c00;
    padding: 3px 5px;
}

table.deals tr th.lost h2
{
    color: #fff;
}

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

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

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

table.deals tr.deal td.details
{
    padding-left: 20px;
}

table.deals tr.deal td.name_and_party
{
    width: 40%;
    padding-top: 8px;
}

table.deals td.name_and_party h2
{
    font-size: 14px;
    margin: 0;
    line-height: 1.1em;
    padding: 0;
}

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

table.deals td.name_and_party h2 span
{
    font-size: 11px;
    font-weight: normal;
}

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

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

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

table.deals td.details h4
{
    font-size: 11px;
    margin: 0 0 4px 0;
    padding: 0;
}

table.deals td.details h4 span.category
{
    background-color: #000;
    padding: 2px 4px;
    color: #fff;
    font-weight: normal;
}

table.deals td.details h4 span.price
{
    font-size: 11px;
    color: #000;
    font-weight: normal;
}

table.deals tr.last td
{
    padding-bottom: 30px;
    border-bottom: none;
}
/*-------------Lista de Deals -----------------------*/


/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

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

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

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

.right-panel h2 a.admin, .right-panel div.module a.admin
{
    color: #555;
}

.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;
}

.right-panel h2
{
    clear: left;
    background: #f0f0f0;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px 5px;
}


.right-panel div.module div.inner h2
{
    background: none;
    border: none;
    color: #333;
    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;
}


.right-panel h2 span.edit
{
    float: right;
    width: 90px;
    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 */
}

.right-panel p
{
    font-size: 12px;
    line-height: 1.4em;
    margin: 0 0 20px 0;
}

.right-panel div.regarding
{
    margin-bottom: 20px;
}

.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;
}

/****---- Fin de sidebar ----****/

/*-------------Users ------------------------*/
table.users
{
    border: none;
}

table.users th
{
    font-size: 11px;
    text-align: left;
    padding: 3px;
    color: #666;
    font-weight: normal;
    vertical-align: bottom;
}

table.users td
{
    padding: 8px;
    vertical-align: top;
}

body.users h2.pending_invites
{
    font-size: 13px;
    margin-top: 25px;
    color: #000;
}

table.users tr.pending_invite td.person
{
    color: #333;
    font-size: 11px;
}

table.users tr.pending_invite td.person a.internal
{
    padding: 0;
}

table.users tr.pending_invite td.edit
{
    padding-top: 8px;
}

table.users td.person div.avatar_subject div.avatar
{
    float: left;
    width: 32px;
}

table.users td.person div.avatar_subject img.avatar
{
    margin-bottom: 0;
}

table.users td.admin
{
    white-space: nowrap;
    width: 1%;
    padding-top: 10px;
    font-size: 11px;
    color: #666;
}

table.users td.edit
{
    padding-left: 5px;
    white-space: nowrap;
    width: 1%;
    padding-top: 12px;
    font-size: 11px;
}

table.users td.trash
{
    width: 1%;
    padding-top: 14px;
    padding-left: 4px;
}

table.users td.trash img
{
    vertical-align: middle;
}
/* ------------Fin Users ---------------------------*/

/*---------------------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;
    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%;
}
.round
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.more
{
    outline: none;
    display: block;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: left top;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 1.5em;
    margin-bottom: 6px;
    background-image: url('/Content/img/more.gif');
    text-decoration: none;
}
.more:hover
{
    border: 1px solid #bbb;
    text-decoration: none;
    background-position: left -78px;
    color: Gray;
    text-decoration: none;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

.new_task
{
    background: #F2F5FB;
}

.new_task div.task div.body
{
    margin: 0;
}

div.button_to_add_new
{
    margin-bottom: 20px;
}

div.button_to_add_new a#add_a_task img
{
    width: 114px;
}

div.button_to_add_new a#add_a_task.pressed
{
    background-image: url(/images/tasks/add_a_task-pressed.gif);
    width: 114px;
}

.new_task p.task_body span
{
    display: block;
    margin-bottom: 2px;
    font-size: 10px;
    line-height: 14px;
}

.new_task p.task_body a
{
    color: #666;
}

.new_task p.task_body input
{
    color: #000;
    font-size: 14px;
}

.new_task p, .sidebar_form .new_task p
{
    font-size: 12px;
    margin: 0 0 5px 0;
}

.new_task h1 span
{
    font-size: 12px;
    font-weight: normal;
}

.new_task h1 select
{
    vertical-align: top;
}

.new_task p.task_body
{
    margin-top: 0px;
}

.new_task select
{
    font-size: 14px;
}

.new_task p, .sidebar_form .new_task p
{
    font-size: 11px;
    margin: 0 0 8px 0;
}

.new_task div.set_time span.remove_time
{
    white-space: nowrap;
}

.sidebar_form .new_task div.set_time span.remove_time
{
    display: block;
    margin-left: 5px;
}


/*Botones*/
.fg-button
{
    outline: 0;
    margin: 0 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    margin-bottom:10px;
    
}
.fg-button .ui-icon
{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

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

/* remove extra button width in IE */
button.fg-button
{
    width: auto;
    overflow: visible;
}

.fg-button-icon-left
{
    padding-left: 2.1em;
}
.fg-button-icon-right
{
    padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon
{
    right: auto;
    left: .2em;
    margin-left: 0;
}
.fg-button-icon-right .ui-icon
{
    left: auto;
    right: .2em;
    margin-left: 0;
    float: left;
}

.fg-button-icon-solo
{
    display: block;
    width: 8px;
    text-indent: -9999px;
}
/* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset
{
    float: left;
}
.fg-buttonset .fg-button
{
    float: left;
}
.fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button
{
    margin-right: -1px;
}

.fg-toolbar
{
    padding: .5em;
    margin: 0;
}
.fg-toolbar .fg-buttonset
{
    margin-right: 1.5em;
    padding-left: 1px;
}
.fg-toolbar .fg-button
{
    font-size: 1em;
}
/*Fin Botones*/



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

table.tasks
{
    width: 100%;
    padding-top: 20px;
}

table.tasks tr th
{
    padding: 3px 5px;
}

table.tasks tr th h2
{
    font-size: 11px;
    margin: 0 0 1px 0;
    padding: 0;
}

table.tasks tr th h2 span
{
    float: right;
    font-size: 10px;
    margin: 0;
    padding: 2px 0 0 0;
    font-weight: normal;
    color: #fff;
}

table.tasks tr th.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 th.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 th.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
{
    vertical-align: top;
    padding: 10px 5px 5px 0; /*border-bottom: 1px solid #dcdcdc;*/
}

table.tasks 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
{
    width: 1%;
    padding-left: 10px;
    padding-top: 7px;
}

table.tasks 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
{
    width: 60%;
    padding-top: 8px;
    float: left;
}

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

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

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

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

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

table.tasks td.details p, table.tasks 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
{
    color: #000;
    font-size: 11px;
}

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

table.tasks td.details h4 span.category, table.tasks div.details h4 span.category
{
    background-color: #000;
    padding: 2px 4px;
    color: #fff;
    font-weight: normal;
}

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

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


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 {
    font-weight: normal;
    opacity: 0.7;
    padding: 2px 4px;
   
}


.dealPendingTasks {
    font-weight: normal;
    opacity: 0.7;
    padding: 2px 4px;
     background: none repeat scroll 0 0 #000000;
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    opacity: 0.3;
    padding: 8px;
}

div.list_sub_title {
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color;
    border-radius: 0 0 0 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    margin-left: 0;
    margin-top: 0;
    opacity: 1;
    padding: 0;
    width: 100%;
    font-size: 13px; /**** 11px Tamaño de las fuentui-widget-shadowes en los subtitulos. ****/
}


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

/*----------------------------------------------------------*/

div.module div.inner p.x-small
{
    font-size: x-small;
    margin-bottom: 2px;
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs
{
    clear: left;
    margin: 65px 0 0 0;
    padding: 0;
    height: 24px;
    position: absolute;
}

#Tabs ul
{
    margin: 0;
    padding: 0;
}

#Tabs li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
    border: none;
}

#Tabs a:link, #Tabs a:visited
{
    text-decoration: none;
    border: 1px solid #7F7F7F;
    color: #fff;
    background-color: #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    float: left; /* for IE6 */
    font-size: 12px;
    font-weight: normal;
    padding: 3px 8px 5px 8px;
    margin: 0px 3px 0px 3px;
}

#Tabs a:hover
{
    color: #fff;
    background: #000;
    border-bottom: 1px solid #000;
}

#Tabs a:link.current, #Tabs a:visited.current
{
    border: 1px solid #FFF;
}

#Tabs a:link.current, #Tabs a:visited.current
{
    background:#E5E5E5 url(/Content/img/tab-bg.gif) repeat-x scroll center top;
    border-bottom: 1px solid #E5E5E5;
    font-size: 12px;
    
    padding: 3px 8px 5px 8px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 3px 0px 3px;
}


/******************ESTILOS PARA TABLAS (COPIADOS DE APROBADO)*************************/

.tableYUI_div
{  	
	border-left: solid 1px #7f7f7f; 
	border-right: solid 1px #7f7f7f; 
	border-bottom: solid 1px #7f7f7f; 
	padding: 0 0 0 0;
	overflow: auto; 
	overflow:visible; 
	padding-bottom:15px;
}

.tableYUI 
{
	border: solid 1px #7f7f7f;
	font-family:arial;
	font-size:inherit;
	font-weight: normal;	
	text-decoration: none;	
	vertical-align: bottom;
	text-align: left;
	border-collapse: collapse;
	elevation: lower;
	margin: 1px 0px 0px 0px;	
}

.thTableYUI
{
	margin: 0 0 0 0;
	padding: 4px 10px 4px 10px;
	font-weight: normal !important;
	text-align: center;
	color: Black;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cbcbcb;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cbcbcb;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7f7f7f;
	
	background:#E5E5E5 none repeat-x 0 0;
	
}

.thTableYUI2
{
	margin: 0 0 0 0;
	padding: 3px 10px !important;
	font-weight: normal;
	text-align: center;
	color: Black;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cbcbcb;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cbcbcb;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7f7f7f;
	
	background:#D8D8DA url(images/sprite_yuitable.png) repeat-x 0 0;
	
}


.trHeaderTableYUI
{	
}

.thSortable:hover {
    cursor: pointer;
    text-decoration: underline;
}

.trTableYUI_selected
{
	/*background-color: #344FD8 !important;*/
	background-color: #4F7E41 !important;
	color: White !important;
}

.trTableYUI_selected a
{	
	color: White !important;
}

.trTableYUI_alt
{
	background-color: #F0F0F0;	
}

.trTableYUI_hover 
{
	background-color: #D6E0F9 !important;	
}

.tdTableYUI
{
	margin: 0 0 0 0 !important;
	padding: 3px 10px 3px 10px !important;
	
	border-right-width: 1px !important;
	border-right-style: solid !important;
	border-right-color: #cbcbcb !important;

	border-left-width: 1px !important;
	border-left-style: solid !important;
	border-left-color: #cbcbcb !important;	
	
}

.tdTableYUI input[type='checkbox'] 
{
	margin: 0 0 0 0;
	
}
/****************************************************************/
div.user-dropbox
{
    background-color: #EEECD0;
    font-size: larger;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 10px;
}
div.user-dropbox label.dropbox-hint
{
    font-size:smaller;
    font-weight:normal;
}

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

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

div#loading-content
{
    display:inline-block;
    color:#000;
    font-weight:bold;
}

span.invited
{
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    padding:1px 2px 1px 2px;
    background-color: #66bb55;
}

p.explanation 
{
    display:block;
    width:60%;
    padding-left:20px;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 18px;
}

div#dropbox-help
{
    font-size: 1.3em;
    color: #232323;
    font-family: georgia,times,"times new roman";
    line-height: 1.3em;
}


div.contextBox 
{
    position:relative;
    height: 1px;
    width: 1px;
    text-align: left;
}


div.contextBox div.contextBoxContent 
{
    background-color: #FFFFFF;
    position:absolute;
    min-width: 160px;
    left: -6px; /* igual al padding + el borde */
    top: -13px;/* igual al font-size + 1 */
    z-index: 3;
    border-style:solid;
    border-width: 1px;
    border-top-color: #AAAAAA;
    border-left-color : #AAAAAA;
    border-right-color : #333333;
    border-bottom-color : #000000;
    overflow:hidden;
    text-align: left;
}


div.contextBoxTrigger 
{
    cursor: pointer;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}


div.contextBox div.contextBoxContent div 
{
    padding-left:10px;
    padding-top:5px;
    padding-right:5px;
}

div.contextBox div.contextBoxContent div.contextBoxTrigger 
{
   padding-left:5px;
   padding-top:5px;
   border-bottom-style:solid;
   border-bottom-width: 1px;
   border-bottom-color : #AAAAAA;
}

a.simpleLink:hover
{
    color: #fff !important;
    background: #f00 !important;
}

/*************************
        Modules
**************************/

.adminModules
{
    padding-top: 10px;
    padding-left: 10px;
}

.moduleOrder
{
    width: 27px;
    text-align: right;
}


.adminModulesTableCells 
{
    border-style: solid;
    border-width: thin;
}

.adminModulesButton
{
    /*position: absolute;*/
    width: 50%;
    padding-top: 10px;
    padding-left: 10px;
    text-align: center;
}


/********************** ESTILOS PARA CONGRESOS COPIADOS DE CONTACTOS ************************/

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

div#congress-list 
{
    margin-top: 5px;
}


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


/************************ CATEGORIAS *****************************/
div#categories-list
{
    width: 100%;
    margin-top:30px;
    
}

div#categories-list .categories 
{
    width: 100%;
    margin-top:12px;
    border: 1px;
    border-style: solid;
    border-color: Black;
}

div#categories-list .categories .category, .options
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #efefef;
}
 
div#categories-list .title
{
    color: Black;

}

/*******************************CREATE CONGRESS*************************************/

#formulario
{
   margin-top: 35px;
}
    
#Name
{
    width: 70%;
    margin-bottom: 10px; 
}
.NameDeal
{
    width: 90%;
    margin-bottom: 10px; 
}

#Sede{
    width: 70%;    
    margin-bottom: 10px;  
}


#CEFechaIni, #CEFechaFin
{
    margin-bottom: 10px;
}

.createcongressInput
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 90%;
}

.createcongressInput2
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
    width: 90%;
}


div#contents
{
  margin-top: 30px;  
  margin-bottom:80px;  
  
}

#buttondiv
{
    margin-top: 25px;
    width:150px;
    margin-left:auto;
    margin-right:auto;
}

a.linkM:hover{
    cursor: pointer;
    text-decoration:none;
}

a.genericLink
{
    font-size: 11px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
    
}

a.genericLink:hover
{
    font-size: 11px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
   
}


a.catPricesLink
{
    font-size: 11px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
}

a.catPricesLink:hover
{
    font-size: 11px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
}

    
#categorias, #procedencia, #grupos, #especialidades
{
    margin-left: 35px;    
    margin-bottom: 15px;
    margin-top: 10px;
    width: 80%;
    border-top-color:#BDBDBD;
    border-top-style: solid;
    border-top-width: 1px;

}

.MaterialesCat{
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:auto;
    width: 462px;    
}

.CongressItem{
    margin-left: 35px;    
    margin-bottom: 15px;
    margin-top: 10px;
    width: 80%;
    border-top-color:#BDBDBD;
    border-top-style: solid;
    border-top-width: 1px;

}

.filas
{
    border-bottom-color:#BDBDBD;
    border-bottom-style: solid;    
    border-bottom-width: 1px;
}

.precio{
    margin-left: auto;
    margin-right:auto;
}    
    
#titleTable
{
    background-color: #B4B4B4 ;   
}

.par
{
   background-color: #F2F2F2 ;   
}

.impar
{
    background-color: #D8D8D8;   
    border-color:#999999;
    border-style: solid;
    border-width: 1px; 
}
    
.tablas
{
    border-style: solid;
    border-color: #999999;
    border-width: 1px;   
    width: 80%; 
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.categ
{
    border-color: black;
    border-style:solid;
    border-width: 1px;
    width: 90%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.catInput
{
    margin-top:10px;
    margin-left: 15px;    
}

#linkCat{
    margin-left: 15px;    
}

.iconlink2, .iconlinkE, .iconlinkG, .iconlinkP
{
    float: right;
    margin-right: 35px;    
}

.imgCongress
{
    margin-bottom: 10px;
}

a.linksLitaEdit
{
    font-size: 12px;
    color: #4F4F4F;
    text-decoration: none;
        
}

a.linksLitaEdit:hover
{
    font-size: 12px;
    color: #4F4F4F;
    text-decoration: underline;
    background-color: transparent;
    
}

a.iconlink, a.iconlink2, a.linkCatDelete, a.iconlinkE, a.iconlinkG, a.iconlinkP
{
  background-color: transparent;
  text-decoration: none;
}

a.iconlink:hover, a.iconlink2:hover, linkCatDelete:hover, iconlinkE:hover, iconlinkG:hover, iconlinkP:hover
{
  background-color: transparent;
  text-decoration: none;
}

 #titleLabel
 {
    float: left;
    width: 16%;
 }
 
.generic
{
    float: left;
    width: 80%; 
    margin-bottom: 10px;
}

.list_item_container_image{
	float: left
}

#editorForName
{
    float: left;
    width: 80%; 
}

#CongressBanner { 
    background:transparent url(/Content/img/loader.gif) center no-repeat;
}

#editModalName{
    margin-top: 30px;
    margin-left:auto;
    margin-right:auto;
    width: 80%;
}

.InputCateg
{
    width: 70%;    
}

.CatName{
   width: 90%;
   float: right; 
}

#tabs2{
  
   margin-left:auto;
   margin-right: auto;
   margin-top: 30px;
   margin-bottom: auto;
   overflow:auto;
   
}


#tabs{
   margin-top: 30px;
}

.tabsC {
   margin-top: 30px;
   margin-left:auto;
   margin-right:auto;
   width: 80%;
}

.wariningMateriales, .warningForErrorBox{
	width: 90%;
	float: left;
}

.MaterialesCloseError{
	margin-left: 5px;
}
.MaterialesCloseError:hover{
	background-color: transparent;
}

.title1{
    float: left;
    text-align:center;
}

.title2{
    float: right;
    border-left-width 1px;
    border-left-color: #4F4F4F;
    text-align:center;
    
    
}

#divMaterialsCategory{
    margin-bottom: 15px;
}


.tableH {
    text-align:center;
}

#SedeMoneda
{
    
}

.errorForModal{
    margin-top: 15px;
    margin-bottom: 30px;    
}

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

#warningDivFechas{
    margin-bottom: 15px;    
}

.crmTagDate {
	
	width: 136px;

}

.SuggesterContainer {
    float: left;
    padding-right: 10px;
    width: 70%;
}

.SuggesterTextBox{
	width : 100%;
}

#buttonActi{
    width: 100%;
    float: right;   
    margin-top: 20px; 
}

#Activities{
   margin-top : 30px;  
   margin-bottom:40px;   
}

.activi-button{
    float:right;    
} 
 
.editorNameActivities
{
    
    margin-top: 40px;
    margin-left:auto;
    margin-right:auto;
    width:80%
}

.line{
    margin-top: 30px;
    border-bottom-style:solid;
    border-bottom-color: #BDBDBD;
    border-bottom-width:1px;
}

.CatNameActivities{
   width: 75%;
   float: right;
   margin-right: 5%; 
}

#contentModelActivities{
    margin-left:auto;
    margin-right:auto;    
}

#CupoActivities, #CupoActivitiesEdit{
    width: 80%;
    margin-left:auto;
    margin-right:auto;    
}

#PrecioActivities, #PrecioActivitiesEdit{
    width:80%;
    margin-left:auto;
    margin-right: auto;
    margin-top:10px;    
}

#saveNewActivity{
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 150px;
}

.tablasModal
{
    border-style: solid;
    border-color: #999999;
    border-width: 1px;   
    width: 100%; 
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.highlighted{
	background-color: #E4EEF2;
	border: 1px solid;
}

#ActivitiesList{
    width: 100% ; 
    margin-top: 30px;
    margin-bottom:30px;
}

#CongressAct {
    border-top: 1px solid #BDBDBD;
    margin-bottom: 40px;
    margin-top: 80px;
}
.NameActiList {
    float: left;
    width: 44%;
    margin-top: 10px;
}
.PriceActiList {
    float: left;
    width: 36%;
    margin-left: 20%;
}
.editablesActiList {
    float: right;
    height: 25px;
    margin-right: 5%;
}

.ContactSuggester{
	margin-left: 45px;
}

#RelationshipCombo{
	margin-left: 5px;
	width: 141px;
}

.rowActivites {
    border-bottom: 1px solid #BDBDBD;
    height: 45px;
}
.OtroContainerAct {
    margin-bottom: 10px;
    margin-left: 46%;
    margin-top: 10px;
}
.linksAct {
    float: right;
    margin-top: 10px;
}

#IsAlwaysVisible, #IsvisibleInWeb {
    float: left;
    font-weight: bold;
    padding: 3px;
}

.funnelborder{
    border-width: 1px;
    border-style: solid;
    border-color: #C4C4C4;
}

.tablefunnel{
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.funnelLetter {
    font-weight: bold; 
    color:#4F4F4F; 
    font-size:14px;
}

.graphletter
{
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    min-width: 250px;
}

.priceColor{
    color:#4F4F4F;
    text-align:center;
}

.headerGraphBar
{
    margin: 0 0 0 0;
    outline: 0 none;
    padding: 0.4em 1em;
    position: relative;
    text-align: left;
    text-decoration: none !important;
}

#FunnelGraph {
    margin-left: 1%;
    max-width: 48%;
    min-width: 48%;
}

.containerBarChart
{ 
    margin-right: 1%;
    width: 49%;
    margin-top: 3%;
}

.filter{
  width:400px; 
  height:20px; 
  margin-top:-23px; 
  float: right    
}

.changeStatusError
{
    height: 40px;
    margin: 35px 1px -30px;
    padding: 4px 0 2px;
    font-size: 12px;
    line-height: 18px;
    color: #C16F6F;
}

#DealStagConf
{
    border-collapse: separate; 
    table-layout: fixed;
    width: 100%; 
}

.tableColor
{
    border-color: #C4C4C4; 
    background-color: #F3F3F3;  
    
}

.spanconfig
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.conghover{
    background-color: #A4A4A4;
}

.tittleTable
{
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    height: 25px;
    text-align: center;
}

.imputconfig {
    margin-right: auto;
    width: 95% !important;
}

#typeOfViewReport-button, #typeOfViewReportYear-button
{
    border-style: none;
    float: right;
    margin-top: -3px;
    height: 20px;
}

#editPersonalSettings
{
  margin: 30px auto 0;
}

a.CancelForUser
{
    color:red; 
    background:none;
    text-decoration:none;
}

a:hover.CancelForUser
{
    color:red; 
    background:none;
    text-decoration: underline;
}

.bottonUserSettings
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 190px;    
}

.tableUserSettings 
{
    margin: 15px auto;
    padding: 0;
    text-align: left;
    width: 68%;
}

.funnelDetails
{
    background: none repeat scroll 0 0 white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    min-width: 700px;
    width: 70%;   
}
#FunnelTable:hover {
   cursor: pointer;
}

.funnelLetterTableDetails
{
    
    color:#4F4F4F; 
    font-size:14px;   
    text-align: center;
}

.selectedfunnelDetails {
    float: right;
    height: 20px;
    margin-right: 0px;
}
#typeOfViewFunnelDetails-button {
    border-style: none; 
    float: right; 
    height: 20px; 
    margin-top: -4px;
}

.link{
    margin-left: 15%; 
    color: rgb(79, 79, 79); 
    margin-top: 15px; 
    float:left;
    font-weight: bold;
}

.noHover:hover
{
    background: none;
}

#ButonUpload{
    margin-left:5px;
}

#renderSetings {
 /*  margin-top: 20px;
    margin-left: 15px;*/
}

.butomSaveImg, .butomSaveCurrency {
    height: 26px;
    margin-left: 280px;
    margin-top: 10px;
}
#imgTenant:hover {
    color: #4F4F4F;
    text-decoration: underline;
}
#imgTenant {
    color: #4F4F4F;
}

#currencyType {
    margin-top: 3%;
    margin-bottom: 5%;
}

.errorCurrency 
{
    margin-bottom:5%; 
    text-align:center
 }

.settingsButtonForCrm {
     margin-left:auto;
     margin-right:auto; 
     margin-top:15px; 
     width:25%;

}

.ui-state-default-tree {
    	background: #ffffff url(images/bg_fallback.png) 0 0 repeat-x; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#ffffff100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(top, #ffffff 0%,#ffffff 100%); /* W3C */
	    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	    box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
        border-color: #BBBBBB !important;
        border-style: solid !important;
        border-width: 1.5px;
}

.ui-icon-carat-1-s-tree { 
    background-position: -64px 0;  
    position: relative;
}

#ReportTable {
    width: 100%;
}


.forReportLink:hover {
    background: none;
    text-decoration: none;
  
}

#linkforDealGrid a:hover{
    color: #4F4F4F;
    text-decoration: none;
    background-color: snow;
}

.taskdoneinfo {
    color: #777777;
    font-size: 11px;
    line-height: 1.5;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.recordingPicture {
    float: left;
    margin-right: 10px;
}

.recordingList ul {
    list-style: none outside none;
    margin-top: 0;
    padding-top: 0;
}
.recordingList ul li a {
    color: #404040;
}
.recordingList ul li a:hover {
    color: #ffffff;
}
.notification-note-done.bgTasks {
    margin: 15px 0;
}
#liteTaskListStream a:hover {
    background-color: #E4E4E4;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.3) inset;
    color: black !important;
}
#liteTaskListStream a {
    border-radius: 5px 5px 5px 5px;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    color: black;
}

.fg-menu-container.ui-widget.ui-widget-content.ui-corner-all.fg-menu-ipod {
        height: 261px !important;
    }

.ui-corner-all.ui-widget-content.fg-menu-scroll.fg-menu-current {
    height: 155px !important;
}

#GmailImportationImage a:hover {
    background: none;
    }

.fa-trash, .fa-pencil, .fa-book, .fa-search, .fa-share-alt, .fa-plus-sign{
    color: #000000 !important;
    font-size: 18px;
    text-decoration: none !important;
}


/*TImePicker*/

.timePicker {
  border: 1px solid #AAAACC;
  border-radius:5px;
  padding:2px;
  -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   direction: ltr;
}


/*
   Tabs plegables Dahiana 
    */

.list_sub_title.ui-widget-shadow {
    background-color: #8d2c2c;
    padding: 5px;
    position: relative;
}

div[id*="deals_"] {
    background-color: #f0f0f0;
}

div[id*="wonDeals"] {
     background-color: #f0f0f0;
}


div[id*="lostDeals"] {
     background-color: #f0f0f0;
}

.list_sub_title.ui-widget-shadow a {
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
}


.list_sub_title.ui-widget-shadow > a:hover {
    background-color: transparent;
    text-decoration: underline;
}

.list_sub_title i {
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 25px;
    top: 4px;
    -moz-transition: transform 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
}

.rotated {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



.mergeContactTittle {
    font-weight:bold;
    font-size: 1.25em;
}

.mergeContactP{
    
    font-size: 1.2em;
    text-align: justify;
    width: 550px;
    margin-left: 11px;
}


/*.select2-results-dept-0 .select2-result .select2-result-selectable .PendingOption .select2-results .select2-result-label {
    font-weight: bold;
}*/



.PendingOption {
    font-weight: bold;
}