html {
    height: 100%;
}

body {
	min-height: 100%;
	font: 70% Verdana, Arial, sans-serif;
	padding: 0;
	margin: 0;
	style: visible;
	color: black;
}

.marginTop20 {
	margin-top: 20px !important;
}

input[type="button"], input[type="submit"] {
	font-size: 11px;
	cursor:pointer;
	border: solid 1px #BBBBBB;
	color:#666;
	background-color: #D1D1D1;
	background:url(../images/buttonbg.gif) repeat-x left top;
}

ul {
	margin-top:0;
}

.clearWhiteSpace {
	white-space:normal !important;
}

.strongText {
	font-weight: bold;
}

.nodisplay {
	display: none;
}

.lightGray {
	color:#999999;
}

.activeRows {
	cursor: pointer;
}

.activeRows tr {
	-webkit-transition: background 0.2s linear 0s;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.activeRows tr:hover {
	background-color: #FFCC00 !important;
}

.bg-lightBlue {
	background-color: #EDF3FE;
}
input.currencyInput {
	background-image: url(../images/currencySymbol.png);
	background-repeat: no-repeat;
	background-position: 0 2;
	padding-left: 12px;
}

input.currencyInput:focus {
	background-image: url(../images/currencySymbol.png);
	background-repeat: no-repeat;
	background-position: 0 2;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

p {
	margin: 2px 0;
}

label{cursor:pointer;}

label:hover{color:#777 !important;}

.text-bold {font-weight:bold}

.text-underlined {text-decoration:underline}

.text-huge {font-size: 15px;}

.text-valign {vertical-align: top}

.text-bold {font-weight: bold;}

.noPadding {padding: 0}

.noMargin {margin: 0}

.objCorporativo { color: #003399; }

th.employeeNo { min-width: 85px; }

.checkBox {
	margin:5px 0 0 10px;
	border: 0px;
}

.checkBoxCleared {
	margin: 0 !important;
	border: 0 !important;
}

.checkBoxSmall {
	border: 0px;
	margin: 0px;
	width: 14px;
    height: 14px;
    padding: 0px;
}

.cutText {
	overflow: hidden; 
	text-overflow:ellipsis;
	white-space: nowrap;
}

.negro {
	color: #000000
}
	
.negro_big {
	font-size: larger;
	color: #000000}

.numericDisplayLarge {
	font-size: 3.0em;
	line-height: 2.0em;
}

.red { 
	color: #FF0000 
}

.blanco { 
	color: #FFFFFF }

.blanco_small { color: #FFFFFF; }

.gris_small {
	color: #EEEEEE }
	
.blue_small {
	color: #333399 }

.gris {
	color: #FFFFFF }

.gris:hover {
	color: #FFCC00;
	text-decoration: underline; }

.negro_small { 
	color: #000000; 
	}

table td.noOverflow {
   overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

table.dataDisplay {
	color: #000000;
}

table.dataDisplay td {
	padding: 0 5px 0 0;
	border-spacing: 0;
}

thead.heightZero th {
	height: 0;
	padding: 0;
}

.labelCells {
	text-align:right;
	padding-right:5px;
	color:#999999;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align: top;
}

.labelCellsImportant {
	color: black;
	font-weight: bold;
}

.negro_smallest {
	font-size: smaller;
	color: #000000 }

.menu {
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none
   }

.blanco_smallest { font-size: smaller; color: #FFFFFF }

#headerRow td {
	background-image: url('../images/fondo.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}

#connBoxDisplayBar {
	float:right; 
	width:240px;
	font-style: normal; 
	font-weight: normal;
}

.connBoxSmall {
	margin-right:10px;
	color: #000000;
}

.connBoxSmallWhite {
	margin-right:10px;
	color: #FFFFFF;
}

span#connectionMsg {
	margin-right:10px;
	padding: 0 0 4px 25px;
	color: #000000;
	background-image: url(../images/iconos/antenna.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

span#connectionMsgEnd {
	margin-right:10px;
	padding: 0 0 4px 25px;
	color: #000000;
	background-image: url(../images/iconos/step_complete.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

span#connectionMsgEndError {
	margin-right:10px;
	padding: 0 0 4px 25px;
	color: #000000;
	background-image: url(../images/iconos/step_incomplete.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#userInfoContainer {
	background-color:#666666;
	color: #FFFFFF;
	padding: 2px 8px;
	height: 29px;
}

/* -- MENU */
#navContainer {
	background-color:#181a75;
	background-image: url(../images/menu/menu_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	height:21px;
}

#nav, #nav ul {
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0px;
	margin: 0px;
	display: inline;
	z-index: 100; /* -- HBS 2019.04 Display menu on top of organizational chart */
}

#nav a {
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
}

#nav a.daddy {
	background-image: url(../images/iconos/arrow_menu.gif);
	background-repeat: no-repeat;
	background-position: center right;
	width: 95%;
}

/* item principal */
#nav li {
	float: left;
	padding: 0;
	display: inline;
}

/* elemento del menu en donde se encuentra la pantalla abierta */
#nav li.active {
	background-image: url(../images/menu/menu_background_on.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	/*w\idth: 13.9em;*/
	font-weight: normal;
	border-width: 1px 0;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 100%;
	background:#3860A5;
	border-top:#CCCCCC 1px solid;
}

#nav li ul a {
	width: 100%;
	font-size: 11px;
	padding: 6px 8px;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li.sfhover ul.menuRight {
	left: 79em;
}

#nav li li.sfhover ul.menuRight2 {
	left: -34em;
}

#nav li:hover, #nav li.sfhover {
	background: #FF9933; /* orange */
}

/* item apagado (normalmente separador) */
#nav li.inactive, #nav li.inactive:hover {
	background-color: #999999;
}


/* -- end menu */

.copyright {
	font-size: smaller;
	font-style: normal; 
	color: #000000
}

.forma {
	border: 1px solid #333333;
}


.formaRadio {
	border:none;
	cursor:pointer;
}

.cursor {  cursor: hand}

.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}

.msgWarning {
	background-image: url('../images/iconos/warning.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 13px/18px Tahoma;
	padding: 5px;
	padding-left: 25px;
	width:100% - 30px;
	border: dotted 1px #C0C0C0;
	background-color: lightyellow;
	color: #333333;
	text-decoration: none;
	display: '';
	z-index:1000;
}

.msgComplete {
	background-image: url('../images/iconos/complete.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 11px/18px Tahoma;
	padding: 5px;
	padding-left: 25px;
	width:100% - 30px;
	border: dotted 1px #C0C0C0;
	background-color: lightgreen;
	color: #333333;
	text-decoration: none;
	display: '';
	z-index:1000;
}

.msgNoRecords {
	overflow:hidden;
	height:80px;
	background-color:#EEEEEE;
	text-align:center;
	color:#000000;
	padding-top:30px;
	margin-top:5px;
}


/* Confirm messages */

.msgInfo {
	vertical-align:middle;
	text-align:center;
	background-image: url('../images/iconos/warning.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 12px/18px Tahoma;
	padding: 5px;
	padding-left: 25px;
	border: dotted 1px #C0C0C0;
	background-color: lightyellow;
	color: #333333;
	text-decoration: none;
	z-index:1005;
}

.msgConfirm {
	vertical-align:middle;
	text-align:center;
	background-image: url('../images/iconos/warning.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 11px/18px Tahoma;
	padding: 5px;
	padding-left: 25px;
	border: dotted 1px #C0C0C0;
	background-color: lightyellow;
	color: #333333;
	text-decoration: none;
	z-index:1005;
}

.msgConfirmContainer {
	background-image: url('../images/iconos/warning_big.gif');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font: bold 14px/18px Tahoma;
	padding: 15px;
	padding-left: 55px;
	background-color: white;
	color: #000000;
	text-decoration: none;
	z-index:1008;
}

.msgLightContainer {
	background-image: url('../images/iconos/light_big.gif');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font: bold 14px/18px Tahoma;
	padding: 15px;
	padding-left: 55px;
	background-color: white;
	color: #000000;
	text-decoration: none;
	z-index:1008;
}

.stepIncomplete {
	vertical-align:middle;
	text-align:left;
	background-image: url('../images/iconos/step_incomplete.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 12px/18px Tahoma;
	padding: 7px 2px 2px 35px;
	color: #000000;
	text-decoration: none;
}

.stepComplete {
	vertical-align:middle;
	text-align:left;
	background-image: url('../images/iconos/step_complete.gif'); 
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 12px/18px Tahoma;
	padding: 7px 2px 2px 35px;
	color: #000000;
	text-decoration: none;
}


/* END confirm messages */

/* 
tbody#recordsTBody td {
	text-align: left;
}
 */
tbody#employeeSelectorTBody tr:hover td {
	background-color: #FFFBDA;
}

tbody#employeeSelectorTBody td {
	padding: 3px;
	cursor: pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-webkit-transition: background 0.2s linear 0s;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

/* Sortable tables */
table.sortable tbody tr:hover td {
	background-color: #FFFBDA;
}

table.sortable tbody.clearBgColor tr:hover td {
	background-color: transparent !important;
}

table.sortable tbody td {
	padding: 4px 3px;
	cursor: default;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-webkit-transition: background 0.2s linear 0s;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

table.sortable th {
    background-color:#2e31ac;
    color:#FFFFFF;
    font-weight: bold;
    cursor: pointer;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.sortable sorttable_nosort {
    color:#FFFFFF;
    font-weight: bold;
    cursor: default;
}

table.sortableFullText td {
    white-space: normal;
}

table tr.alternateRow { 
	background-color:#edf3fe; 
}

table tr.alternateRowBlue { 
	background-color:#EDF3FE; 
}

table tr.alternateRowGray { 
	background-color:#A4A4A4; 
}


table tr.alternateRowWhite { 
	background-color:#FFFFFF; 
}

td.headerRowCell { 
	color: #FFFFFF !important;
	font-weight:bold;
	background-color: #999999;
}

tr:hover td.headerRowCell {
	background-color: #999999 !important;
}

table.sortable tfoot {
    background-color:#2e31ac;
 }
 
table.sortable {
	width:100%;
	padding:0px;
	border:0px;
	border-collapse:collapse;
	table-layout:fixed;
	background-color: white;
}

table.smallCellText td {
	font-size: smaller;
}

/* inner sortable */
table.sortable .innerTable th {
    background-color:#6D6EAF;
    color:#FFF;
    font-weight: normal;
    cursor: default;
	font-size: smaller;
	height:14px;
}


#sortable_footer {
	padding-left: 8px;
	color: #FFFFFF;
	font-weight: bold;
}

#BoxHeader, #boxHeader {
	font-weight: bold;
	line-space: 1.75em;
	text-align:left;
	color:#FFFFFF;
	background-color:#181a75;
	height:18px;
	background-image: url(../images/menu/menu_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding:4px 0 0 10px;
	margin:2px 0 0 0;
}

#grayBoxHeader {
	font-weight: bold;
	line-space: 1.75em;
	text-align:left;
	color:#FFFFFF;
	background-color:#333333;
	height:19px;
	background-image: url(../images/topBar_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:2px 0 0 10px;
	width:100% - 10px;
	margin-top:2px;
}

.tabSelectorSmall {
	width: 32%;
	float: left;
	height: 22px;
	margin-top: 3px;
	text-align: center;
	color: white;
	margin-left: 3px; /* HBS 2020.02 BUG #153# */
	cursor: pointer;
	background-image: url(../images/back_blue_tall.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #181A75;
}

.tabSelectorSmall span {
	padding: 10px; 
	display: block; 
	font-weight: bold;
}

/* HBS 2020.02 BUG #153# */
#objMainTab {
	margin-left: 0;
}

.tabSelector {
	width: 32%;
	float: left;
	height: 30px;
	margin-top: 3px;
	text-align: center;
	color: white;
	margin-right: 5px;
	cursor: pointer;
	background-image: url(../images/back_blue_tall.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #181A75;
	text-transform: uppercase;
}

.tabSelectorOn {
	background-image: url(../images/back_blue_tall_on.png);
	border-bottom: 2px solid #3237a7;
}

.tabSelector span {
	padding: 10px; 
	display: block; 
	font-weight: bold;
}

.spanBox {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 5px 0 0 10px;	text-align: left; 
	color: #333333;
}

#BoxBody, #boxBody, .boxBody, .BoxBody {
	padding: 5px;
	padding-top:1px;
	border: solid 1px #666666; /* HBS 2016.01 cambio en GONDI. Falta confirmar que este color esta bien */
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
}

.tableContainer {
	padding: 0px;
	border: solid 1px #666666; /* HBS 2016.01 cambio en GONDI. Falta confirmar que este color esta bien */
	background-color:#FFFFFF;
}

.grayBoxBody {
	padding: 1px 5px 5px 5px;
	border: solid 1px #333333;
	text-align:left;
	background-color:#FFFFFF;
	margin: auto;
	color: #000000;
}

#boxObjetivosHeader {
	font-weight: bold;
	line-space: 1.75em;
	text-align:left;
	color:#FFFFFF;
	background-color:#000066;
	cursor:pointer;
	height:19px;
	background-image: url(../images/menu/menu_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:2px 0 0 10px;
	margin-top:2px;
}

.ObjetivosHeader {
	font-weight: bold;
	line-space: 1.75em;
	text-align:left;
	color:#FFFFFF;
	background-color:#000066;
	cursor:pointer;
	height:19px;
	background-image: url(../images/menu/menu_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:2px 0 0 10px;
	margin-top:2px;
}

.boxHeaderText {
	line-space: 1.75em;
	text-align:left;
	color:#FFFFFF;
	cursor:pointer;
}

.boxObjetivos {
	padding: 5px;
	padding-bottom: 10px;
	padding-top:1px;
	border: solid 1px #666666; /* HBS 2016.01 cambio en GONDI. Falta confirmar que este color esta bien */
	text-align:left;
	background-color:#FFFFFF;
	color: #000000;
}

/* Estilo general de pantallas */

#mainInfoHeader {
	/* background-image: url('../images/top-inicio.gif'); -- CADA PANTALLA SELECCIONA SU IMAGEN */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top:20px;
	border: solid 1px #000000;
	border-bottom: 0px;
	background-color: #FFFFFF;
	height:55px;
	margin-left:auto;
	margin-right:auto;
}

#mainInfoHeaderFilter {
	float:right; 
	width:400px; 
	text-align:right; 
	margin-right:5px;
	color: #666666;
}

#mainInfoHeaderFilter table td {
	align:left;
}

/* HBS 2013.10.14 FALTA modificar los titulos de pantalla a usar SPAN#mainInfoTitle para cambiar este estilo ahi */
#mainInfoTop {
	padding: 15px 5px 5px 90px;
	font-size: 1.15em;
	font-weight: bold;
	color: #000000;
	text-align:left;
}

#mainInfoTitle {
	padding: 0;
	margin-top: 10px; 
	width:300px; 
	float:left;
}

#mainInfoTop div {
	padding: 0;
}

#mainInfoTop div label, label.headerLabel {
	font-weight: bold;
	color: #5A5A5A;
	margin-right: 5px;
	font-size: 0.9em;
}

.BoxBigTitle {
	font: bold 13px Tahoma, Arial, Sans-serif;
	color: #000000;
	text-align:left;
}

#mainInfoContainer {
	padding:5px;
	background-color:#666666;
	margin-left:auto;
	margin-right:auto;
	overflow: auto;
}

#modalBody {
	background-color:#666666;
	margin: 0;
	padding: 5px;
}

#modalBody #mainInfoContainer {
	padding: 0;
}

#whiteInfoContainer {
	color:#FFFFFF;
}

.blockLink {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 5px 0 0 10px;
	text-align: left; 
	text-decoration: underline;
	color: #000000;
}

.boxFooter {
	margin-top:5px;
	padding:10px;
	background-color:#CCCCCC;
}

.boxWhiteRightFooter {
	text-align: right;
	padding:10px;
}

#TopInfoContainer {
	padding:5px;
	background-color:#FFFFFF;
	color:#000000;
	border: solid 1px #666666; /* HBS 2016.01 cambio en GONDI. Falta confirmar que este color esta bien */
	text-align:left;
}

#TopInfoContainer2 {
	margin:5px 0 5px 0;
	padding: 10px;
	text-align:right;
	background-color:#999999;
}

