/* ##### Main structure ##### */

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

form {
	margin: 0;
	padding: 0;
}
#wrap0 {
	width: 800px;
	margin: 0px auto;
	border: 0px;
	text-align: left;
}

#wrap1 {
	height: 108px;
	position: relative;
}

#headerSwf {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 0;
}

#logoErappel {
	position: absolute;
	left: 62px;
	top: 5px;
	z-index: 1;
}

#wrap2 {
	height:47px;
}


	/* #### FIRST TABBED MENU #### */

#menu {
	margin-top: 9px;
	margin-left: 5px;
	width: 787px;
	height: 45px;
}
#menuTabs {
	height: 22px;
	/*background: #aae none;*/
	background: url(../img/LNG_INDEP/common/menu_background.gif) repeat-x;
	overflow: hidden;
}
#menuTabs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menuItem, .lastMenuItem {
	margin: 0;
	padding: 0;
	float: left;
	width: 127px; /* altura del menú (altura del tab verde, y de [los tabs azules + espacio en blanco superior hasta alcanzar la altura del tab verde] */
	/*background: #fdd none;*/
	text-align: center;
}
.menuItem {
	margin-right: 5px; /* separador entre tabs */
}
.lastMenuItem {
	margin-right: 0px; /* elimino separador a la derecha */
}
.menuItemSel, .lastMenuItemSel {
	margin: 0;
	padding: 0;
	float: left;
	width: 127px;
	text-align: center;
	color: white;
	font-weight: bold;
	background: url(../img/LNG_INDEP/common/mainMenu_button_green_up.gif) no-repeat;
	padding-top: 6px; /* con 5px se veía una fila azul de 1px del background  */
	cursor: default;
}
.menuItemSel {
	margin-right: 5px;
}
.lastMenuItemSel {
	margin-right: 0px;
}
#menuTabs a {
	display: block;
	border: 0px;
	height: 16px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	background: url(../img/LNG_INDEP/common/mainMenu_button_blue.gif) no-repeat scroll 0px 4px;
	padding-top: 5px; /* espacio entre el borde superior del link y el borde superior del texto del link */
}
#menuTabs a:hover {
	/*background: #ff9 none;*/
	background: url(../img/LNG_INDEP/common/mainMenu_button_blue_over.gif) no-repeat scroll 0px 3px; /* 1px menos de scroll al pasar por arriba, para que el tab "se levante" */
}

#lineUnderMenu {
	height: 12px;
	background-image: url(../img/LNG_INDEP/common/line_under_menu.gif);
	background-repeat: repeat-x;
}

	/* ### End FIRST TABBED MENU ### */


#wrap3 {
	position:relative;
}

#wrap4 {
	/*position: relative;*/
	border:0px;
	height:84px;
}

#logoEmedicis {
	position: relative;
	margin-top: 4px;
	float: left;
}

#pFooter {
	float: left;
	margin-top: 33px;
}

#pFooter a {
	font-family: verdana;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

#imgSecure {
	float: right;
	height: 37px;
	width: 42px;
	margin-top: 23px;
	margin-right: 3px;
}

/* ##### End main structure ##### */



/* ##### Some common properties ##### */

.borderLightBlue {
	border:1px solid #b3c3db;
}

.borderLightGreen {
	border:1px solid #dae7ba;
}

.bgB {
	background-color: #6987b8;
}

.bgG {
	background-color: #a9c761;
}

.bgG2 {
	background-color: #8cb42d;
}

.title5 {
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	color: white;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
}

/*-- botones de las cajas --*/
#p2 {
    margin: 15px 0px 0px 1px;
    font-family: verdana;
    font-size: 9px;
    line-height: 15px;
}

#p4 { /* bienvenue */
	margin: 5px 0px 0px 1px;
	font-family: verdana;
	font-size: 9px;
	line-height: 13px;
}

#p5 { /* fonctionnement */
	margin: 15px 0px 0px 1px;
	font-family: verdana;
	font-size: 9px;
	line-height: 15px;
}

.btn1 {
	border: 1px;
	height: 18px;
	width: 78px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	margin: 0px;
	padding-bottom: 2px;
}

