* { margin: 0; padding: 0 }
p, fieldset, form, ul, ol, dl { margin: 1.33em 0 }
fieldset { padding: 0 1em }
ol, ul, dd { margin-left: 40px }
h1, h2, h3, h4, h5, h6 { font-weight: bold }
h1, h2 { font-size: 32px }
h3, h4 { font-size: 1.19em }
h5, h6 { font-size: 1em }

/*
 * Here is the base of the layout.
 *
 * It is often difficult to obtain the desired effect with CSS2, and
 * especially on Internet Explorer that suffers of many implementation
 * bugs (even in its last version, IE 6.0). For this reason, main parts
 * are artificially doubled, e.g. there are two nested DIVs, #center1 and
 * #center2, instead of a single #center. Note also that it is wise not
 * to mix "padding" values and "width/height" values in the same DIV when
 * IE is in quirks mode, hence the padding may be set in #xxx1 and the
 * width in #xxx2 (or vice versa).
 *
 *	body:
 *		+-------------------------------------------------------+
 *		|       #header1, #header2                              |
 *		|                                                       |
 *		+-------------------------------------------------------+
 *		|                                                       |
 *		|                                                       |
 *		|                                                       |
 *		|                                                       |
 *		|       #center1, #center2                              |
 *		|                                                       |
 *		|                                                       |
 *		|                                                       |
 *		|                                                       |
 *		+-------------------------------------------------------+
 *		|       #footer1, #footer2                              |
 *		|                                                       |
 *		+-------------------------------------------------------+
 *
 *	#header2:
 *		<h1>Evidian</h1>
 *		<h2>AccessMaster</h2>
 *
 *	#center2:
 *		+---------------+---------------------------------------+
 *		|               |                                       |
 *		|               |                                       |
 *		|               |                                       |
 *		|   #nav1,      |   #main1,                             |
 *		|   #nav2       |   #main2                              |
 *		|               |                                       |
 *		|               |                                       |
 *		|               |                                       |
 *		|               |                                       |
 *		+---------------+---------------------------------------+
 *
 *	#nav2:
 *		<h3>Application name</h3>
 *		<ul>
 *			<li><a href="...">A part of the application</a></li>
 *			<li><a href="...">A part of the application</a></li>
 *			<li><a href="...">A part of the application</a></li>
 *		</ul>
 *		#lang
 *
 *	#lang:
 *		<a href="..."><img alt="fr">Français</img></a>
 *		<a href="..."><img alt="en">English</img></a>
 *
 *	#main2:
 *		<h4>This part of the application</h4>
 *		<h5>Current page description</h5>
 */

body
{
	background: white url('/pxpadmin/icons/dbp-bodybg.png') repeat-y left;
	bottom: 0;
}

body, input, select
{
	font-family: Verdana, "Trebuchet MS", sans-serif;
	font-size: 10pt;
}

#header1
{
	background: #b9c0c5 url('/pxpadmin/icons/dbp-bodybg.png') repeat-y left;
}
#header2
{
	background: url('/pxpadmin/icons/dbp-header.jpg') no-repeat 30px;
	height: 140px;
}
#header2 h1, #header2 h2
{
	white-space: nowrap;
	overflow: hidden;
}
#header2 h1
{
	position: absolute; top: 37px; left: 385px;
	color: #ffa500;
}
#header2 h2
{
	position: absolute; top: 69px; left: 385px;
	color: black;
}

#nav1
{
	position: absolute; top: 110px; left: 30px;
	padding: 38px 15px 0;
}
#nav2
{
	position: relative;
	width: 240px;
	padding-bottom: 41px;
}
#nav2 ul
{
	font-size: 0.8em;
	margin: 1em 0 0 1.5em; padding: 0;
        list-style-image: url('/pxpadmin/icons/box5.gif');
}
#nav2 ul li
{
        padding: 0; margin: 0;
/*
	padding: 0 0 0 11px;
	margin-bottom: 3px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url('/pxpadmin/icons/box5.gif');
*/
}
#nav2 ul li.active
{
	font-weight: bold;
	background-image: url('/pxpadmin/icons/boxf5.gif');
}
#nav2 ul li.header
{
	font-size: 1.19em;
	padding: 5px 0 5px 11px;
	border-bottom: 1px solid #888;
	margin-bottom: 5px;
	background-image: url('/pxpadmin/icons/arrow1u7.gif');
}
#nav2 ul li.home
{
	border-top: 1px solid black;
	margin-top: 5px;
	border-bottom: 1px solid black;
	background-image: url('/pxpadmin/icons/arrow2u7.gif');
}
#nav2 ul a
{
	color: #00f;
	text-decoration: none;
}
#nav2 ul a:hover
{
	text-decoration: underline;
}

