/*Aspect général*/
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/OpenSans.eot?#iefix") format("embedded-opentype"),
    url('fonts/OpenSans-Regular.ttf') format('truetype');
}

html, body 
{
	height: 100%;
	padding: 0;
	margin: 0;
	overflow:hidden;
}
.styled-select::after
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0px;
    width: 20px;
    height: 100%;
    background:#fff url('../images/arrow-down.gif') no-repeat center center;
    content: "";
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    pointer-events: none;
}
.styled-select,
.styled-select select,
.styled-select::after
{
    display: inline-block;
    vertical-align:middle;
    height: 25px;
}
.styled-select select
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    width: 100% !important;
}
.styled-select
{
    border: solid 1px #dddddd;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    min-width: 100px;
    background: #fff;
}

#logo_produit 
{
	background-image: url('../../../images/logo_neocase10.gif'); /* A CHANGER SELON LE PRODUIT */
	/* background-image: url(i/logo_neocasePC.gif); */
	/* background-image: url(i/logo_neocaseKB.gif); */
	background-repeat: no-repeat;
	position:absolute;
	top: 15px;
	right: 15px;
	width: 250px;
	height: 50px;
	background-position: top right;
}

hr 
{
	height: 1px;
	color: #dddddd;
	text-align: left;
}

#logo_corporate 
{
	background-image: url('../../../images/logo_corporate.gif');
	background-repeat: no-repeat;
	position:absolute;
	bottom: 4px;
	left: 4px;
	width: 250px;
	height: 50px;
	background-position: bottom left;
}

#copyright 
{
	font-size: 8pt;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: White;
	z-index: 0;
}
#loginForm INPUT, #loginForm .styled-select
{
 width: 100%;    
}

#loginForm .newline
{ 
   display:block;
   margin-bottom: 5px;
   width:100%;
}

/*
loginScreen
*/
body#loginPage {
	background: #003C6E;
}
#loginScreen, #reconnectScreen {
	width: 400px;
	padding: 10px;
	margin: 14% auto 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	background: linear-gradient(to bottom, rgba(255,255,255,1),  rgba(246,246,246,1));
}
	/* Background tests */
	body#loginPage.fr_FR {
		background: #333 url('i/wallpaper2.jpg') no-repeat center center;
	}
	body#loginPage.fr_FR #loginScreen {
		border: 1px solid #CCC;
		box-shadow: 0 0px 200px rgba(0,0,0,1);
	}
	body#loginPage.es_ES {
		background: #333 url('i/wallpaper3.jpg') no-repeat center center;
	}
	body#loginPage.es_ES #loginScreen {
		border: 1px solid #CCC;
		box-shadow: 0 0px 100px rgba(255,255,255,1);
	}
	body#loginPage.ro_RO {
		background: #333 url('i/wallpaper4.jpg') no-repeat center center;
	}
	body#loginPage.ro_RO #loginScreen {
		border: 1px solid #CCC;
		box-shadow: 0 0px 200px rgba(0,0,0,1);
	}

#reconnectScreen{ height:160px;}
	
#loginScreen #logo, #reconnectScreen #logo {
	background: transparent url('i/logo_neocaseHR_black.png') no-repeat 0px 0px;
	display: block;
	width: 300px;
	height: 40px;
}

#loginScreen #loadingMsg
{
    background: transparent url('../images/miniloading.gif') no-repeat;
	display: block;
	height: 20px;
	width: 200px;
	overflow:hidden;
	float:left;
	margin-top: 10px;
	padding-left:20px;
	display:none;
}

#loginBox, #reconnectBox {
	margin: 15px 0 0 0;
}

#reconnectBox 
{
    
}

#reconnectBox #button_reconnexion

{
   margin-top:15px; 
}

#loginBox #subbouton_connexion , #loginBox a#bouton_connexion, #reconnectBox #button_reconnexion {
	display: block;
	float: right;
	border-style:solid;
	border-width:1px;
	border-color:#003C6E;
	color:#ffffff;
	background-image:url(../images/back_button_navy_off.png);	
	background-repeat:repeat-x;
	padding: 3px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    padding: 5px 20px;
    margin-top: 5px;
    width:150px;
}

#loginBox #subbouton_connexion:hover, #loginBox a#bouton_connexion:hover, #reconnectBox #button_reconnexion:hover {
   	background: rgba(0,75,145,1);
}
#loginBox form {
	padding: 10px 0 0 0;
}

#loginBox p {
	padding: 10px 0 10px 0;
	line-height: 1.5em;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}