#ModalTitle {
	font-weight: bold;
	font-size:14px;
	text-align:left;
	padding:10px;
	vertical-align:middle;
}

#ModalSubText {
	font-size: 11px;
	text-align:left;
	padding:5px;
	padding-left:10px;
	color:#333333;
}

#BoxTitle {
	font-weight: bold;
	font-size:14px;
	padding: 4px;
}

.BoxTitle {
	font-weight: bold;
	font-size:14px;
	padding: 4px;
}

.SubTitle {
	font-size:13px;
	font-weight: bold;
	padding:1px;
}

span.SubTitle {
	padding-left:5px;
	display:block;
}

#BoxSubTitle {
	font-weight: bold;
	font-size:12px;
	padding:1px;
}

.borderBottomDashed {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 10px;
}

.borderBottomSolidLight {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
}

/* HBS 2020.07 */
.borderBottomDashed:last-of-type {
	border: none;
}

/* FORM Style */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0;
	padding: 0;
	width: 100%; 
}

form fieldset {
  clear: both;
  border: 1px dashed #CCCCCC;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 5px 0 0 0;
}

form fieldset legend {
	font-size:1.3em;
	color:#999999;
	background-color:#FFFFFF;
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form #formComment, .formComment {
	color: #999999;
	padding-left: 5px;
}

