/* v2.0 */
/* arcelor 2 */
/* les balises html */
/*html {
     overflow: -moz-scrollbars-vertical;
}*/

@IMPORT url("menu.css");
@IMPORT url("shortcut.css");
@IMPORT url("messageBox.css");


BODY, TABLE, TR, TD {
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	
}

TABLE.summary {
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 10pt;
	border-style: solid;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-width:0px;
	border-right: 10px #CCD6D8 solid;
	BACKGROUND-COLOR: #FFFFFF;
}

TABLE.summary TD{
	
}



.TableHeader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	CURSOR: default;
	COLOR: #ffffff;
	FONT-FAMILY: arial, verdana;
	BACKGROUND-COLOR: #6A8EA4;
	border: 1px solid black;
	margin: 0em;
}

BODY {
	scrollbar-3dlight-color: #8CB0B0;
    scrollbar-arrow-color: #369;
	scrollbar-base-color: #DAE5EA;
    scrollbar-darkshadow-color: #8CB0B0;
    scrollbar-face-color: #DAE5EA;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #8CB0B0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	margin: 0px;
	margin:0 2%;padding:5px 0 35px 0;
}

A {
	color: #069;
	font-weight: normal;
	text-decoration: underline;
}

A:hover {
	color: #C03;
	text-decoration: underline;
}

img {
	border: 0px;
}

h1 {
	font-size: 14px;
	background-color: #069;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	color: #FFFFFF;
}

h2 {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}

.InputArea {
	background-color: #FFFFFF;
	clip: rect();
	border-top: 1px solid #90AABB;
	border-right: 2px solid #90AABB;
	border-bottom: 2px solid #90AABB;
	border-left: 1px solid #90AABB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.InputAreaError {
	background-color: #FFEEEE;
	clip: rect();
	border-top: 1px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
	border-left: 1px solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: red;
}

