/*

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

This CSS sheet removes the default browser styling.
By doing this, our CSS code behaves / works the same
for all same for all browsers.

Esta hoja CSS elimina los estilos por defecto del navegador.
Haciendo esto, nuestro código CSS se comporte / trabaje
de la misma forma para todos los navegadores.

Table of contents / Tabla de contenidos:

1.- Global
2.- Headings
3.- Common formatting
4.- Links
5.- Forms
6.- Tables
7.- Global classes

*/

/*

1.- Global
----------
*/

html, body {
    border: 0;
    font-family: sans-serif;
    margin: 0
}

fieldset { 
    border:1px solid #A0A0A0;
    padding-top: 1em
}

legend {
    padding: 0.2em 0.5em;
    color: #58595B;
    font-size:90%;
    text-align:left;
}

#container {
    float: left;
    width: 1330px
}

/* 1a.- Header */

#container #header {
    height: 70px;
    position: relative;
    width: 1260px
}

#container #header #logo {
    height: 47px;
    left: 32px;
    position: absolute;
    top: 11px;
    width: 155px
}

#container #header #options {
    height: 24px;
    position: absolute;
    right: 0px;
    top: 0px
}

#container #header #options div.button {
    float: left;
    height: 24px;
    line-height: 24px
}

#container #header #options div.separator {
    float: left;
    height: 24px;
    line-height: 24px;
    width: 20px
}

#container #header #options div.begin,
#container #header #options div.end {
    float: left;
    height: 24px;
    width: 11px
}

#container #header #search {
    height: 41px;
    position: absolute;
    right: 0px;
    top: 25px;
    width: 450px
}

#container #header #search #formInput,
#container #header #search #formButton,
#container #header #search #icon,
#container #header #search #text {
    float: right;
    height: 41px;
    line-height: 41px;
    vertical-align: middle
}

#container #header #search #formButton {
    margin-top: 13px;
    text-align: right;
    width: 54px
}

#container #header #search #formInput {
    margin-top: 12px
}

#container #header #search #formInput input {
    font-family: monospace;
    height: 18px;
    line-height: 17px;
    width: 200px
}

input[type="text"]:not(.errorBorder), input[type="password"]:not(.errorBorder), textarea {
    background-color:white;
    border:1px solid #C1CCCD;
    color: black;
}
input[type="text"]:focus {
    background-color: #FFFFE5;
}
input[type="password"]:focus {
    background-color: #FFFFE5;
}
textarea:focus {
    background-color: #FFFFE5;
}

#container #header #search #icon {
    width: 36px
}

#container #header #search #text {
    float: right;
    height: 41px;
    line-height: 41px;
    margin-right: 5px;
    white-space: nowrap;
}

/* 1b.- Top Menu, Submenu, Last visited Menu, Inside Menu */

#container #menu {
    clear: both;
    height: 26px;
    width: 1260px
}

#inMenu {
    clear: both;
    height: 26px;
    width: 1020px;
    background-position: 0 -26px;
}

#twoTabMenu {
    clear: both;
    height: 26px;
    width: 215px
}

#inMenu #rightEnd,
#twoTabMenu #rightEnd,
#container #menu #rightEnd {
    float: right;
    height: 26px;
    width: 15px;
}

#inMenu div.begin,
#twoTabMenu div.begin,
#container #menu div.begin,
#inMenu div.end,
#twoTabMenu div.end,
#container #menu div.end {
    float: left;
    height: 26px;
    width: 7px
}

#inMenu div.spacer,
#twoTabMenu div.spacer,
#container #menu div.spacer {
    float: left;
    height: 26px;
    width: 14px
}

#inMenu div.active_left,
#twoTabMenu div.active_left,
#container #menu div.active_left,
#inMenu div.active_right,
#twoTabMenu div.active_right,
#container #menu div.active_right {
    float: left;
    height: 26px;
    width: 16px
}

#inMenu div.active,
#twoTabMenu div.active,
#container #menu div.active,
#inMenu div.inactive,
#twoTabMenu div.inactive,
#container #menu div.inactive {
    float: left;
    height: 26px;
    line-height: 26px
}

#inMenu div.active a,
#twoTabMenu div.active a,
#container #menu div.active a {
    text-decoration: none
}

#twoTabMenuSubMenu,
div.inContainer .title {
    background-position: 0 -54px;
    border-bottom: 1px solid #95999A;
    clear: both;
    color: #58595B;
    height:20px;
    line-height:20px;
    text-align: left;
    text-indent: 15px;
    width: 1020px;
}