.formComment {
	color: #999999;
	padding-left: 5px;
}

/* HBS 2019.03 deprecated */
form label#leftLabel { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 165px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: right; 
	color: #333333;
}

/* HBS 2019.03 replaces deprecated [form label#leftLabel] */
form label.fieldLabel { 
	display: block;
	float: left;
	width: 165px;
	padding: 0;
	margin: 5px 0 0;
	text-align: right;
	color: #333333;
}

form label.block { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: left; 
	color: #333333;
}

.valueLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 5px 0 0 10px;
	text-align: left; 
	color: #000000;
}

.dateField {
	width:80px;
}

form label#rightLabel { 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	color: #000000;
}

.shortLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 130px;
	padding: 2px 0 0 0;
	margin: 2px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color: #000000;
}

.shortestLabel {
	width: 80px;
}

.longLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 2px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color: #000000;
}

label.inputDisplay {
	display: block;
	margin: 5px 0 0 10px;
	float: left;
}

.shortInput {
	width:auto;  
	margin:2px 0 0 10px;
}

.numericInput {
	width:100px;
}

.formSubTitle {
	font-weight: bold;
	line-space: 1.75em;
	color:#666666;	
}

form input, form select, form textarea {
	width:auto;
	margin:5px 0 0 10px;
	font: inherit;
	font-weight: normal;
	font-size: 0.9em;
}