.btn2 {
	border: 1px;
	height: 18px;
	width: 82px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	margin: 0px;
	padding-bottom: 2px;
}

.btn3 {
	border: 1px;
	height: 24px;
	width: 100px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	margin: 0px;
	padding-bottom: 2px;
}

#btnDisconnect {
	margin: 10px 0px 0px 0px;
}


#btnDisconnect:hover {
	background: url(../img/LNG_INDEP/user/button_disconnect_blue_down.png) no-repeat;
}

#btnDemo2 {
	margin: 15px 0px 0px 2px;
}

#btnDemo2:hover {
	background: url(../img/LNG_INDEP/common/button_enter_green_down.png) no-repeat;
}

/* ##### End some common properties ##### */



/* ##### Logged user pages' structure ##### */

#colLeft {
	margin-top: 0px;
	margin-left: 0px;
	width: 98px;
	height: 318px;
	float: left;
}

#boxWelcome {
	position: absolute;
	top: 5px;
	left: 4px;
	width: 86px;
	height: 200px;
	background-color: #e2e8f1;
}

.bold {
	font-weight: bold;
}

#boxFunct {
	position: absolute;
	top: 214px;
	left: 4px;
	width: 86px;
	height: 91px;
	background-color: #eef4e0;
}

#colRight {
	margin-top: 1px;
	margin-left: 8px;
	width: 686px;
	/*height: 420px;*/
	/*border: 1px solid red;*/
	float: left;
}

* html #mainForm { height: 0.01%; } /* para evitar el error del IE que hace que los mensajes de error no se vean */

#menuTabs2 {
	height: 24px;
	background: url(../img/LNG_INDEP/common/menu_background.gif) repeat-x;
	overflow: hidden;
}


	/* ### SECOND TABBED MENU ### */

#menu2 {
	margin-top: 0px;
	margin-left: 0px;
	width: 686px;
	height: 25px;
}
#menu2Tabs {
	height: 25px;
	/*background: #aae none;*/
	overflow: hidden;
}
#menu2Tabs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu2Item, .lastMenu2Item {
	margin: 0;
	padding: 0;
	float: left;
	width: 224px;/* el ancho de cada pestaña */
	/*background: #fdd none;*/
	text-align: center;
}
.menu2Item {
	margin-right: 7px; /* separador entre pestañas */
}
.lastMenu2Item {
	margin-right: 0px; /* elimino separador a la derecha */
}
.menu2ItemSel, .lastMenu2ItemSel {
	margin: 0;
	padding: 0;
	float: left;
	height: 24px;
	width: 224px;
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/LNG_INDEP/common/second_btn_down.jpg) no-repeat;
	padding-top: 5px;
	cursor: default;
}
.menu2ItemSel {
	margin-right: 7px;
}
.lastMenu2ItemSel {
	margin-right: 0px;
}

#menu2Tabs a {
	display: block;
	border: 0px;
	height: 20px;
	text-decoration: none;
	color: black;
	font-weight: bold;
	background: url(../img/LNG_INDEP/common/second_btn_back_up.jpg) no-repeat scroll 0px 5px;
	padding-top: 8px; /* espacio entre el borde superior del link y el borde superior del texto del link */
}
#menu2Tabs a:hover {
	/*background: #ff9 none;*/
	background: url(../img/LNG_INDEP/common/second_btn_back_over.jpg) no-repeat scroll 0px 4px; /* 1px menos de scroll al pasar por arriba, para que el tab "se levante" */
}

	/* #### End SECOND TABBED MENU #### */


#mainForm {
	/*height: 392px; <-- la altura estará dada por el contenido, no hay que setearla */
	/*border: 1px solid green;*/
	background: url(../img/LNG_INDEP/common/main_background.png) repeat-x;
	/*background-color: #c3d990;*/
	padding: 7px;
}

#msgErr {
	color: #9d16a0;
}

#btnSubmit:hover {
	background: url(../img/LNG_INDEP/common/btn_save_over.jpg) no-repeat;
}

.cubecredit {
   font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

/* ##### End logged user pages' structure ##### */