#twoTabMenuSubMenu {
    width: 215px;
}

#container #subMenu {
    clear: both;
    height: 20px;
    line-height: 20px;
    text-align: left;
    text-indent: 15px;
    width: 1260px
}

#container #lastMenu {
    clear: both;
    height: 22px;
    line-height: 22px;
    text-align: left;
    text-indent: 15px;
    width: 1260px
}

/* 1c.- Content Containers */

div.inContainer {
    position: relative;
    width: 1020px;
}

div.inContainer .title {
    width:1020px;
}

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

div.inContainer .info {
    clear: both;
    width: 1020px
}

div.inContainer .info .wrap {
    position: relative;
    margin-left: 15px;
    width: 990px
}

div.inContainer .info .wrap div.spacer {
    clear: both;
    height: 10px;
    width: 990px;
}

div.inContainer .info .wrap div.row,
div.inContainer div.row {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 990px;
    float: left;
}

div.inContainer .info .wrap .list div.bgBlue0:hover {
    background-color: #C5DBDB;
}

div.inContainer .info .wrap div.row div.vSpacer,
div.inContainer div.row div.vSpacer {
    float: left;
    min-height: 20px;
    width: 20px;
}

div.inContainer .info .wrap div.row div.vSpacer1,
div.inContainer div.row div.vSpacer1 {
    float: left;
    min-height: 20px;
    width: 10px;
}

div.inContainer .info .wrap div.row div.col,
div.inContainer div.row div.col {
    word-wrap: break-word;
    float: left;
    min-height: 20px
}

div.inContainer .info .wrap div.row div.indent,
div.inContainer .info .wrap div.row div.lIndent,
div.inContainer div.row div.indent,
div.inContainer div.row div.lIndent {
    text-indent: 10px;
    /*scroll right center*/
}

div.inContainer .info .wrap div.row div.indent, div.edge,
div.inContainer div.row div.indent, div.edge{
    background: transparent url(/crm/recursos/img/defaultPalette/new_cell_edge.jpg) repeat-y scroll right center;
}

#container #content {
    clear: both
}

#container #content #canvas {
    float: left
}

/* 1d.- Context Menu */

#container #content div.contextMenu {
    float: left;
    width: 215px
}

#container #content div.contextMenu div.title {
    font-weight: bold;
    height: 33px;
    letter-spacing: 3px;
    line-height: 33px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 215px
}

#container #content div.contextMenu div.formField {
    /*height: 40px;*/
    left: 22px;
    line-height: 20px;
    position: relative;
    width: 170px
}

#container #content div.contextMenu div.formField input {
    width: 170px
}

#container #content div.contextMenu div.last {
    height: 12px;
    left: 22px;
    position: relative;
    width: 170px
}

#container #content div.contextMenu div.shortCut {
    height: 30px;
    left: 12px;
    line-height: 30px;
    position: relative;
    width: 190px
}

#container #content div.contextMenu div.shortCut div.icon {
    float: left;
    height: 30px;
    width: 30px
}

#container #content div.contextMenu div.shortCut div.link {
    float: left;
    height: 30px;
    font-size: 1.1em;
    overflow: hidden;
    text-indent: 10px;
    width: 158px
}

#container #content #smallMenu {
    float: left;
    width: 34px
}

#container #content #smallMenu #wrapper {
    height: 100%;
    position: relative;
    text-align: center;
    width: 34px
}

#container #content #smallMenu #wrapper #bottom {
    bottom: 0px;
    height: 21px;
    left: 0px;
    position: absolute;
    width: 34px
}

#container #content #smallMenu #wrapper div.spacer {
    height: 15px;
    position: relative;
    width: 34px
}

#container #content #smallMenu #wrapper div.icon {
    height: 20px;
    position: relative
}


#container #content #hideMenu {
    cursor: pointer;
    float: left;
    height: 34px;
    width: 11px
}

#container #content div.menuSpace {
    float: left;
    height: 10px;
    width: 12px
}

/* 1e.- Footer */

#container #footer {
    clear: both;
    height: 33px;
    width: 1260px
}

#container #footer #left {
    float: left;
    height: 33px;
    width: 9px
}

#container #footer #center {
    float: left;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 1242px
}

#container #footer #right {
    float: right;
    height: 33px;
    width: 9px
}