form select {
	width:200px;
}

input, select, textarea {
	border: 1px solid #a9a9f3;
}

input[type="checkbox"], input[type="radio"], input[type="checkbox"]:focus, input[type="radio"]:focus {
	border: none !important;
}

input:focus, select:focus, textarea:focus {
      background: #FFFDEE;
      border: 1px solid #FFB444;
}


/* -- input validator graphic status -- */

.inputRed, .inputRed:focus, .wideTopInputRed, .wideTopInputRed:focus {border: #E90000 1px solid;}

/* show image on IE because it does not give BORDER to SELECT inputs */
.inputRedMark { 
	width:6px; 
	height:16px; 
	margin-left: 4px; }
html>body .inputRedMark { display:none}
form select.inputRed { *margin-left:0 }

/* HBS 2020.03 nombre wideTopInputGreen corregido */
.wideTopInput, .wideTopInputRed, .wideTopInputGreen {width: 450px;}

form select.inputGreen { *margin-left:0 }

/* -- END input validator graphic status -- */


/* BOTONES */

.button {
	font-weight:bold;
	padding: 2px 5px 2px 5px;
	width: 80px;
	margin:0 2px 0 2px;
}

.buttonHigh {
	border: solid 1px #AA0000;
	color:#AA0000;
}

.buttonHighSmall {
	cursor:pointer;
	border: solid 1px #AA0000;
	color:#AA0000;
	/*padding: 1px;*/
	line-height: 0; /* HBS 2020.07 */
	height: 18px;
	background-color: #D1D1D1;
	background:url(../images/buttonbg.gif) repeat-x left top;
}

.actionBtn {
	width:140px; 
	height:40px;
}

.textHighSmall {
	color:#AA0000;
}

.buttonSmall {
	padding: 1px 8px 1px 8px;
	height: 18px;
}

.buttonOnField {
	height: 18px;
}

.BottomButton {
	font-weight:bold;
	padding: 2px 5px 2px 5px;
	width: 80px;
	margin:0 2px 0 2px;
}

.innerButtonContainer {
	margin-top:5px;
	padding:10px;
	text-align:right;
	background-color:#999999;
}

#BottomInfoContainer {
	margin-top:5px;
	padding:10px 15px 10px 15px;
	text-align:right;
	background-color:#999999;
}

