/*
 * Copyright (c) 2011 Univeris Corporation. All Rights Reserved.
 *
 * This computer program constitutes confidential and proprietary information of Univeris Corporation
 * and is protected by copyright and other intellectual property laws.  Unless you have entered into a
 * written agreement with Univeris Corporation granting you rights to use this computer program in
 * source code form, you have no rights, and are not authorized, to possess, view, copy, distribute or
 * use this computer program in the form attached in any manner whatsoever and must promptly return this
 * program and all copies thereof in your possession or control to Univeris Corporation.
 * Unauthorized possession, viewing, copying, distribution or use of this computer program or any portion
 * thereof may result in liability and will be prosecuted to the maximum extent possible under the law.
 *
 * File Id: $Id: $
 * Current Revision: $Rev: $
 * Last Modified: $LastChangedDate: $
 * Last Modified By: $LastChangedBy: $.
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
p{margin-bottom:0!important;}

html {
	overflow:-moz-scrollbars-vertical;
}

body{
    /*background: url(/javax.faces.resource/skin/images/login/ewms_bg.png.jsf?ln=persistent) repeat-x scroll 0 0!important;*/
	/*color:#333;*/
/*	font-family:Arial,sans-serif!important;*/
	/*font-size:12px;*/
	/*line-height:16px;*/
	/*text-shadow:0 1px 0 #fff;*/
}

body.login-form{
    background: url(/javax.faces.resource/skin/images/login/ewms_bg.png.jsf?ln=persistent) repeat-x scroll 0 0!important;
}