/*

2.- Headings
------------
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal
}

h1 {
    padding: 30px 0 25px 0;
    letter-spacing: -1px;
    font-size: 2em
}

h2 {
    padding: 20px 0;
    letter-spacing: -1px;
    font-size: 1.5em
}

h3 {
    font-size: 1em;
    font-weight: bold
}

/*

3.- Common formatting
---------------------
*/

p, ul, ol {
    margin: 0;
    padding: 0 0 1.25em 0
}

/*Corrección zapatec Calendar*/
td.day p {
    padding: 0 0 0 0
}

ul, ol {
    padding: 0 0 1.25em 2.5em
}

blockquote {
    margin: 1.25em;
    padding: 1.25em 1.25em 0 1.25em
}

img {
    border: 0
}

sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline
}

sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline
}

acronym, abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed
}

/*

4.- Links
---------
*/

a,
a:link,
a:visited,
a:hover {
    text-decoration: none
}

/*

5.- Forms
---------
*/

form {
    margin: 0;
    padding: 0;
    display: inline
}

input, select, textarea {
    font: 1em "Arial";
}

textarea {
    width: 100%;
    line-height: 1.25
}

label {
    cursor: pointer
}

/*

6.- Tables
----------
*/
table.tabla
{
    font-size:10px;
    border-bottom: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0
}

/* Cells */
td.tableHeaderOne,
div.tableHeaderOne {
    height: 24px;
    line-height: 24px;
    text-indent: 10px
}

div.tableHeaderOne {
    position: relative;
}

td.tableHeaderTwo,
th.tableHeaderTwo,
div.tableHeaderTwo {
    height: 21px;
}

td.tableHeaderTwo {
    text-indent: 10px;
}

div.tableHeaderTwo {
    position: relative
}


td.tableHeaderTwo div.cell,
th.tableHeaderTwo div.cell,
div.tableHeaderTwo div.cell {
    height: 21px;
    line-height: 21px;
    text-indent: 10px
}

div.tableHeaderTwo div.cell {
    float: left;
}

div.extendedTableRow {
    max-height: 435px;
    min-height: 0px;
    position: relative;
    clear: both
}

div.tableRow {
    height: 23px;
    padding-top: 2px;
    position: relative
}

div.tableRow div.blueCell,
div.tableRow div.cell,
div.tableRow div.lastCell,
div.tableRow div.blueLastCell,
div.tableRow div.titleCell {
    float: left;
    height: 23px;
    line-height: 23px;
    text-indent: 10px
}

div.extendedTableRow div.blueCell,
div.extendedTableRow div.cell,
div.extendedTableRow div.lastCell,
div.extendedTableRow div.blueLastCell,
div.extendedTableRow div.titleCell {
    float: left;
    min-height: 23px;
    line-height: 23px;
    text-indent: 10px
}

div.indexTable div.tableRow:hover div.cell {
    background: #c5dbdb url('/crm/recursos/img/defaultPalette/table_bluecell_edge.jpg') scroll repeat-y right center;
}

div.tableRow div.lastBlueCell {
    background-color: #C5DBDB;
}

div.indexTable div.tableRow:hover div.lastCell {
    background-color: #C5DBDB;
}

a .tableRow {
    color: #000
}

div.columnOneRow div.blueCell,
div.columnOneRow div.titleCell,
div.columnTwoRow div.blueCell,
div.columnTwoRow div.titleCell {
    float: left;
    height: 23px;
    line-height: 23px;
    text-indent: 10px
}

div.columnOneRow div.cell,
div.columnOneRow div.lastCell,
div.columnTwoRow div.cell,
div.columnTwoRow div.lastCell {
    float: left;
    height: 23px;
    line-height: 23px;
    text-indent: 7px
}

td.cell,
td.lastCell,
td.blueCell {
    min-height: 23px;
    line-height: 23px;
    padding-left: 10px;
}

td.CNP {
    padding-left: 0px;
}

div.sort {
    float: left
}
div.sort.za {
    background-position: -38px -134px;
    cursor: pointer;
    height: 18px;
    margin-left: 2px;
    width: 20px;
}
div.sort.az {
    background-position: -58px -134px;
    cursor: pointer;
    height: 18px;
    margin-left: 2px;
    width: 20px;
}
div.sort.active {
    border: #58595B 1px solid;
}
/* Table with 2 columns */
div.twoColumns {
    position: relative;
    width: 1020px
}

div.columnOne {
    float: left;
    width: 550px
}