/* FIN Botones */


span.redAlert {
	color: #CC0000;
	font-style: italic;
}

span.alertMsg {
	background-image: url('../images/iconos/alert_yellow.gif');
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 20px;
	text-align: left;
	color: #FF8800;
	font-style: italic;
}

span.redAlertMsg {
	background-image: url('../images/iconos/alert.gif');
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 20px;
	text-align: left;
	color: #CC0000;
	font-style: italic;
}

/* forma para el employee selector */
.es_field {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:2px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.noborder {
	border: 0px;
}

.nomargin {
	margin: 0;
}

.nopadding {
	padding: 0;
}

.margin0005 {
	margin: 0 0 0 5px;
}

.formSubOptions {
	margin-left:20px;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.clear {
	clear:both;
}

/* formas Filtros */

#FiltroBotones {
	height:23px;
	text-align:right;
	padding-right:15px;
}

/* Widget selector de empleado */

.selectorBox {
	height:260px;
	width: 415px;
	vertical-align:top;
	padding: 2px;
	border: solid 1px #999999;
	text-align:left;
	background-color:#FFFFFF;
}

.selectorHeader {
	font-weight: bold;
	line-space: 1.75em;
	text-align:left;
	color:#FFFFFF;
	background-color:#0000aa;
	height:19px;
	margin:0;
	padding:0;
	padding-left:10px;
	width:100% - 10px;
	margin-top:2px;
}

.selectorLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 135px; 
	padding: 0; 
	margin: 2px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	color: #000000;
}

