/*

project: 		SF:ERP
file: 			defaultPalette.css
last updated:	19-05-2009
who: 				Alejandro Solorzano

This CSS sheet defines the default palette of the
working enviroment.

Esta hoja CSS define la paleta de colores por defecto
del ambiente de trabajo.

Table of contents / Tabla de contenidos:
*/

/*
A.- Sprites
*/

.mainSprites {
    background-image: url('/crm/recursos/img/defaultPalette/mainSprites.png');
    background-repeat: no-repeat
}

.bgSprites {
    background-image: url('/crm/recursos/img/defaultPalette/bgSprites.png');
    background-repeat: repeat-x
}

.verticalSprites {
    background-image: url('/crm/recursos/img/defaultPalette/verticalSprites.png');
    background-repeat: repeat-y
}

div.rightArrow, div.leftArrow {
    width: 27px;
    height: 27px;
    position: relative;
    float: left;
}

div.leftArrow {
    background-position: -103px -130px;
}
div.rightArrow {
    background-position: -130px -130px;
}

/*
1.- Header
*/
#container #header #search #formInput input,
#container #content div.contextMenu div.formField input {
    background-color: #d7e6e7;
    border: 1px solid #c1cccd
}

#container #header #search #text{
    color: #58595B
}

#container #header #logo {
    background-position: -3px 0px
}

#container #header #search #icon {
    background-position: -128px -49px
}

#inMenu {
    background-position: 0px -177px
}

#twoTabMenu {
    background-position: 0px -26px
}

#container #menu {
    background-position: 0px -177px
}

#inMenu #rightEnd,
#twoTabMenu #rightEnd,
#container #menu #rightEnd {
    background-color: red;
}

#inMenu div.begin,
#twoTabMenu div.begin,
#container #menu div.begin {
    background-position: -6px -104px
}

#inMenu div.spacer,
#twoTabMenu div.spacer,
#container #menu div.spacer {
    background-position: -39px -104px
}

#inMenu div.end,
#twoTabMenu div.end,
#container #menu div.end {
    background-position: -79px -104px
}

#inMenu div.active,
#twoTabMenu div.active,
#container #menu div.active {
    background-position: 0px -100px;
    border: none;
    color: #58595B;
    position: relative;
}

#inMenu div.active a,
#twoTabMenu div.active a,
#container #menu div.active a {
    color: #58595B
}

#inMenu div.active_left,
#twoTabMenu div.active_left,
#container #menu div.active_left {
    background-position: -18px -104px
}

#inMenu div.active_right,
#twoTabMenu div.active_right,
#container #menu div.active_right {
    background-position: -58px -104px
}

#inMenu div.inactive,
#twoTabMenu div.inactive,
#container #menu div.inactive {
    background-position: 0px -26px;
    position: relative;
    color: #58595B
}

div.inContainer .title,
#twoTabMenuSubMenu,
#container #subMenu {
    background-position: 0px -54px;
    color: #58595B
}

#InMenu div.inactive a,
#container #menu div.inactive a,
#container #subMenu a,
#container #lastMenu a {
    color: #58595B
}

#container #lastMenu {
    background-position: 0px -303px;
    color: #58595B
}

#container #header #options div.button {
    background-position: 0px -151px
}

#container #header #options div.button a {
    color: #d5e5e3
}

#container #header #options div.separator {
    background-position: -22px -53px
}

#container #header #options div.begin {
    background-position: -5px -53px
}

#container #header #options div.end {
    background-position: -47px -53px
}

#container #content div.contextMenu {
    border-bottom: 2px solid #808080;
    border-right: 2px solid #808080
}

#container #content div.contextMenu div.title {
    background-position: 0px -233px;
    color: #D5E5E3
}

#container #content div.contextMenu div.shortCut {
    border-bottom: 1px solid #808080
}

#container #content div.contextMenu div.shortCut div.link a {
    color: #58595B;
    text-transform: lowercase
}

#container #content div.contextMenu div.SCespecific div.link a {
    color: #000000;
}

#container #content #smallMenu {
    background-position: 0px 0px
}

#container #content #smallMenu #wrapper #bottom {
    background-position: -5px -82px
}

#container #footer #left {
    background-position: -131px -91px
}

#container #footer #center {
    background-position: 0px -268px;
    color: #fff
}

#container #footer #center a {
    color: #fff
}

#container #footer #right {
    background-position: -145px -91px
}

div.unreadIndicator {
    background-position: -81px -133px;
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -11px;
    vertical-align: middle;
    width: 22px;
}

td.halfTitle,
div.halfTitle {
    background-position: 0 -325px;
    clear: both;
    color: rgb(215,231,231);
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    padding-left: 10px;
    position: relative;
    text-align: left;
}

div.unreadIndicator.unread10Plus {
}
/* Buttons */
.smallFont {
    background-position: -63px -53px;
    cursor: pointer;
    float: left;
    height: 24px;
    width: 16px
}

.mediumFont {
    background-position: -84px -53px;
    cursor: pointer;
    float: left;
    height: 24px;
    width: 17px
}

.bigFont {
    background-position: -106px -53px;
    cursor: pointer;
    float: left;
    height: 24px;
    width: 17px
}

.activeState {
    background-position: -99px -91px;
    height: 34px;
    width: 11px
}

.inactiveState {
    background-position: -115px -91px;
    height: 34px;
    width: 11px
}

.newContact {
    background-position: -5px -131px;
    height: 24px;
    width: 30px
}

.btnBuscar {
    background-position: -43px -82px;
    border: none;
    height: 17px;
    width: 44px
}

