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: 60px;
    min-width: 800px;
}

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

#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: #fff;
    padding: 0;
}

#global_links a:hover
{
    background: #000;
}

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

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

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

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

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



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: #03b;
    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.grey
{
    color: #666;
}

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

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

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

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



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

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

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

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

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 
    {
        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;
    }
    
    div.notification-note 
    {
        padding-left:10px; 
        background-color:#F5F5F5;
        border-width:1px;
        border-color:#CFCFCF;
        border-style:solid;
        margin:1px
    }
    
    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
    {
        height:24px; 
        width:24px; 
        display:inline
    }

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




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

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

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

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

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

#Tabs
{
    clear: left;
    margin: 40px 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; 
	*overflow-x:auto; 
	*overflow-y:hidden; 
	*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
{
    padding:10px 10px 10px 10px;
    margin-top:10px;
    margin-right:25px;
    background-color:#EEECD0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: larger;
}
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;
}


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