.item-index {
	display: block;
	color: #999999;
	width: 20px;
	float: left;
	margin: 5px 0 0;
}

.value-label {
	display: block;
	float: left;
	margin: 5px 0 0;
	cursor: default;
}

.value-label:hover {
	color: inherit;
}

.label-readOnly {
	cursor: default;
}

.label-readOnly:hover {
	color: inherit;
}

.black-title {
	font-size:1.1em;
	color:#000000;
	display: block;
	font-weight: bold;
	padding-top: 2px 0 2px 0;
}

form label.nodata{
	padding-left:10px;
}


/* Context menu */

div#cm_header_container {	
	position: absolute;
	z-index: 200;
	width: 180px;
	background-color:#181a75;
	height:16px;
	margin: 0;
	padding: 0;
	background-image: url(../images/menu/menu_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid 1px #666666; /* HBS 2016.01 cambio en GONDI. Falta confirmar que este color esta bien */
}

div#cm_header {
	background-image:url(../images/iconos/context_menu_on.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	color: white;
	padding: 3px 28px;
	cursor: pointer;
	text-align: left;
}

div#cm_menu {
	position: absolute;
	z-index: 200;
	background:#EEEEEE none repeat scroll 0 0;
	border-color:-moz-use-text-color #333333 #333333;
	border-style:none solid solid;
	border-width:0 1px 1px;
	clear:left;
	margin:-1px 0 0;
	padding:0;
	width: 158px;
	color: black;
	text-align: left;
}