.InputAreaReadOnly {
	background-color: #FFFFFF;
	clip: rect();
	border-top: 1px solid #90AABB;
	border-right: 2px solid #90AABB;
	border-bottom: 2px solid #90AABB;
	border-left: 1px solid #90AABB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

.InputAreaLabel {
	border: 0px;
	background-color:transparent;
}

.InputAreamdp {
	background-color: #FFFFFF;
	clip: rect();
	letter-spacing: 4px;
	border-top: 1px solid #90AABB;
	border-right: 1px solid #90AABB;
	border-bottom: 1px solid #90AABB;
	border-left: 1px solid #90AABB;
}

/* CSS classes required by tabs */

.celluleheadTab {
	border-top: 1px solid #AAAAAA;
	background-color: #CCD6D8;
	font-size: 12px;
	color: #C03;
	font-weight: bold;
	height: 20px;
	text-decoration: none;
}
.celluleheadTab a {
	font-size: 12x;
	color: #C03;
	font-weight: bold;
	text-decoration: none;
}
.celluleheadTab a:HOVER {
	font-weight: bold;
	color : #C03;
	text-decoration: none;
}
.celluleheadDisableTab {
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #f1f1f1;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	height: 20px;
	text-decoration: none;
}
.celluleheadDisableTab a {
	font-size: 12x;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.celluleheadDisableTab a:hover {
	color : #C03;
	text-decoration: none;
}
.celluleheadMPTab a:HOVER {
	color : #C03;
	text-decoration: none;
}
.navigationBar {
	background-color: #CCD6D8;
	padding: 5px;
	border-bottom: 1px solid #aaa;
	border-top-width: 0px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	vertical-align: middle;
}
.stretchBar {
	background-color: #CCD6D8;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-bottom: 0px solid #aaa;
	height: 4px;
	font-size: 0px;
}

/*******************************************/

.cellulehead {
	border-top-width: 0px;
	background-color: #244254;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	height: 20px;
}

.cellulehead a {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.cellulehead a:hover {
	text-decoration: none;
	background-color: transparent;
}

.celluleheadDisable {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color: #B8324E;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	FILTER: xray;
}

.celluleheadDisable a {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.celluleheadDisable a:hover {
	text-decoration: none;
	background-color: transparent;
}

.celluleheadCopie {
	border: 1px solid #90AABB;
	background-color: #DBE2EB;
	display: block;
}

.lefthead {
	/*color: #FFFFFF;*/
	color:#fff;
	/*border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #aaa;*/
	background: #244254;
	white-space: nowrap;
	
}

.celluleheadV {
	background-color: #b8324e;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: 15px;
	height: 20px;
}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #94C7DE;
	border: 1px solid #000000;
	cursor:pointer;
	z-index: 10;
	font-size: 10px;
}

.InputText {
	background-color: #FFFFFF;
	clip: rect();
	border-top: 1px solid #003366;
	border-right: 1px solid #000033;
	border-bottom: 2px solid #000033;
	border-left: 1px solid #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

.InputPass {
	background-color: #FFFFFF;
	clip: rect();
	border-top: 1px solid #003366;
	border-right: 2px solid #000033;
	border-bottom: 2px solid #000033;
	border-left: 1px solid #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.overList {
	background-color: #666666;
}

.fondMenu {
	BACKGROUND-COLOR: #ECF4F7;
	FONT-FAMILY: arial, verdana;
	border-style: solid;
	border-width: 0px;
	border-color: black;
	font-style: normal;
	font-size: x-small;
}

.degradeBandeau {
	BACKGROUND-COLOR: #ECF4F7;
	FONT-FAMILY: arial, verdana;
	filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=100, FinishX=100, FinishY=100);
	border-style: solid;
	border-width: 0px;
	border-color: black;
	font-style: normal;
	font-size: x-small;
}
	

.Header {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B8324E;
}

.cadrec {
	background-color: #6A8EA4;
	border: 1px solid #000000;
}

.code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}

.cadrecC1 {
	background-color: #FFFFFF;
	border: 1px solid #aaa;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

div.more {
	width: 20px;
	height: 19px;
	background-image: url(../images/treeviewout.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}

div.minus {
	width: 20px;
	height: 19px;
	background-image: url(../images/treeviewover.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}

div.tabrightvert {
	height: 60px;
	width: 24px;
	background-image: url(../images/tab_right_vert.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.head {
	background-color: #B8324E;
	clip: rect();
	border-top: 1px solid #003366;
	border-right: 2px solid #000033;
	border-bottom: 0px solid #000033;
	border-left: 1px solid #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=50, StartY=100, FinishX=100, FinishY=100);
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 0.25em;
}

.outList {
	background-color: #CCCCCC;
}

.celluleheadVh {
	background-color: #b8324e;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	width: 15px;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.leftheadbottom {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #b8324E;
}

.FormTitle {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14pt;
	COLOR: black;
	FONT-FAMILY: arial, verdana;
	BACKGROUND-COLOR: #069;
}

.clock {
	font-family: arial;
	font-size: 9pt;
	color: #ECF4F7;
}

.user {
	font-family: arial;
	font-size: 9pt;
	color: black;
}

.appli {
	font-family: arial;
	font-size: 12pt;
	color: black;
	font-weight: bolder
}

.titre {
	font-family: arial;
	font-size: 12pt;
	color: #ECF4F7;
	font-weight: bolder
}

.webcontext {
	font-family: arial;
	font-size: 9pt;
	text-decoration : underline;
}

.webcontextSelected {
	font-family: arial;
	font-size: 9pt;
	text-decoration : underline;
	font-weight: bolder
}

.Header {
	BACKGROUND-COLOR: "#B8324E";
	FONT-FAMILY: arial, verdana;
}

.FormLabel {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #069;
	FONT-FAMILY: arial, Verdana
}

.RadioButtonLabel {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: arial, verdana
}

.parentmenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	font-weight: bolder;
}

.curmenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}

.row {
	color: black;
	font-size: xx-small
}

HR {
	top: 8px
}

.FieldReadOnly {
	background-color: #DBE2EB;
	border: Opx;
}

TABLE.DATAGRID {
	/*width: 90%;*/
	width:90%;
	border:1px;
	border-color: #BDD7CE;
}

TH.DATAGRID {
	color: #666;
	background-color: #FFF;
	font-weight: bold;
	font-family: verdana;
	font-size: 8pt;
	border: 1px solid #aaa;
	margin: 0em;
}

th.sortable:hover,th.asc:hover,th.desc:hover {
	background-color: #F0F0F0;
}

th.sortable a:hover,th.asc a:hover,th.desc a:hover {
	text-decoration: underline;
}

th.sortable a,th.asc a,th.desc a {
	font-weight: bold;
	font-family: verdana;
	font-size: 8pt;
	color: #666;
	margin: 0em;
	width: 100%;
	text-decoration: none;
	padding: 0px 0px 0px 0px !important;
	vertical-align:top;
}

th.sortable,th.asc,th.desc {
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid black;
	padding: 0px 15px 0px 0px !important;
	cursor:pointer;
}

th.sortable {
	color: #666;
	background-color: #FFF;
	font-weight: bold;
	font-family: verdana;
	font-size: 8pt;
	border: 1px solid #aaa;
	margin: 0em;
	background-image: url(../images/triangle_sort_w_15x15.gif);
}

th.asc {
	background-color: #F4F4F4;
	background-image: url(../images/triangle_up_w_15x15.gif);
}

th.desc {
	background-color: #F4F4F4;
	background-image: url(../images/triangle_down_w_15x15.gif);
}

.datagridTools {
	position:relative;
	top: +2px;
}

.datagrid_hodd {
	background-color: #E6E6E6;
	color: #666;
}

.datagrid_heven {
	background-color: #F0F0F0;
	color: #666;
}

.datagrid_odd {
	background-color: #F8F8F8;
	color: #666;
}

.datagrid_even {
	background-color: #FFFFFF;
	color: #666;
}

.datagrid_checkbox {
	width: 20;
	align: left;
	valign: middle;
	border: 1px solid #aaa;
}

.datagrid_rupture {
	white-space: nowrap;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #aaa;
	padding: 1px 3px 1px 3px;
	
}

.datagrid_td {
	border: 1px solid #aaa;
	color: #666;
	white-space: nowrap;
	align: left;
	padding: 1px 3px 1px 3px;
	overflow:hidden;
	
}

.datagrid_even .datagrid_sort  {
	/*background-color: #E3D6D4;*/
	border: 1px solid #aaa;
	white-space: nowrap;
}

.datagrid_odd .datagrid_sort  {
	/*background-color: #ECE0DE;*/
	border: 1px solid #aaa;
	white-space: nowrap;
	
}

.datagrid_table_content {
	border: 2px solid #aaa;
	padding: 1px;
	background-color: #FFFFFF;
	border-collapse: collapse;
	line-height:normal;
}

TR.DATAGRID {
	font-family: verdana;
	border: 1px solid #FFFFFF;
	padding: 1px;
	
}

TH.DATAGRID_HEAD {
	color: #666;
	background-color: #FFF;
	font-weight: bold;
	font-family: verdana;
	font-size: 8pt;
	margin: 0em;
	
}

.comboitems{
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	border-bottom-width: 0;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	font-weight: bold;
	background-color: #F8F8F8;
}

.comboitems a {
	width: 100%;
	display: block;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color: #666;
}

.comboitems a:hover {
	background-color: #666;
	color: white;
	text-decoration: none;
}

div.combo {
	visibility: inherit;
	border: 1px solid black;
	border-bottom-width: 0;
	border-bottom: 1px solid black;
	font: normal 12px Verdana;
	font-weight: bold;
	line-height: 18px;
	z-index: 100;
	background-color: #F8F8F8;
	width: 80px;
	height:16px;
	background-image:url(../images/triangle_down_w_15x15.gif);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
}


.meowButton {
	border: solid 1px #ccc;
	color: #666;
	background-image: url(../images/buttonBackground.gif);
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	margin:10px;
	cursor:pointer;
	float:right;
	padding: 0 4px;
}

.pagineClass {
	color: #000000;
	vertical-align: top;
	font-size: 10px;
	border: 0px;
	font: icon;
	margin:0 0 12px 0;
}

.meowButtonDisable {
	border: solid 1px #C0C0C0;
	font-size: 12px;
	color: #000000;
	background-image: url(../images/buttonBackground_disable.gif);
}

.actionsTable {
	margin: 8px 0px 0px 0px;
	border: solid 2px #aaa;
	padding: 0px;
	background-color: #FFF;
	height: 10px;
}

IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.detailDatagrid {
	padding: 0px;
	border: 0px solid #000000;
	white-space: nowrap;
}

th.detailDatagrid {
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
	text-align: left;
}

.hiddenElt {
	width:0px;
	height:0px;
	size: 0px;
	visibility: hidden;
	position: absolute;
	top : 0px;
	left : 0px;
	z-index: -10;
	display: none;
	overflow: hidden;
}

.Required {
	color: red;
	font-weight: bold;
}


.levelINFO {
	color: #069;
	font-weight: bold;
}

.levelWARNING {
	color: orange;
	font-weight: bold;
}

.levelERROR {
	color: red;
	font-weight: bold;
}

.tableNoLeftMargin {
	margin-left:0px;
}

.fontItalic {
	font-style: italic;
}

.fontItalicAndDisabled {
	color: #808080;
	font-style: italic;
}

.blackBorder1px {
	border:1px solid #000000;
}

.handCursor {
	cursor:pointer;
}

.menuNotCollapsed {
	visibility: visible;
	position: absolute;
	z-index: 10;
}

.menuItemsCollapsed {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

.menuItemsNotCollapsed {
	visibility: visible;
	position: absolute;
	z-index: 12;
}

.valignTop {
	vertical-align:top;
}

.swapStyle {
	visibility:hidden;
	position:absolute;
}

.tfLabel {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #069;
	FONT-FAMILY: arial, Verdana
}

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

.labelStyle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #069;
	FONT-FAMILY: arial, Verdana
}

.swapLabel {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #069;
	FONT-FAMILY: arial, Verdana
}

.flatMenu {
	background-color:white;
	background-image:none;
	margin: 0px;
}

.flatMenuInfo {
	FONT-FAMILY : arial, Verdana;
	FONT-SIZE : 8pt;
	FONT-STYLE : italic;
}

.disabled {
	filter : Gray;
}

#waitingBox {
	width:200px;
    padding:4px;
    font:12px Helvetica, Arial, sans-serif;
    left:50%;
    top:25%;
    margin-top: -12px;
    margin-left: -100px;
    display:none;
    text-align:center;
    border:#d0d0d0 2px solid;
    background:#fff;
	z-index: 10;
}

tr.warning {
    background:orange;
}
td.error {
    background:red;
}

div.ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#ellipsisTooltip {
	white-space:nowrap;
	background-color: #FFFFA0;
	border: 1px solid black;
	position: absolute;
	visibility: hidden;
	border-bottom-width: 0;
	z-index: 100;
	text-align: left;
	padding: 1px;
}


/*heredado del portal*/


body > #encabezado{min-height:127px;height:auto;}

#situacion{height:71px;border-bottom:1px solid #000;background:#fff;color:#666;}
body > #situacion{min-height:71px;height:auto;float:left;}

#meIzq{width:20%;height:80%;clear:left; float:left;background:#fff}

#meNav{width:100%; clear:left; float:left; padding:10px 4% 0% 0%; background:#fff}
div > #meNav{min-height:70%; height:auto}

#envoltura{width:80%;height:112%;float:left;background: transparent url("../images/background.jpg") no-repeat;}
* html #envoltura{width:80%;height:70%;float:left;background: transparent url("../images/background.jpg") no-repeat;}
body > #envoltura{width:78%*min-height:70%; height:auto;}

#recurso{width:100%;margin-top:15px;background:#fff;}


#contenido{					
	padding: 1em 0.5em 0.5em 1em;
	overflow: -moz-scrollbars-vertical;
}

#titPag{padding:0;margin:0;}
#titPag table{border:0;height:100%;width:100%;margin:0;}
#titPag td{border:0;margin:0;background-repeat:no-repeat;background-position:right center;text-align:left;}
#titPag img{height:39px;}
.titPagHomeTxt{font-size:1.5em;padding-left:0;color:#c03;font-weight:bold;}
.titPagTxt{font-size:1.8em;color:#666;font-weight:bold;}

/*Saludo al usuario*/

.eHola{width:100%;float:left;margin:9px 0 0 0;padding:0 5px 5px 5px;background: #fff; border-bottom:1px solid #000;font-size:10pt;}

.holaUsr {color: #069;overflow: hidden;display: block;height:12px;}
/*.holaUsr {color: #069;}*/
.saludo{color:#B61943; font: bold 90%/100%  verdana, arial, helvetica, sans-serif;}
/*Fin Saludo al usuario*/
#clock{font-size:8pt;}
/* pie */

#ePiePest {border-top: 1px solid #ddd; text-align:right; padding:5px; margin-top: 10px;}
#ePiePest img{vertical-align:middle; border:0; margin-left:5px;}
#ePiePest a {color:#666; text-decoration: none; margin-left:20px; font-weight:bold;}
#ePiePest a:hover {color:#C03;}
/*fin de pie */

form table{width:95%;line-height:20pt;}
form  fieldset table{line-height:20pt;}
fieldset table  fieldset td{padding-left:0.5em;}
form fieldset td{}
#interlineado td{height:20pt;}
#pagsInicio{
	background: transparent url("../images/background.jpg") repeat;
}

/*Títulos de celda de datagrid*/
/*Los títulos de la tabla se configuran en .lefthead */
.datagrid_table_content th{
	background-color: #069;
	color:white;
}
/*Títulos de celda ordenables de datagrid*/
th.sortable a{
	background-color: #069;
	color:white;
	
}
th.sortable a:hover{
	background-color: #069;
	color:white;
	
}

th.sortable a:visited{
	background-color: #069;
	color:white;
	
}
/*Paginador*/
.actionsTable .meowButton td{
	line-height:1pt;
	/*background-color:#aaa;*/
	padding:0;
	text-align:center;
	
	
}
.pagineClass{
	/*color:#069;*/
	color:#069;
	font-weight:bold;
	vertical-aligh:middle;
	text-align:center;
	
}