div.columnOneRow {
    padding-top: 2px;
    clear: both;
    width: 550px
}

div.columnTwo {
    float: left;
    width: 470px
}

div.columnTwoRow {
    padding-top: 2px;
    clear: both;
    width: 470px
}

div.evenColumn {
    float: left;
    width: 510px
}

div.smallest {
    width: 50px
}

div.small {
    width: 100px
}

div.medium {
    width: 150px
}

div.big {
    width: 200px
}

div.bigger {
    width: 300px
}

div.biggest {
    width: 400px
}

div.huge {
    width: 500px
}

div.columnOneRow div.huge {
    width: 400px;
}

div.columnTwo div.lastCell {
    width: 370px;
}
/* end Cells*/

div.tableSpacer {
    height: 10px;
    position: relative;
    clear: both;
}

div.show {
    height: 35px;
    position: relative
}

div.pagination {
    position: relative;
    text-align: center
}

div.pagination .highlight {
    color: red;
    background-color: transparent;
    font-weight: bold;
}

div.optionButtons {
    height: 30px;
    position: relative;
    text-align: right
}


/*

7.- Global Classes
-------------------
*/

.clear {
    clear: both
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-right-i{
    float: right !important;
}

td {
    font-size: 11px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.bold {
    font-weight: bold
}

.italic {
    font-style: italic
}

.underline {
    border-bottom: 1px solid
}

.highlight {
    background: #ffc
}

.wrap {
    width: 960px;
    margin:0 auto
}



.img-left {
    float: left;
    margin: 4px 10px 4px 0
}

.img-right {
    float: right;
    margin: 4px 0 4px 10px
}

.nopadding {
    padding: 0
}

.noindent {
    margin-left: 0;
    padding-left:0
}

.nobullet {
    list-style: none;
    list-style-image: none;
}

.languageOverlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    text-align: center;
    padding-top: 20%;
    color: #fff;
    font-size: 2em;
}

/* Heights */

.h40 { height: 40px }

/* Line heights */
.lh20 { line-height: 23px }
.lh40 { line-height: 40px }

/*  Widths */
.w50 { width: 50px }
.w100 { width: 100px }
.w150 { width: 150px }
.w175 { width: 175px }
.w220 { width: 220px }
.w320 { width: 320px }
.w360 { width: 360px }
.w650 { width: 650px }
.w750 { width: 750px }

div.floatingHeaderTable {
    position: relative;
}
.mainError {
    background-color: #F2F6D7;
    font-size: 1.1em;
    text-indent: 25px;
}
div#_quick_invalidData.mainError{
    background-color: #F8E0E0;
}
.colorRed{
    color: red
}
.error {
    vertical-align: middle;
    text-align: left;
    color: red
}
.warning {
    border: #A0A0A0 solid 1px;
    background-color: #F2F6D7;
    text-indent: 20px;
    vertical-align: middle;
    text-align: left;
}
.icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    float: left;
}
.help {
    background-image: url('/crm/recursos/img/help.png');
    background-repeat: no-repeat;
}
.cancelada {
    text-decoration: line-through
}
.ellipsis { 
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap; 
}
.pull-center-i {
    margin: 0 auto;
    float: none !important;
}
#btnScrollGoTop {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 30px;
  z-index: 1004;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #555;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  animation: pulse 1s infinite;
}
#btnScrollGoTop:after {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 50px solid #555;
    top: -50px;
    content: "";
    left: 80px;
    position: absolute;
    width: 0;
    display: block;
}
#btnScrollGoTop:after:hover {
    background-color: #666;
}
#btnScrollGoTop:hover {
    background-color: #666;
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
         -ms-transform: translate(0,-10px); 
        transform: translate(0,-10px); 
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
         -ms-transform: translate(0,10px); 
        transform: translate(0,10px); 
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
         -ms-transform: translate(0,-10px); 
        transform: translate(0,-10px); 
    }
}

.errorBorder {
    border : 1px solid red;
}
/*

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

project: 		SF:ERP
file: 			defaultFont.css
last updated:	09-10-2008
who: 				Alejandro Solorzano

This CSS sheet defines the default font size of the 
work enviroment (11 pixels). 

Esta hoja CSS define el tamaño má pequeño
de fuente del ambiente de trabajo (11 pixeles).

Table of contents / Tabla de contenidos:

*/

body {
	font-size: 10px
}

td {
    font-size: 10px
}