div#cm_menu span {
	display: block;
	padding: 3px 8px;
	width: auto;
	cursor: pointer;
	color: #333333;
}

div#cm_menu span:hover {
	color: white;
	background: #FF9933;
	
}

div.cm_menu_separator {
	background:#CCCCCC none repeat scroll 0 0;
	clear:both;
	font-size:0;
	height:1px;
	line-height:1px;
	margin:3px 6px;
	overflow:hidden;
	padding:0;
}

#totalRecordCount_h {
	margin-left: 8px;
}

/* Employee picture */
div.emp_picture {
	float:left;
	width: 120px;
	height: 125px;
	margin: 5px;
}

div.emp_picture img {
	border: 2px solid #b4d7f7;
	padding: 2px; 
}

/* 2016 pages style */
div.pageHeader {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFFFFF;
	height:55px;
	text-align:left;
	margin-top: 5px;
}

div.pageHeader h1 {
	margin: 15px 0 0 80px;
	float: left;
	color: #333333;
}

div#pageContainer {
	background-color:#E5EAF1;
	overflow: auto;
	padding-bottom: 20px;
	min-height: 500px;
}

/* HBS 2015.12 Cards */
div.cardItemContainer, div.cardItem {
	margin-top: 5px;
	padding: 5px;
	background-color:#FFFFFF;
	border: solid 1px #666666;
	text-align:left;
}

div.cardContainer-noBorder > div.cardItem {
	padding: 0 !important;
}

div.cardItemContainer {
	background-color:#015295 !important;
}

div.cardItemContainer div.cardItem {
	border: dotted 1px #D0D0D0 !important;
}

div.cardContainerHeader {
	min-height: 25px; /* HBS 2020.06 REQ #76# */
	padding: 8px 5px;
	margin-bottom: 8px;
	border-bottom: dotted 1px #D0D0D0;
}

div.cardHeader {
	padding: 8px 5px;
	margin-bottom: 8px;
	border-bottom: dotted 1px #D0D0D0;
}

div.cardContainerHeader {
	border-bottom: none !important;
	color: white !important;
}

div.cardItemContainer h3, div.cardHeader h3 {
	width:70%;
	margin: 0;
	padding: 0;
}

div.cardContainerHeader h3 {
	font-size: larger;
}

span.cardSubHeader {
	
}

div.cardContainer-noBorder div.cardItem {
	border: none !important;
}

div.objStatusGraph {
	margin-top:15px;
}

div.objStatusGraph div.graph {
	margin-top:10px;
	height:20px;
}

div.objStatusGraph > div > span {
	width:85px;
	text-align:center;
	font-weight:bold;
	display:block;
	float:left;
	font-size: smaller;
}