#lang
{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#lang a
{
	margin: 5px;
}
#lang a img
{
	border-color: black;
	width: 25px;
	height: 21px;
}

#main1
{
	margin-left: 30px;
	/*background: url('/pxpadmin/icons/hr1.png') repeat-x top;*/
}
#main2
{
	margin-left: 270px;
	padding: 58px 35px 55px 65px;
	/*background: url('/pxpadmin/icons/hr2.png') no-repeat top right;*/
}

#main2 a
{
	color: #00f;
	text-decoration: none;
}
#main2 a:hover
{
	text-decoration: underline;
}

#main2 h4
{
	display: inline;
	position: relative;
	left: -50px;
	top: -20px;
	padding: .6em;
	line-height: 2.2em;
	background-color: #ffa500;
	white-space: nowrap;
	overflow: hidden;
}

#main2 h5
{
	padding: 0 15px 0 60px;
	text-align: left;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: url('/pxpadmin/icons/bgh60.png') repeat-y left;
}
#main2 h5.before
{
	background: none;
	border-bottom: 0 none;
}
#main2 h5.after
{
	background: none;
	border-top: 0 none;
}

/*
 * On modern browsers (Mozilla, Netscape 7, Opera, ...) the position of
 * Evidian+Bull logo is fixed, i.e. it doesn't scroll when a possible
 * scrollbar exists. This allows to be sure that every pixel of #main2
 * can be displayed whatever the size of the window (note that the bottom
 * padding of #main2 is 55px, i.e. 35px for the logo, and 10px on both
 * upper and lower sides of it).
 *
 * For older browsers such as MS Internet Explorer 6 which doesn't
 * understand the position fixed (but fortunately also doesn't understand
 * the '>' selector), the position is absolute. For them, the logo is
 * correctly positioned when the window height is large enough, but
 * there may be a superposition when a scrollbar exists. It may then be
 * necessary to resize the window up or down for discovering things.
 *
 * Note that, because the logo uses PNG transparency, the text may often
 * be still visible behind "Evidian".
 */
#footer1 {
	position: absolute;	/* For old browsers such as MSIE 6 */
	bottom: 10px;
	right: 35px;
	height: 33px;
	width: 150px;
	background: url('/pxpadmin/icons/evidian33.png') no-repeat;
}
html>body #footer1 {
	position: fixed;	/* For modern browsers */
}


/* ---------------------------------
     Evidian Web Access Manager Authentication Server
   --------------------------------- */

table.authform th { text-align: left; color: navy; padding-right: 0.5em;
                    white-space: nowrap; }
table.authform th    { width: 13em; }
table.authform tr>th { width: 12em; }

table.authform td { /*width: 12.5em;*/ }
table.authform input  { /*width: 98%;*/ }
table.authform select { width: 100%; }
table.authform td.buttons    { text-align: left; padding-top: 1em; }
table.authform input#ok      { width: 100px; margin: 0 1% 0 0; }
table.authform input#cancel  { width: 100px; margin: 0 0 0 1%; }

table.buttons         { margin-top: 1em; }
table.buttons td      { width: 7.5em; padding: 0.25em; }
table.buttons input   { width: 95%; }

input.link       { border-style: none; background-color: #b9c0c5;
                   color: blue; font-size: inherit; padding: 0; margin: 0;
                   text-align: left; }
input.link:hover { text-decoration: underline; }

table.weblist th { text-align: left; padding-right: 1em;
                   white-space: nowrap; }

p.pxperror { font-size: 120%; }

#pwdquality ul { margin-top: 0; }
#pwdquality p  { margin-bottom: 0; }