.top-image {
    background: url(/javax.faces.resource/skin/images/login/g4_ewms.png.jsf?ln=persistent) no-repeat;
    height: 463px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.form-container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.login-box {
    width: 444px;
    height: 215px;
    border-bottom: 1px solid #cfcfcf;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 27px 0;
    margin-top: 7px;
}

a{
    color: #039ABE!important;
    font-weight: normal!important;
    text-decoration: none!important;
}

a:hover,a:focus{
    color: #016abd!important;
    cursor: pointer!important;
    position: relative!important;
}

form{
	background:#FFFFFF!important;
    border: 1px solid #ccc!important;
	-moz-box-shadow:0 0 15px #aaa!important;
	-webkit-box-shadow:0 0 15px #aaa!important;
	margin-left:auto!important;
    margin-right:auto!important;

	padding:20px!important;
	/*width:700px!important;*/
}

form.small-form{
	width:400px!important;
}

form.medium-form{
    width:700px!important;
}

h1{
	border-bottom:1px solid #ccc!important;
	font-size:16px!important;
	font-weight:bold!important;
	margin-bottom:20px!important;
    text-transform: uppercase!important;
    /*font-family:Arial,sans-serif!important;*/
}

h2 {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
}

form p,
/*form .line*/
{
	margin-bottom:20px;
    font-size: 12px;
}
form p:last-child,
form .line:last-child {

/* S�lecteur avanc� pour s�lectionner le dernier paragraphe du formulaire */
	margin-bottom:0;
}
/*label{*/
	/*cursor:pointer!important;*/
	/*display:block!important;*/
    /*color: #494949!important;*/
	/*float:left!important;*/
	/*font-size:13px!important;*/
	/*line-height:28px!important;*/
	/*margin-bottom:5px!important;*/
	/*width:160px!important;*/
    /*text-transform: uppercase!important;*/
/*}*/


input[type=text],
input[type=password]{
/*	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); *//* Firefox *//*
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
    width: 220px;
    font-size: 12px;
    /*font-family: Arial;*/
}
input[type=text]:focus,
input[type=password]:focus{
	border-color:#093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on s�lectionne un input dans Chrome */
}
select{
	cursor:pointer;
	padding:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
}
select:active,
select:focus{
	border:1px solid #093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none;
}
input[type=submit], input[type=button],
a.submit{
    -webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
   	behavior: url(/javax.faces.resource/skin/images/persistent/PIE.htc.jsf?ln=persistent);
   	position:relative;
   	background:-moz-linear-gradient(top,  #00c6e4,  #00acda);
   	background:-o-linear-gradient(top,  #00c6e4,  #00acda);
   	background:-ms-linear-gradient(top,  #00c6e4,  #00acda);
   	background: -webkit-gradient(linear, left top, left bottom, from(#00c6e4), to(#00acda));
   	-pie-background: linear-gradient(top, #00c6e4,  #00acda);
   	border:#009fc8 solid 1px;
   	color:#fff;
   text-transform: uppercase;
   font-weight: bold;

    min-width: 65px;
    padding-left: 10px;
/*    padding:0 8px 0 0; Standard...not enough for Arial*/
    /*padding-right: 10px;*/
    height: 22px;
    font-size: 10px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;



/*	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); *//* Firefox *//*
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); *//* Webkit *//*
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:120px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;*/
}
input[type=submit]:hover,
a.submit:hover{
    -webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
   behavior: url(/javax.faces.resource/skin/images/persistent/PIE.htc.jsf?ln=persistent);
   	position:relative;
   	background:-moz-linear-gradient(top,  #0890cf,  #016abd);
   	background:-ms-linear-gradient(top,  #0890cf,  #016abd);
   	background: -o-linear-gradient(top,  #0890cf,  #016abd);
   	background: -webkit-gradient(linear, left top, left bottom, from(#0890cf), to(#016abd));
   	-pie-background: linear-gradient(top, #0890cf,  #016abd);
   	border:#036fbf solid 1px;
   	cursor:pointer;
   text-transform: uppercase;
/*	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;*/
}
input[type=submit]:active,
input[type=submit]:focus,
a.submit:active,
a.submit:focus{
/*	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;*/
}
#options{
	margin-bottom:20px;
}
#options p{
	display:none;
}
#options .show{
	display:block;
}
#options:target .show{
	display:none;
}
#options .hide{
	display:none;
}
#options:target .hide{
	display:block;
}
#options:target p{
	display:block;
}
#finish{
	background:rgba(65, 166, 42, 0.2);
	border:2px solid #41a62a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display:none;
	padding:5px 10px;
}
#finish:target{
	display:block;
}
#credits{
	font-size:11px;
	margin-top:20px;
	text-align:center;
}

#help_desk{
    font-size:11px;
    margin-top:20px;
    text-align:center;
}

#hint{
    border-top:1px solid #ccc;
    font-style:italic;
}

.barrel_roll {
-webkit-transition: -webkit-transform 4s ease;
-webkit-transform: rotate(360deg);
-moz-transition: -moz-transform 4s ease;
-moz-transform: rotate(360deg);
-o-transition: -o-transform 4s ease;
-o-transform: rotate(360deg);
transition: transform 4s ease;
transform: rotate(360deg);
    /*font-family:Arial,sans-serif!important;*/
}

.login-box .ui-message-error {
    background: #FFFFFF;
    margin-left: 160px;
    border: none;
}

fieldset.propertysheet .line {
    border-bottom: none!important;
}

fieldset.propertysheet .line .form-label{
    margin-right: 15px!important;
}

.login-button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(/javax.faces.resource/skin/images/persistent/PIE.htc.jsf?ln=persistent);
    position:relative;
    background:-moz-linear-gradient(top,  #00c6e4,  #00acda);
    background:-o-linear-gradient(top,  #00c6e4,  #00acda);
    background:-ms-linear-gradient(top,  #00c6e4,  #00acda);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6e4), to(#00acda));
    -pie-background: linear-gradient(top, #00c6e4,  #00acda);
    border:#009fc8 solid 1px;
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
}


fieldset.propertysheet .line.error input {
    background-color: #FFE2E2!important;
    border: 1px solid #b94a48!important;
}

fieldset.propertysheet .error-icon {
    /*background-image: url("/javax.faces.resource/ui-icons_cd0a0a_256x240.png.jsf?ln=persistent/skin/jquery/images");*/
    /*background-position: -32px -192px;*/
    display: none!important;
    /*height: 16px;*/
    /*width: 16px;*/
}

fieldset.propertysheet .line.error .form-label {
    color: inherit!important;
}

.ui-messages-error, .ui-message-error {
    background-color: transparent!important;
    border-color: #FFE2E2!important;
    color: #b94a48!important;
}


.ui-messages-warn, .ui-message-warn {
    background-color: #FFE2E2!important;
    border: 1px solid #b94a48!important;
    color: #b94a48!important;
}


.ui-messages-warn-icon, .ui-messages-error-icon{
    display: none!important;
}

.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {
    border: transparent!important;
    margin: 0!important;
    padding-left: 140px;!important;
}

fieldset.propertysheet .line .form-label em.mandatory-em {
    /*color: red;*/
    display: none!important;
    /*margin-left: 2px;*/
}

#mainForm\:msgs div.ui-corner-all{
    background-color: #FFE2E2!important;
    border: 1px solid #b94a48!important;
    color: #b94a48!important;
    text-align:center!important;
}

#mainForm\:msgs {
    /*font-family:Arial,sans-serif!important;*/
}

fieldset.propertysheet .line .form-label {
    /*font-family:Arial,sans-serif!important;*/
    /*font-size: 11px!important;*/
}


fieldset.propertysheet .line .staticText, fieldset.propertysheet .line input, fieldset.propertysheet .line select, fieldset.propertysheet .line textarea, fieldset.propertysheet .line a {
    /*font-family: Arial, sans-serif !important;*/
}

h1{
    /*font-family:Arial,sans-serif!important;*/
}

.action-button, .ui-widget button.action-button, button.ui-widget.action-button {
    /*font-family:Arial,sans-serif!important;*/
}


fieldset.propertysheet .line .line-label {
    text-align: right!important;
    width: 140px!important;
}

form#mainForm.medium-form fieldset.propertysheet . div.line div.line-label





.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    /*font-family:Arial,sans-serif!important;*/
}

.info-box{
     text-align: center!important;
     /*font-family:Arial,sans-serif!important;*/
 }

.info-box.usage{
    padding: 16px;
    border: 1px solid #FACC2E;
    background-color: #FFFFCC;
}

.info-box.confirmation{
    padding: 16px;
    border: 1px solid #ccc;
    background-color: #f5fcfd
}

.ui-corner-all{
    border-radius: 0!important;
}



fieldset.propertysheet .line {
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    padding-left: 0px!important;
    padding-left: 0px!important;
}