/* Tables */
td.tableHeaderOne, div.tableHeaderOne {
    background-position: 0px 0px;
}

th.tableHeaderTwo, td.tableHeaderTwo, div.tableHeaderTwo {
    background-position: 0px -128px
}

div.show,
div.tableHeaderOne,
div.tableHeaderOne a,
td.tableHeaderOne,
td.tableHeaderOne a,
div.tableHeaderTwo,
div.tableHeaderTwo a,
td.tableHeaderTwo,
th.tableHeaderTwo,
td.tableHeaderTwo a {
    color: #58595b
}

div.tableRow div.cell,
div.extendedTableRow div.cell,
div.columnOneRow div.cell,
div.columnTwoRow div.cell, td.cell {
    background: #d8e7e7 url('/crm/recursos/img/defaultPalette/table_cell_edge.jpg') scroll repeat-y right center
}

/* Aplica a div.cell o td.cell que no tengan elementos hijos */
div.tableRow div.cell:not(:has(*)),
div.extendedTableRow div.cell:not(:has(*)),
div.columnOneRow div.cell:not(:has(*)),
div.columnTwoRow div.cell:not(:has(*)),
td.cell:not(:has(*)){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

div.tableRow div.cell,
div.extendedTableRow div.cell,
div.columnOneRow div.cell,
div.columnTwoRow div.cell, td.cell > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
}

div.rechazado div.cell {
    background: #d4dbcf url('/crm/recursos/img/defaultPalette/table_rejected_cell_edge.jpg') scroll repeat-y right center
}
div.no_aprobado div.cell {
    background: #e6c1d7 url('/crm/recursos/img/defaultPalette/table_not_approved_cell_edge.jpg') scroll repeat-y right center
}
div.addenda_incorrecta div.cell {
    background: #ffb264 url('/crm/recursos/img/defaultPalette/table_addenda_incorrecta.jpg') scroll repeat-y right center
}

div.tableRow div.blueCell,
div.extendedTableRow div.blueCell,
div.columnOneRow div.blueCell,
div.columnTwoRow div.blueCell, td.blueCell {
    background: #c5dbdb url('/crm/recursos/img/defaultPalette/table_bluecell_edge.jpg') scroll repeat-y right center
}
div.tableRow div.blueCell:not(:has(*)),
div.extendedTableRow div.blueCell:not(:has(*)),
div.columnOneRow div.blueCell:not(:has(*)),
div.columnTwoRow div.blueCell:not(:has(*)),
td.blueCell:not(:has(*)){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

div.tableRow div.blueCell >a,
div.extendedTableRow div.blueCell >a,
div.columnOneRow div.blueCell >a,
div.columnTwoRow div.blueCell >a, td.blueCell >a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
}

table.tabla, table.table {
    border-collapse: separate;
    border-spacing: 0 2px;
}

div.tableRow div.lastCell,
div.extendedTableRow div.lastCell,
div.columnOneRow div.lastCell,
div.columnTwoRow div.lastCell, td.lastCell {
    background-color: #d8e7e7
}

div.tableRow div.lastCell:not(:has(*)),
div.extendedTableRow div.lastCell:not(:has(*)),
div.columnOneRow div.lastCell:not(:has(*)),
div.columnTwoRow div.lastCell:not(:has(*)),
td.lastCell:not(:has(*)){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

div.tableRow div.lastCell >a,
div.extendedTableRow div.lastCell >a,
div.columnOneRow div.lastCell >a,
div.columnTwoRow div.lastCell >a, td.lastCell >a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
}

div.tableRow div.blueLastCell,
div.extendedTableRow div.blueLastCell,
div.columnOneRow div.blueLastCell,
div.columnTwoRow div.blueLastCell, td.blueLastCell {
    background: #c5dbdb;
}

div.tableRow div.blueLastCell,
div.extendedTableRow div.blueLastCell,
div.columnOneRow div.blueLastCell,
div.columnTwoRow div.blueLastCell, td.blueLastCell > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
}

div.rechazado div.lastCell {
    background: #d4dbcf
}
div.no_aprobado div.lastCell {
    background: #e6c1d7
}
div.addenda_incorrecta div.lastCell {
    background: #ffb264
}

div.tableRow div.titleCell,
div.extendedTableRow div.titleCell,
div.columnOneRow div.titleCell,
div.columnTwoRow div.titleCell {
    background: #5b9b98 url('/crm/recursos/img/defaultPalette/table_titlecell_edge.jpg') scroll no-repeat right center
}

/* Content Containers */
div.inContainer {
    border-bottom: 1px solid #95999a;
    border-left: 1px solid #95999a;
    border-right: 1px solid #95999a
}

div.inContainer #title {
    border-bottom: 1px solid #95999a
}

div.inContainer .info,
div.inContainer .info .wrap {
    background-color: #d7e7e7
}

div.inContainer .info .wrap div.wBorder {
    border-top: 1px dotted #c0d5d5;
}

div.inContainer .info .wrap div.wBorder1 {
    border-top: 3px solid #c0d5d5
}

div.inContainer .info .wrap div.wBorder2 {
    border-bottom: 1px dotted #c0d5d5
}

div.inContainer .info .wrap div.errorTasa {
    border: 1px solid red;
}

.hwBorder { border-bottom: 2px solid #fff}

/* Background colors */
.bgBlue1 { background-color: #d4dede }
.bgBlue2 { background-color: #e4ebeb }
.bgBlue0 { background-color: #d8e7e7 }
.bgWhite { background-color: #fff }